/* content */
.contactlist { float: left; width: 500px; padding: 0; margin: 0; font-family: arial; color: #000; font-size: 1.5em;  }
.contactlist .fa {font-family: 'FontAwesome';}
.contactlist a {text-decoration: none; -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}
.contactlist a:hover {text-decoration: none; color: #0094d3; }
.contactlist h4 {padding: 5px 0 5px 0; margin: 0; font-size: 1.3em;}
.contactlist h4 a{color: #69b23b;}
.contactlist h4 a:hover{color: #000 !important;}

.contactlist .clist {width: 45%; border: 1px solid #dedede; -moz-border-radius: 8px;

border-radius: 8px; min-height: 500px; margin-top: 10px;}
.contactlist .scroll {width: 100%; overflow-x: hidden; height:636px /* horizontal */   /* vertical */}
.contactlist .clist .navigation {background: #595959; color: #ffffff; text-align: center; font-size: 1.2em; line-height: 1em; padding: 5px 0; display: block;}
.contactlist .clist .nav_top {-moz-border-radius-topright: 7px;
border-top-right-radius: 7px; -moz-border-radius-topleft: 7px;
border-top-left-radius: 7px;}
.contactlist .clist .nav_bottom {-moz-border-radius-bottomright: 7px;
border-bottom-right-radius: 7px; -moz-border-radius-bottomleft: 7px;
border-bottom-left-radius: 7px;}
.contactlist .clist section.row {min-height: 60px; background: #fafafa; padding: 0; margin: 10px 0; border-bottom: 1px solid #dedede; -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; padding: 10px 0; margin: 0; }
.contactlist .clist section.row:nth-of-type(odd) {background: #fff;}
.contactlist .clist section.row:hover {background: #eeeeee; color: #000000;}
.contactlist .clist .lt_tb {width: 8%; padding-right: 10px; float: left;}
.contactlist .clist span.letter {background: #69b23b; width: 50%; text-align: center; padding: 10px 5px; color: #fff; font-family: 'helvetica_thin'; -moz-border-radius-topright: 6px;
border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px; font-size: 1.5em; display: block; margin-top: 10px;}
.contactlist .clist .lt_img {width: 22%; text-align: center; margin-top: 10px;}
.contactlist .clist img {width: 80px; height: 80px; border: 1px solid #dedede; border-radius: 50%;}
.contactlist .clist .waitImg {width: 50px; height: 50px; border-style:none; display:block; margin-left:auto; margin-right:auto; padding-top:250px;padding-bottom:250px; border-radius: 0px;}

.contactlist .clist .lt_inf {width: 75%; float: left;}
.contactlist .clist .lt_inf ul {padding: 3px 0 0 0; margin: 0; color: #888888; }
.contactlist .clist .lt_inf ul li {list-style: none; padding: 2px 0; font-size: 1em; o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; float: left; margin-right: 10px; padding-bottom: 4px; line-height: 1.8em; height: 24px;}
.contactlist .clist section.row:hover .lt_inf ul li {color: #000;}
.contactlist .clist section.row h4 {o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; }
.contactlist .clist section.row:hover h4 {color: #000 !important;}

.contactlist .clist .lt_inf ul li .fa {font-size: 1.2em; font-weight: normal;}
.contactlist .clist .lt_inf ul li .mob {font-size: 1.5em !important; }
.contactlist .clist .lt_mess  {margin-top: 38px; text-align: center; width: 15%;}
.contactlist .clist .row .lt_edit  {text-align: right; width: 25%; float: right; display: none;}
.contactlist .clist .row .lt_edit_visible  {text-align: right; width: 25%; float: right; display: block;}
.contactlist .clist .row:hover .lt_edit  {display: block;}
.lt_right  {width: 75%; float: left;}
.lt_right:hover h4{color: #000 !important;}
.contactlist .clist .mess {background: #69b23b; border-radius: 50%; padding: 12px 13px; color: #fff; font-size: 1.2em;}
.contactlist .clist .mess_grey {background: #dedede; border-radius: 50%; padding: 12px 13px; color: #fff; font-size: 1.2em;}
.contactlist .clist .mess:hover {background: #595959;}
.contactlist .clist .ed {background: #69b23b; border-radius: 50%; padding-top: 5px; color: #fff; font-size: 0.9em; width: 25px; height: 20px; text-align: center; display: block; float: right; clear: both; margin: 0px 10px 0 10px; z-index: 99;}
.contactlist .clist .blue {margin-bottom: 4px;}
.contactlist .clist .ed_expand {background: #69b23b; border-radius: 12px; color: #fff; font-size: 0.9em; text-align: center; display: block; float: right; clear: both; margin: 0px 10px; z-index: 99; padding: 5px 8px;}
.contactlist .clist .ed_expand .smallfont {font-size: 0.8em; font-weight: bold; padding: 0 5px;}
.contactlist .clist .ed_expand a:hover {text-decoration: underline;}
.contactlist .clist .ed:hover {background: #595959;}
.contactlist .clist .yell {background: #dbc442;}
.contactlist .clist .blue {background: #0094d3;}
.contactlist .clist .red {background: #e53c42;}
.contactlist .clist .red a{color: #fff;}
.contactlist .clist .red a:hover{color: #fff;}
.contactlist .clist .grey {background: #dedede;}
.contactlist .clist .default {font-weight: bold; color: #69b23b;}
.contactlist .search {margin: 20px 0 10px 0; width:90%}
.contactlist .clist .navigation_no {background: #fafafa; color: #dedede; text-align: center; font-size: 1.2em; line-height: 1.2em; padding: 5px 0; display: block;}
.contactlist .clist section.row span.nonumb {color: #e53c42;}
.contactlist .clist section.row .cleaner {clear: both; margin: 0; padding: 0; height: 0;}

.contactlist .clist span.jt_admin_contact {background: #595959; padding: 4px 6px !important;}

.contactlist .search input {background: #ffffff; -moz-border-radius: 6px;
border-radius: 6px; border: 1px solid #dedede; -moz-border-radius: 6px;
border-radius: 6px; box-shadow:inset 2px 2px 0px #f2f2f2; -moz-box-shadow:inset 2px 2px 0px #f2f2f2; height: 23px; width: 67%; -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; padding: 5px 10px; margin: 0; float: left; border-right: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.contactlist .search input:hover {border: 1px solid #999999; border-right: none;}
.contactlist .search button {-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; border: none; color: #fff; cursor: pointer; padding: 11px 14px; -moz-border-radius: 6px; border-radius: 6px; margin-top: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: -2px; float: left; width: 40px; height: 35px;}
.contactlist .search button.red {background: #e53c42;}
.contactlist .search button.grey {background: #dedede; color: #595959;}
.ui-menu .ui-menu-item a {padding: 8px 15px !important; }
.contactlist .search:hover button {background: #595959; border: none; color: #fff;}
.contactlist .search:active button {background: #69b23b; border: none; color: #fff; opacity: 0.6;}

.highlight {background: #FFFF66 }
.cursorPointer {cursor: pointer}

/* Add contact------------------------------------------------- */
   /* content */
.add_contact { font-size: 1.2em; font-family: arial; width: 420px; background: #fafafa; -moz-border-radius: 8px; border-radius: 8px; padding: 10px 20px;}
.add_contact .fa { font-family: 'FontAwesome'; font-weight: normal;}
.add_contact h4{ padding: 5px 0; margin: 0; color: #595959; font-size: 1.5em;}
.add_contact .avatar {margin: 20px;}
.add_contact .add {width: 80px; height: 62px; background: #595959; border-radius: 50%; display: block; text-align: center; color: #fff; text-decoration: none; font-size: 3em; padding-top: 18px;}
.add_contact .add:hover {background: #62af32; color: #fff;}
.add_contact .whitebutt {color: #62af32; background: #ffffff; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #dedede; border-radius: 6px; box-shadow: inset 0 0 10px #f2f2f2; -moz-box-shadow: inset 0 0 10px #f2f2f2; font-weight: bold; text-decoration: none; padding: 10px 25px; text-align: center; width: 40%; margin: 5px auto; -o-transition: .2s ease-in; -ms-transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in;}
.add_contact .whitebutt:hover { color: white; background: #62af32; -moz-box-shadow: inset 0 0 15px #81bc5b; box-shadow: inset 0 0 15px #81bc5b; border: 1px solid #62af32; }
.add_contact table {border-collapse: collapse; width: 100%;font-size: 1.0em; color: #595959;}
.add_contact table tr{}
.add_contact table td{padding: 5px 20px; vertical-align: center;}
.add_contact table td:nth-child(1) {width: 35%; text-align: right; font-weight: bold;}
.add_contact table td:nth-child(2) {width: 65%; text-align: left;}
.add_contact input[type="radio"] {-webkit-appearance:none; display: none; }
.add_contact input[type="radio"]+label { float: left;display:Block;font-weight: bold;cursor: pointer;text-align: center;background: #ffffff;-moz-border-radius: 6px;border-radius: 6px;margin: 0 2px;}
.add_contact input[type="radio"]+label span{display: block; line-height: 30px;}
.add_contact label span.fa{font-size: 1.5em;}
.add_contact input[type="radio"]+label.working span{ background: #ffffff; padding: 2px 10px;-moz-border-radius: 6px;border-radius: 6px; }
.add_contact input[type="radio"]+label.not_checked span{padding: 2px 10px;}
.add_contact input[type="radio"]+label.faulty span{background: #ffffff; padding: 2px 10px;-moz-border-radius: 6px;border-radius: 6px;  }
.add_contact input[type="radio"]:checked+label{background-position: left -60px;}
.add_contact input[type="radio"]:checked+label.working span{background: #62af32;color: white;}
.add_contact input[type="radio"]:checked+label.faulty span{background: #62af32;color: white;}
.add_contact input[type="radio"]:checked+label.not_checked{background: #62af32;color: white;}
.add_contact .inplace_field{border: 1px solid #0094d3; padding: 8px 10px;-moz-border-radius: 6px;border-radius: 6px; color: #595959; }

.add_contact .inplace_wrong{border: 1px solid #e53c42; padding: 8px 10px;-moz-border-radius: 6px;border-radius: 6px; color: #595959; }

.add_contact .inplace_cancel{border: none; background: none; padding: 5px; margin: 0;color: #e53c42; cursor: pointer; font-size: 1.2em;}
.add_contact .inplace_save{border: none; background: none; padding: 5px; margin: 0;color: #0094d3; cursor: pointer; font-size: 1.2em; }
.add_contact tr a:hover{-o-transition: .2s ease-in;-ms-transition: .2s ease-in;-moz-transition: .2s ease-in;-webkit-transition: .2s ease-in;transition: .2s ease-in;}
.add_contact tr a:hover{color: #62af32;}
.add_contact .primary, .none{font-weight: normal; font-size: 1.3em; float: right; padding-left: 5px;}
.add_contact .primary{color: #62af32;}
.add_contact .none{color: #888888;}
.add_contact .main{color: #62af32; font-weight: bold;}
.add_contact form, .add_contact fieldset {border: none; padding: 0; margin: 0;}
.add_contact input[type="text"]{border: 1px solid #dedede; padding: 8px 10px;-moz-border-radius: 6px; border-radius: 6px; color: #595959; margin: 0; -o-transition: .2s ease-in; -ms-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in; width: 82%;}
.add_contact input[type="text"]:hover{border: 1px solid #888888;}
.add_contact input[type="text"]:focus{border: 1px solid #595959;}
.add_contact .submitButton { font-size: 13px;
border: 1px solid #ffffff;
color: white;
background: #62af32;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: inset 0 0 15px #81bc5b;
-moz-box-shadow: inset 0 0 15px #81bc5b;
font-weight: bold;
text-decoration: none;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
display: block;
width: 82%;
padding: 10px 0;
cursor:pointer;
text-align:center
}
.add_contact .submitButton:hover {
color: #ffffff;
border: 1px solid #046c98;
box-shadow: inset 0 0 10px #30a8db;
-moz-box-shadow: inset 0 0 10px #30a8db;
}



.greenbutt {
font-size: 13px;
border: 1px solid #ffffff;
color: #fff;
background: #62af32;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: inset 0 0 15px #81bc5b;
-moz-box-shadow: inset 0 0 15px #81bc5b;
font-weight: bold;
text-decoration: none;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}
.greenbutt:hover {
color: #ffffff;
border: 1px solid #046c98;
box-shadow: inset 0 0 10px #30a8db;
-moz-box-shadow: inset 0 0 10px #30a8db;}
.greenbutt {margin: 0 0 0 10px; padding: 10px 20px; float: left;}
.greenbutt .fa {font-weight: normal; font-size: 0.9em;}

.greenbutt {font-size: 13px; border: 1px solid #ffffff; color: #fff; background: #62af32; -moz-border-radius: 8px; border-radius: 8px; box-shadow: inset 0 0 15px #81bc5b; -moz-box-shadow: inset 0 0 15px #81bc5b; font-weight: bold; text-decoration: none; -o-transition: .2s ease-in; -ms-transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in; padding: 9px 15px; }
.cleaner {clear: both; height: 5px;}
a:hover.greenbutt { box-shadow: none; border: 1px solid #62af32; background-image: -ms-linear-gradient(top, #74c640 0%, #62af32 100%); background-image: -moz-linear-gradient(top, #74c640 0%, #62af32 100%); background-image: -o-linear-gradient(top, #74c640 0%, #62af32 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #74c640), color-stop(1, #62af32)); background-image: -webkit-linear-gradient(top, #74c640 0%, #62af32 100%); background-image: linear-gradient(to bottom, #74c640 0%, #62af32 100%); text-shadow: 0 1px rgba(0,0,0,0.1); color: #fff;}
a:active.greenbutt { border: 1px solid #62af32; box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1); text-shadow: none; color: #caeab5;}
.search form {width: 100%;}

/* uprava layoutu MB 13/10/14 */
#jt_contacts_right_block
{float: right; width: 48%; margin-top: 20px;}



.greybutt { font-family: arial;
            font-size: 13px;
            border: 1px solid #ffffff;
            color: #595959;
            background: #dedede;
            -moz-border-radius: 8px;
            border-radius: 8px;
            font-weight: bold;
            text-decoration: none;
            -o-transition: .2s ease-in;
            -ms-transition: .2s ease-in;
            -moz-transition: .2s ease-in;
            -webkit-transition: .2s ease-in;
            transition: .2s ease-in;
            padding: 9px 50px;
            cursor: pointer; 
            margin-left: -10px;}
button:hover.greybutt {border: 1px solid #d0d0d0; background-image: -ms-linear-gradient(top, #dedede 0%, #d0d0d0 100%); background-image: -moz-linear-gradient(top, #dedede 0%, #d0d0d0 100%); background-image: -o-linear-gradient(top, #dedede 0%, #d0d0d0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(1, #d0d0d0)); background-image: -webkit-linear-gradient(top, #dedede 0%, #d0d0d0 100%); background-image: linear-gradient(to bottom, #dedede 0%, #d0d0d0 100%);text-shadow: 0 1px rgba(0,0,0,0.1); }
button:active.greybutt { border: 1px solid #d0d0d0; box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1); text-shadow: none; color: #888;}
#opt_selected {margin-top: 20px; font-size: 20px;}
.container1 {display: inline-block;  margin-left: 20px;}
#demo_drop1 ul {position: absolute; width: 200px !important; border: 1px solid #dedede; padding: 0; margin: 0;border-radius: 6px;list-style: none; background: #fff; font-size: 0.8em !important;z-index:500; }
ul.menu1 li {list-style: none; padding: 0; margin: 0;}
ul.menu1 li a {padding: 8px 15px; font-family: arial; display: block; color: #595959; font-weight: bold; text-decoration: none; margin: 0;}
ul.menu1 li a:hover {background: #62af32; color: #fff;}
ul.menu1 li:first-child a:hover {-moz-border-radius-topright: 5px;
border-top-right-radius: 5px; -moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;}
ul.menu1 li:last-child a:hover {-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;}
ul.menu1 li a.future {color: #888;}
ul.menu1 li a.future:hover {background: #dedede; color: #888;}
ul.menu1 li span.future {color: #62af32;}
ul.menu1 li a.future:hover span.future{color: #888;}
@-moz-document url-prefix()
{
 .greybutt { margin-top: 1px;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .greybutt {
margin-top: 2px; /* Only works in IE10 */

}
}       




   /* editContact */
.edit_contact { font-size: 1.2em; font-family: arial; width: 420px; background: #fafafa; -moz-border-radius: 8px; border-radius: 8px; padding: 10px 20px;}
.edit_contact .fa { font-family: 'FontAwesome'; font-weight: normal;}
.edit_contact h4{ padding: 5px 0; margin: 0; color: #595959; font-size: 1.5em;}
.edit_contact .avatar {margin: 20px;}
.edit_contact img{width: 80px; height: 80px; border: 1px solid #dedede; border-radius: 50%; margin: }
.edit_contact .whitebutt {color: #62af32; background: #ffffff; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #dedede; border-radius: 6px; box-shadow: inset 0 0 10px #f2f2f2; -moz-box-shadow: inset 0 0 10px #f2f2f2; font-weight: bold; text-decoration: none; padding: 10px 25px; text-align: center; width: 40%; margin: 5px auto; -o-transition: .2s ease-in; -ms-transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in;}
.edit_contact .whitebutt:hover { color: white; background: #62af32; -moz-box-shadow: inset 0 0 15px #81bc5b; box-shadow: inset 0 0 15px #81bc5b; border: 1px solid #62af32; }
.edit_contact table {border-collapse: collapse; width: 100%;font-size: 1.0em; color: #595959;}
.edit_contact table tr{}
.edit_contact table td{padding: 10px 20px; vertical-align: center;}
.edit_contact table td:nth-child(1) {width: 35%; text-align: right; font-weight: bold;}
.edit_contact table td:nth-child(2) {width: 65%; text-align: left;}
.edit_contact input[type="radio"] {-webkit-appearance:none; display: none; }
.edit_contact input[type="radio"]+label { float: left;display:Block;font-weight: bold;cursor: pointer;text-align: center;background: #ffffff;-moz-border-radius: 6px;border-radius: 6px;margin: 0 2px;}
.edit_contact input[type="radio"]+label span{display: block; line-height: 30px;}
.edit_contact label span.fa{font-size: 1.5em;}
.edit_contact input[type="radio"]+label.working span{ background: #ffffff; padding: 2px 10px;-moz-border-radius: 6px;border-radius: 6px; }
.edit_contact input[type="radio"]+label.not_checked span{padding: 2px 10px;}
.edit_contact input[type="radio"]+label.faulty span{background: #ffffff; padding: 2px 10px;-moz-border-radius: 6px;border-radius: 6px;  }
.edit_contact input[type="radio"]:checked+label{background-position: left -60px;}
.edit_contact input[type="radio"]:checked+label.working span{background: #62af32;color: white;}
.edit_contact input[type="radio"]:checked+label.faulty span{background: #62af32;color: white;}
.edit_contact input[type="radio"]:checked+label.not_checked{background: #62af32;color: white;}
.edit_contact .inplace_field{border: 1px solid #0094d3; padding: 8px 10px;-moz-border-radius: 6px;border-radius: 6px; color: #595959; }
.edit_contact .inplace_cancel{border: none; background: none; padding: 5px; margin: 0;color: #e53c42; cursor: pointer; font-size: 1.2em;}
.edit_contact .inplace_save{border: none; background: none; padding: 5px; margin: 0;color: #0094d3; cursor: pointer; font-size: 1.2em; }

.edit_contact .inplace_wrong{border: 1px solid #e53c42; padding: 8px 10px;-moz-border-radius: 6px;border-radius: 6px; color: #595959; }

.edit_contact tr a:hover{-o-transition: .2s ease-in;-ms-transition: .2s ease-in;-moz-transition: .2s ease-in;-webkit-transition: .2s ease-in;transition: .2s ease-in;}
.edit_contact tr a:hover{color: #62af32;}
.edit_contact .primary, .none{font-weight: normal; font-size: 1.3em; float: right; padding-left: 5px;}
.edit_contact .primary{color: #62af32;}
.edit_contact .none{color: #888888;}
.edit_contact .main{color: #62af32; font-weight: bold;}
.edit_contact_inline {cursor: pointer; background-color:#ffc}

.add_contact button.closeform { float: right; border: none; background: none; cursor: pointer; font-size: 18px; padding: 5px; color: #888;}
.add_contact button:hover.closeform {color: #e53c42;}

.clist ul li .place {


width: 40px;
height: 14px;
background: #595959;
margin: 1px 20px 0 0;
color: #fff;
font-size: 9px;
font-weight: bold;
text-align: center;
line-height: 14px;
}

.clist ul li .light {

padding: 2px 6px;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
}

.clist ul li .on {
background: #e53c42;
}


/*.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(255,255,255,.75);
		z-index: 600;
		display: none;
		top: 0;
		left: 0; 
		}*/
	
/*.reveal-modal {
    font-family: arial;
		visibility: hidden;
		top: 200px; 
		left: 50%;
		margin-left: -200px;
		width: 450px;
		background: #ffffff;
		position: absolute;
		z-index: 621;
    border: 1px solid #333333;
		padding: 20px 30px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
}*/
    
	/*.reveal-modal h3{
    padding: 10px 0 !important;
    margin: 0 !important;
    font-size: 23px !important;
    color: #595959 !important;
    text-align: left;
		}*/
    
    /*.reveal-modal p{
    font-size: 13px; padding: 0; margin: 0; line-height: 20px; color: #595959; font-weight: bold;
		}*/
		
		.greenbutt-modal {
            font-size: 13px !important;
            border: 1px solid rgb(255, 255, 255);
            color: white !important;
            background: rgb(98, 175, 50);
            border-radius: 8px;
            font-weight: bold;
            text-decoration: none;
            transition: 0.2s ease-in;
            -webkit-transition: 0.2s ease-in;
            display: block;
            width: 40%;
            margin: 15px 10px;
            padding: 10px 0px;
            text-align: center;
            float: left;
            cursor:pointer;
            }

        #ExchangeForm .greenbutt-modal {
            padding: 10px 15px;
            width: 50%;
            }

         #ExchangeForm .red {
            padding: 7px 10px !important;
            width: 28% !important;
            float: right;
            margin-right: 40px;
            margin-top:15px;
           

            -box-shadow: none !important;
            -moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
            }

            #exchangeFormError
            {
                margin-bottom: 5px
            }

        #ExchangeForm label {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background: #595959;
float: left;
padding: 10px;
width: 25%;
color: #fff;
text-align: left;
font-weight: bold;
font-size: 1.2em;
}

        #ExchangeForm input {
background: #ffffff;
box-shadow: inset 2px 2px 0px #f2f2f2;
-moz-box-shadow: inset 2px 2px 0px #f2f2f2;
width: 160px;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
padding: 8px 10px 10px 10px;
border: 1px solid #595959;
width: 60%;
margin-bottom: 10px;
margin-top: 0px;
}

    .red-modal {
        background: #e53c42;
    }

.greenbutt-modal:hover {
color: rgb(255, 255, 255);
background: rgb(0, 148, 211);
border: 1px solid rgb(4, 108, 152);

box-shadow: rgb(48, 168, 219) 0px 0px 10px inset;
}     

	.reveal-modal .close-reveal-modal {
		font-size: 1.4em;
		line-height: .5;
		position: absolute;
		top: 20px;
		right: 20px;
		color: #e53c42;
		cursor: pointer;
        text-decoration: none;
		}

    .reveal-modal .whitebutt {float: right; width: 25%; margin: 0; margin-top: -5px;}
    /*.reveal-modal p {float: left; color: #888888;}*/  
    
    ul.jt_wizard_process {
        padding: 0;
        margin: 0 auto;
        text-align: center;
        margin-top: 30px;
    }

    div.jt_wizard_process {
        padding: 0;
        margin: 30px auto 0 auto;
        text-align: center;
    }

     div.jt_wizard_process .greenbutt{
        display: inline!important;
        float: none !important;
        margin: 10px auto 0 auto !important;
    }

    ul.jt_wizard_process li {
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline;
        border: none;
        font-weight: bold;
        font-size: 1.2em;
        border-radius: 50%;
        padding: 5px 5px 5px 5px;
        background: #dedede;
        color: #888;
        margin: 5px;
    }

    ul.jt_wizard_process li a{
        color: #fff !important;
        text-decoration: none;
        padding: 5px 5px 5px 5px;
    }

    .jt_wizard_process ul a li {
        text-decoration: none;
    }

    ul.jt_wizard_process li.active {
        background: #62af32;
        color: #fff;
    }

    ul.jt_wizard_process li.done {
        background: #595959;
        color: #fff;
    }

    ul.jt_wizard_process_table{
        padding: 0;
        margin: 0;
    }

    ul.jt_wizard_process_table li{
        border: 2px solid #dedede;
        padding: 10px;
        margin: 10px 0;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        list-style: none;
        font-weight: bold;
        color: #595959;
    }

    ul.jt_wizard_process_table li a{
        text-decoration: none;
        color: #595959;
        display: block;
    }

    ul.jt_wizard_process_table li span{
       font-size: 1.6em; padding-right: 20px; padding-left: 5px;
    }

    ul.jt_wizard_process_table li span.google{
       color: #d44032 !important;
    }

    ul.jt_wizard_process_table li span.exchange{
       color: #0072c6 !important;
    }

.jt_select_source {
width: 30%;
border: 1px solid #dedede;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0px 0px 5px #dedede;
-webkit-box-shadow: 0px 0px 5px #dedede;
box-shadow: 0px 0px 5px #dedede;
margin: 2% 14px 2% 0;
float: left;
text-align: center;
font-weight: normal !important;
} 

.jt_select_source .jt_select_source_head {
background: #595959;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
padding: 8%;
height: 110px;
}

.jt_select_source .jt_select_source_head strong {
color: #fff;
font-size: 1.8em; 
text-align: center;
padding: 20px 10px 0 10px; 
display: block;
font-family: 'helvetica_thin';
}

.jt_select_source .jt_select_source_head span {
color: #fff; 
font-size: 4em; 
font-weight: normal;
padding-top: 10px; 
display: block;
}

.jt_select_source p {
color: #595959;
padding: 8%;
line-height: 1.6em;
font-weight: normal !important;
}

.jt_select_source .greenbutt {
width: 68% !important; margin: 0 auto; float: none; text-align: center;
}

.jt_select_source .jablotool {
background: #62af32;
}

 .jt_select_source .google {
background: #d44032 ;
}


.jt_select_source .exchange {
background: #0072c6;
}



.fa {font-family: 'FontAwesome'; font-weight: normal;}

.workbar_wrap {
width: 500px;
margin-top:10px;
}

.workbar_level {
width: 500px;
height: 25px;
position: absolute;
text-align: center;
z-index: 10;
color: #fff;
font-size: 13px;
font-weight: bold;
font-family: arial;
line-height: 25px;
}

.workbar {
width: 500px;
height: 25px;
background: #595959;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


.bar_level {
height: 25px;
background: #62af32;
display: block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

}

.bar_level_full {
height: 25px;
background: #e53c42;
display: block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=3.1.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}

.contactlist .clist span.ic {background: #dedede; border-radius: 50%; padding: 4px 5px; color: #fff; font-size: 0.9em;text-align: center; }
.contactlist .clist .row:hover span.ic {background: #69b23b;}

.empty {background: url(images/empty.png) no-repeat center center; text-align: center;}
.empty p {font-family: 'helvetica_thin'; color: #fff; padding: 280px 0 0 10px; font-size: 22px;}

.empty_lock {background: url(images/contacts_empty_lock.png) no-repeat center center; text-align: center;}
.empty_lock p {font-family: 'helvetica_thin'; color: #888888; padding: 280px 35% 0 38%; font-size: 20px;}

.jt-ct-empty-search {background: url(/img/clist-search-no-results.png) no-repeat center 20px; text-align: center;float: right;  border: none; width: 100%;}
.jt-ct-empty-search p{font-family: 'helvetica_thin'; color: #fff; padding: 300px 0 0 0px; font-size: 22px;}

.jt-ct-empty-nosync {background: url(Images/clist-search-sync.png) no-repeat center top; text-align: center;float: right;  border: none; width: 100%;}
.jt-ct-empty-nosync p{font-family: 'helvetica_thin'; color: #fff; padding: 280px 0 0 10px; font-size: 22px;}

.jt-ct-empty-nosync a {font-family: arial; color: #fff; font-size: 0.65em; font-weight: bold; text-decoration: none; padding: 5px; background: #616161; display: block; width: 60px; margin: 5px auto; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.jt-ct-empty-nosync a:hover {
background: #dedede;
color: #595959;
border: #616161;
box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0,0,0,0.1);
}
.jt-ct-empty-nosync a:active {
box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.15);
text-shadow: none;
background: #fafafa;
color: #888;
}

.noactivebutton {
background: #fafafa !important; color: #dedede !important; box-shadow: none !important; border: 1px solid #fafafa !important;
}

.edit_contact .noactivebutton {
background: #fff !important; color: #dedede !important; box-shadow: none !important; border: 1px solid #fff !important; padding: 2px 5px!important; margin: 0 10px!important; float: none !important;
}

.noactivebutton:hover {
text-shadow: none !important;
}

/*ikonka admin kontaktu - nelze editovat*/
.contactlist .clist span.non-editable {background: #888; border-radius: 50%; padding-top: 5px; color: #fff; font-size: 1em; width: 25px; height: 20px; text-align: center; display: block; float: right; clear: both; margin: 20px 20px 0 0; z-index: 99;}

.contactlist .bubble {line-height: 1em !important;}

/************** storage bar ****************/

.jt_storage_bar { 
width:44%; height: 25px; text-align: center; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
} 

.jt_storage_bar p{ 
font-weight: bold; line-height: 2.4em; color: #595959;
} 

.jt_storage_bar_admin, .jt_storage_bar_user, .jt_storage_bar_free { 
float: left; height: 100%; text-align: center;  cursor: help; 
} 

.jt_storage_bar_admin span.fa, .jt_storage_bar_user span.fa, .jt_storage_bar_free span.fa { 
font-size: 1.2em; line-height: 1.7em;
} 

.jt_storage_bar_admin { 
background: #fef8c4; -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;
color: #af9701;
background-size: 50px 50px;
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
-pie-background: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                 transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                 transparent 75%, transparent) 0 0 / 50px 50px, #c16;
behavior: url(/pie/PIE.htc);
} 

.jt_storage_bar_user { 
background: #69b23b; color: #fff;
background-size: 50px 50px;
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
-pie-background: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                 transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                 transparent 75%, transparent) 0 0 / 50px 50px, #c16;
behavior: url(/pie/PIE.htc);
} 

.jt_storage_bar_free { 
background: #dedede; 
    -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;
background-size: 50px 50px;
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
-pie-background: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                 transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                 transparent 75%, transparent) 0 0 / 50px 50px, #c16;
behavior: url(/pie/PIE.htc);
} 

.jt_storage_bar_full { 
background: #e53c42;
color: #fff;
background-size: 50px 50px;
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
-pie-background: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                 transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                 transparent 75%, transparent) 0 0 / 50px 50px, #c16;
behavior: url(/pie/PIE.htc);
} 

.jt_storage_bar_fulluser { 
background: #e53c42;
color: #fff;
-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;
background-size: 50px 50px;

background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
-pie-background: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                 transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                 transparent 75%, transparent) 0 0 / 50px 50px, #c16;
behavior: url(/pie/PIE.htc);
} 

.jt_storage_bar_fullall p { 
color: #e53c42;
}