﻿.fa {font-family: 'FontAwesome';}
.cleaner {clear: both;}

/*sync content*/
.jt-sett-sync {font-family: arial; padding: 0px 30px; float: left; width: 600px;}
.jt-sett-sync h2 {font-family: arial; font-size: 2.8em; color: #595959; padding: 0; margin: 20px 0;}
.jt-sett-sync h3 {font-family: arial; font-size: 1.5em; color: #888; padding: 0; margin: 20px 0;}

/*select interval*/
.jt-sett-sync ul.jt-int {padding: 0; margin: 0; width: 100% !important;}
.jt-sett-sync ul.jt-int li {list-style: none; text-align: center; }
.jt-sett-sync ul.jt-int li a {width: 14%; margin: 10px 10px 10px 0 !important; background: #dedede; float: left;  text-align: center; color: #888; text-decoration: none; padding: 20px 10px; line-height: 1.5em; font-weight: bold; font-size: 1.2em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 130px; -o-transition: .2s ease-in; -ms-transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in;}
.jt-sett-sync ul.jt-int li a:hover {background: #888; color: #fff;}
.jt-sett-sync ul.jt-int li a.active {background: #69b23b; color: #fff; -moz-box-shadow: inset 0 0 20px #5ea035; margin-bottom: 40px;}
.jt-sett-sync ul.jt-int li a.future {background: #fafafa; color: #dedede;}
.jt-sett-sync ul.jt-int li a:hover.future {box-shadow: none;}
.jt-sett-sync ul.jt-int li a.AdminSelected {background: #dedede; color: #fafafa;box-shadow: none;}
.jt-sett-sync ul.jt-int li a.future span.lab{font-size: 1.2em; display: inline;}
.jt-sett-sync ul.jt-int li span.fa {font-size: 3em; display: block; padding: 20px 0; font-weight: normal;}
.jt-sett-sync ul.jt-int li .iradio_square {display: block; margin: 0 auto 10px auto;}
.jt-sett-sync ul.jt-int a.half {background: #dedede url(/img/half.png) no-repeat center 35px;}
.jt-sett-sync ul.jt-int a:hover.half {background: #888 url(/img/half.png) no-repeat center 35px;}
.jt-sett-sync ul.jt-int a.half-active {background: #69b23b url(/img/half_green.png) no-repeat center 35px !important;}
.jt-sett-sync ul.jt-int a.half .iradio_square, .jt-sett-sync ul.jt-int a.third-active .iradio_square, .jt-sett-sync ul.jt-int a.third .iradio_square, .jt-sett-sync ul.jt-int a.half-active .iradio_square {margin-bottom: 70px;}
.jt-sett-sync ul.jt-int a.third {background: #dedede url(/img/third.png) no-repeat center 35px;}
.jt-sett-sync ul.jt-int a:hover.third {background: #dedede url(/img/third.png) no-repeat center 35px;}
.jt-sett-sync ul.jt-int a.third-active {background: #69b23b url(/img/third_green.png) no-repeat center 35px !important;}



/*.jt-sett-sync ul.jt-int a.half {background: #dedede}
.jt-sett-sync ul.jt-int a:hover.half {background: #888}
.jt-sett-sync ul.jt-int a.half-active {background: #69b23b url(/img/half_green.png) no-repeat center 55px !important;}
.jt-sett-sync ul.jt-int a.half .iradio_square, .jt-sett-sync ul.jt-int a.third-active .iradio_square, .jt-sett-sync ul.jt-int a.third .iradio_square, .jt-sett-sync ul.jt-int a.half-active .iradio_square {margin-bottom: 70px;}
.jt-sett-sync ul.jt-int a.third {background: #dedede}
.jt-sett-sync ul.jt-int a:hover.third {background: #dedede}
.jt-sett-sync ul.jt-int a.third-active {background: #69b23b url(/img/third_green.png) no-repeat center 55px !important;}*/

.jt-sett-sync ul.jt-int a.active {background: #69b23b;}
.jt-sett-sync ul.jt-int a {background: #dedede;}

/*switcher*/
.jt-switcher {height: 50px; margin: 0 0;}
.jt-switcher a.on {border: #69b23b 3px solid; display: block; padding: 5px 10px; font-family: arial; font-size: 1.6em; font-weight: bold; text-decoration: none; color: #69b23b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 50px; text-align: center; position: absolute; z-index: 20;}
.jt-switcher a.off {background: #fafafa; float: left; border: #dedede 3px solid; display: block; padding: 5px 10px; font-family: arial; font-size: 1.6em; font-weight: bold; text-decoration: none; color: #dedede; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;width: 50px; text-align: center; border-left: none; margin-left: 72px; position: absolute; z-index: 2;}
.jt-switcher a:hover.off {background: #fff; color: #888; border: #888 3px solid; border-left: none; }

/*reverse switcher*/
.jt-switcher a.on-reverse {border: #dedede 3px solid; display: block; padding: 5px 10px; font-family: arial; font-size: 1.6em; font-weight: bold; text-decoration: none; color: #dedede; -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; width: 50px; text-align: center; position: absolute; z-index: 2; background: #fafafa;}
.jt-switcher a:hover.on-reverse {background: #fff; color: #69b23b; border: #69b23b 3px solid; border-right: none;}
.jt-switcher a.off-reverse {background: #fff; float: left; border: #888 3px solid; display: block; padding: 5px 10px; font-family: arial; font-size: 1.6em; font-weight: bold; text-decoration: none; color: #888; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 50px; text-align: center; margin-left: 70px; position: absolute; z-index: 20;}

.jt-switcher a.on-disabled {border: #dedede 3px solid; display: block; padding: 5px 10px; font-family: arial; font-size: 1.6em; font-weight: bold; text-decoration: none; color: #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 50px; text-align: center; position: absolute; z-index: 20;}
.jt-switcher a:hover.on-disabled {border: #dedede 3px solid; display: block; padding: 5px 10px; font-family: arial; font-size: 1.6em; font-weight: bold; text-decoration: none; color: #dedede; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 50px; text-align: center; position: absolute; z-index: 20;}
.jt-switcher a.off-disabled {background: #fafafa; float: left; border: #dedede 3px solid; display: block; padding: 5px 10px; font-family: arial; font-size: 1.6em; font-weight: bold; text-decoration: none; color: #dedede; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;width: 50px; text-align: center; border-left: none; margin-left: 72px; position: absolute; z-index: 2;}
.jt-switcher a:hover.off-disabled {background: #fafafa; float: left; border: #dedede 3px solid; display: block; padding: 5px 10px; font-family: arial; font-size: 1.6em; font-weight: bold; text-decoration: none; color: #dedede; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;width: 50px; text-align: center; border-left: none; margin-left: 72px; position: absolute; z-index: 2;}

/*external source*/
.jt-external-source {margin: 0 0 10px 0; float: left; width: 100%;}
.jt-external-source a{text-decoration: none; font-weight: bold; font-size: 1.2em;}
.jt-external-source span{font-weight: normal; font-size: 1.4em; padding: 0 10px;}
.jt-external-source a.indicator{padding: 10px; float: left; font-weight: normal; font-size: 1.4em; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; height: 18px;}
.jt-external-source a.account {color: #fff; font-family: arial; font-weight: bold; padding: 12px; float: left; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; height: 17px; width: 105%; cursor: text;}
.jt-external-source-disabled span.indicator {background: #888; color: #fff; }
.jt-external-source-disabled a {background: #888; color: #fff; } 
.jt-external-source-google span.indicator {background: #d44032; color: #fff; }
.jt-external-source-google a {background: #d44032; color: #fff; }
.jt-external-source-exchange span.indicator {background: #0072c6; color: #fff; }
.jt-external-source-exchange a {background: #0072c6; color: #fff; }
.jt-external-source-future span.indicator {background: #fafafa; color: #dedede; }
.jt-external-source-future a {background: #fafafa; color: #dedede; }
.jt-external-source-exchange span.indicator {background: #0072c6; color: #fff; }
.jt-external-source-exchange a {background: #0072c6; color: #fff; }

.jt-external-source-google-on span.indicator {background: #69b23b; color: #fff; }
.jt-external-source-google-on a {background: #69b23b; color: #fff; }

.jt-external-source-exchange-on span.indicator {background: #69b23b; color: #fff; }
.jt-external-source-exchange-on a {background: #69b23b; color: #fff; }


/*small switcher*/
.jt-switcher-small {float: left; margin-left: 70%; margin-top: 15px;}
.jt-switcher-small a.on {margin-top:5px; border: #69b23b 2px solid; display: block; padding: 4px 5px; font-family: arial; font-size: 1.4em; font-weight: bold; text-decoration: none; color: #69b23b;  border-bottom-left-radius: 4px;width: 40px; text-align: center; position: absolute; z-index: 20; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff;}
.jt-switcher-small a.off {margin-top:5px; background: #fafafa; float: left; border: #dedede 2px solid; display: block; padding: 4px 5px; font-family: arial; font-size: 1.4em; font-weight: bold; text-decoration: none; color: #dedede;-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;width: 40px; text-align: center; border-left: none; margin-left: 51px; position: absolute; z-index: 2; }
.jt-switcher-small a:hover.off {margin-top:5px; background: #fff; color: #888; border: #888 2px solid; border-left: none; }

/*small switcher reverse*/
.jt-switcher-small a.on-reverse {margin-top:5px; border: #dedede 2px solid; display: block; padding: 4px 5px; font-family: arial; font-size: 1.4em; font-weight: bold; text-decoration: none; color: #dedede; -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;width: 40px; text-align: center; position: absolute; z-index: 2; background: #fafafa;}
.jt-switcher-small a:hover.on-reverse {margin-top:5px; background: #fff; color: #69b23b; border: #69b23b 2px solid; border-right: none; }
.jt-switcher-small a.off-reverse {margin-top:5px; background: #fff; float: left; border: #888 2px solid; display: block; padding: 4px 5px; font-family: arial; font-size: 1.4em; font-weight: bold; text-decoration: none; color: #888; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 40px; text-align: center; margin-left: 50px; position: absolute; z-index: 20;}

/*small switcher operation pending ajax loader*/
.jt-switcher-operation-pending {display: block; margin-left:50%; margin-right:50%;}
.jt-switcher-operation-pending span { margin-left:20px; }

#jt-exchange-auth-pending {
    display: block;
    position: absolute;
    text-align: right;
    margin-top: 10px;
    width: 150px;
}

#jt-google-auth-pending {
    display: block;
    position: absolute;
    text-align: left;
    margin-top: 13px;
    font-family:'Helvetica';
    width: 150px;
}
.google-auth-pending{padding:0px;float: left; margin-right:5px;}

/*background-position:left; background-repeat:no-repeat; background-image: url(Images/ajax-loader-sync.gif)*/

/*admin správa - teelfon ve skupine*/
.admin_alert {
width: 100%;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 15px 25px;
font-family: arial;
font-size: 1.2em;
margin: 20px 0 0 0;
background: #fef8c4;
color: #af9701;
font-weight: bold;
line-height: 1.5em;
}

.admin_alert .fa {
float: left; height: 100%; font-size: 3em; padding: 1px 30px 20px 23.5px;
}

.admin_alert_ul {

border: 3px solid #fef8c4  ;
width: 100% !important;
padding: 10px 7px 20px 37px !important;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}

