/* widget admin group */

.jt_group_widget {
width: 323px; 
max-height: 205px;
min-height: 205px;
border: 1px solid #dedede;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
font-family: arial;
font-size: 1em;
-moz-box-shadow: 0px 0px 5px #dedede;
-webkit-box-shadow: 0px 0px 5px #dedede;
box-shadow: 0px 0px 5px #dedede;
margin-bottom: 8px;
background: #fff;
}

.jt_group_widget span.jt_widget_dad {
position: absolute; z-index: 2; width: 323px; cursor: move; text-align: center; font-size: 1.3em;
}

.jt_group_widget .widget_body a {
width: 100%;
display: block;
float:left;
}

.cleaner{
clear: both;
}

.jt_group_widget h4 {
font-size: 2em;
font-family: 'helvetica_thin';
font-weight: normal;
margin: 0;
padding: 15px 20px 0 15px;
color: #69b23b;
}

.jt_group_widget .widget_inplace {
padding: 3px 5px; 
width: 90%; 
display: block;  
border-bottom: 1px solid #fff;

float: left;
white-space: nowrap;
overflow:hidden !important; 
text-overflow: ellipsis;
text-align:left;
}

.cursorHand {
cursor:pointer !important ;
}

.jt_group_widget form.inplace_form {
    z-index:1001;
}

.jt_group_widget .widget_inplace_pencil {
width: 10%; 
display: block;  
float: left;
white-space: nowrap;
overflow:hidden !important;
}

.jt_group_widget .widget_inplace_pencil span {
line-height:36px;
font-size:1.4em !important;
}

.jt_group_widget .widget_inplace_pencil span:hover{
    color:#64B234;
}


.jt_group_widget .widget_inplace input {
padding: 2px 5px; width: 85%; display: block; border: none; border-bottom: 1px solid #dedede; font-size: 1em;
font-family: 'helvetica_thin';
font-weight: normal;
color: #69b23b;
 margin: -2px 0 -3px -5px;
}

.jt_group_widget .h4_inplace {
cursor: inherit;
}

.jt_group_widget .save_name_button {
float: right; margin-top: -30px;
width: 30px;
height: 30px;
font-size: 0.8em;
border: none; margin-right: -5px;
cursor: pointer;
background: #fff;
color: #69b23b !important;
}

.jt_group_widget strong {
color: #595959;
padding: 45px 20px 6px 20px;
display: block;
text-decoration:none;
}

.jt_group_widget .clock {
float: left;
width: 20%;
margin: 10px 4px 15px 12px;
}

.jt_group_widget .clock_green {
color: #69b23b;
}

.jt_group_widget .clock_yellow {
color: #af9701;
}

.jt_group_widget .clock_red {
color: #e53c42;
}

.jt_group_widget .clock_grey {
color: #595959;
}

.jt_group_widget .clock_redlight {
color: #fbd7d9;
}


.jt_group_widget .fa{
font-family: 'FontAwesome' !important;
color: #dedede;
}

.jt_group_widget .future {
color: #dedede;
}

.jt_group_widget .widget_close {
    display: none;
    position: absolute;
    color: #dedede !important;
    float: right;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    border: none;
    cursor: pointer;
    line-height: 2em;
    text-align: center;
    font-size: 1em;
    top: 0;
    right: 0px;
}

.jt_group_widget .widget_close:hover {

    color: #e53c42 !important;
}

.jt_group_widget:hover .widget_close {
    display: block !important;
}

.jt_group_widget .chart {
position: relative;
display: block;
width: 60px;
text-align: center;
line-height: 2.3em;
font-size: 2.2em;
font-family: 'helvetica_thin';
padding: 0 0;
margin: 0 0 0;
}

.jt_group_widget .descr {
display: block;
text-align: center;
width: 60px;
font-weight: bold;
}

.jt_group_widget .chart canvas {
position: absolute;
top: 0;
left: 0;
}

.jt_group_widget .widgetHeader{
    cursor:move;
    min-height: 10px;
    background: none !important;
    height: auto;
    z-index:3;
    border-radius: 8px;
    font-family: arial;
    font-size: 2em;
}

.jt_group_widget .widgetHeader span
{
    font-size: 20pt;
}

.jt_group_widget a {
text-decoration: none;
color:#000000;
}




/* add button */

.jt_add_button {
color: #555;
margin: 3px -22px 0 0;
width: 160px;
position: relative;
padding: 0 !important;
text-align:left;
}

.jt_add_button .jt_add_button_submenu {
background: #fff;
position: absolute;
top: 26px;
left: -812px;
/*z-index: 500;*/
width: 920px;
display: none;
margin-left: 10px;
padding: 20px;
border-radius: 0px !important;
-webkit-border-radius: none !important;
-moz-border-radius: none !important;
-webkit-border-bottom-right-radius: 6px!important;
-webkit-border-bottom-left-radius: 6px!important;
-moz-border-radius-bottomright: 6px!important;
-moz-border-radius-bottomleft: 6px!important;
border-bottom-right-radius: 6px!important;
border-bottom-left-radius: 6px!important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
border-top: 3px solid #62af32;
height: 370px;
}

.jt_add_button .jt_add_button_submenu label.registration_message {
padding: 5px 0 10px 0;
width: 80%;
color: red;
text-align: left !important;
font-weight: bold;
font-size: 13px;
float: left;
}

.jt_add_button .jt_add_button_submenu label.registration_message.step0 {
padding: 0 0 0 0;
}

.jt_add_button_submenu label {
    color: #595959;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 0 0 10px;
    text-align: left !important;
    width: 80%;
}

.jt_add_button .jt_add_button_submenu input[type='text'], .jt_add_button .jt_add_button_submenu input[type='password'] {
background: #ffffff;
box-shadow: inset 2px 2px 0px #f2f2f2;
-moz-box-shadow: inset 2px 2px 0px #f2f2f2;
width: 90%;
-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: 1px solid #595959;
height: 36px;
padding: 0 10px;
margin-bottom: 10px;
float: left;
}
    
.jt_add_button .jt_add_button_submenu input[type='text']:hover, .jt_add_button .jt_add_button_submenu input[type='password']:hover  {
border: 1px solid #3d8610;
box-shadow: inset 2px 2px 0px #dedede;
-moz-box-shadow: inset 2px 2px 0px #dedede;
}

.jt_add_button .jt_add_button_submenu input[type='text']:focus, .jt_add_button .jt_add_button_submenu input[type='password']:focus {
border: 1px solid #3d8610;
box-shadow: 0 0 25px #dcf4ce; 
-webkit-box-shadow: 0 0 25px #dcf4ce; 
-moz-box-shadow: 0 0 25px #dcf4ce; 
}

.jt_add_button  li a {   
color: #595959 !important;
font-family: arial;
font-weight: bold;
cursor: pointer;
text-decoration:none;
line-height: 1.6em;
text-align: left;
}


.jt_add_button li a:hover {
text-decoration: none;
color: #000 !important;   
}

.jt_add_button a.greenbutt {
position: absolute;
z-index: 20;
display: block;
margin: -12px 0 0 -10px;
cursor:pointer;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
width: 168px;
padding: 8px 0px;
border: 1px solid #62af32;
}

.jt_add_button .disabledbutton {
 border: 1px solid #DEDEDE !important;
 background: none repeat scroll 0 0 #DEDEDE;
 color: #595959 !important;
 box-shadow:none;
 cursor: default;
}

.jt_add_button .disabledbutton:hover {
 border: 1px solid #DEDEDE;
 background: none repeat scroll 0 0 #DEDEDE;
 color: #595959 !important;
}

.jt_add_button a.greenbutt span.fa {
font-weight: normal;
}

.jt_add_button .jt_add_button_submenu_show {
list-style:none;
margin:0px;
padding:0px;
}

.jt_add_button .jt_add_button_submenu_show li{
list-style:none;
margin:0px;
padding:0px;
float: left;
width: 28.8%;
height: 300px;
border-right: 1px solid #fafafa;
text-align: center;
padding: 10px 20px;
}

.jt_add_button .jt_add_button_submenu_show li span.jt_addbutton_headline{
display: block;
font-family: 'helvetica_thin';
margin: 10px auto;
text-align: center;
font-size: 1.8em;
}

.jt_add_button .jt_add_button_submenu_show li span.jt_addbutton_subtitle{
font-size: 13px;
}

.jt_add_button .jt_add_button_submenu_show li a.greenbutt{
position: relative !important;
display: block !important;
text-align: center !important;
margin: 20px auto !important;
color: #fff !important;
float: none !important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 6px !important;
}


.jt_add_button .jt_add_close{
font-size: 1.4em;
position: absolute;
top: 5px;
right: 10px;
color: #e53c42;
cursor: pointer;
text-decoration: none;
padding: 10px;
}

.jt_add_button .jt_add_button_submenu_show  li:last-child {
border-right: none;
}

.jt_add_button span.fa { 
font-family: 'FontAwesome'; font-size: 1.2em;
}



/* pop-up create new group */
		
/*.reveal-modal-bg { 
position: fixed; 
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.6);
z-index: 100;
display: none;
top: 0;
left: 0; 
}*/
	
.jt_create_admin_group {
font-family: arial;
visibility: hidden;
top: 200px; 
left: 50%;
margin-left: -250px;
width: 500px;
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); 
}
    
.jt_create_admin_group h3 {
padding: 10px 0;
margin: 0;
font-size: 23px;
color: #595959;
}
    
.jt_create_admin_group 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: 2%;
width: 25%;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 1.2em;
margin-top: 10px;
}
    
.jt_create_admin_group input[type='text'], .jt_create_admin_group input[type='password'] {
background: #ffffff;
box-shadow: inset 2px 2px 0px #f2f2f2;
-moz-box-shadow: inset 2px 2px 0px #f2f2f2;
height: 14px;
-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 10px;
border: 1px solid #595959;
width: 65%;
margin-top: 10px;
float: left;
}
    
.jt_create_admin_group input[type='text']:hover {
border: 1px solid #3d8610;
box-shadow: inset 2px 2px 0px #dedede;
-moz-box-shadow: inset 2px 2px 0px #dedede;
}

.jt_create_admin_group input[type='text']:focus {
border: 1px solid #3d8610;
box-shadow: 0 0 25px #dcf4ce; 
-webkit-box-shadow: 0 0 25px #dcf4ce; 
-moz-box-shadow: 0 0 25px #dcf4ce; 
}
    
.jt_create_admin_group .greenbutt {
width: 40%;
text-align: center; 
float: left;
margin: 5% 6% !important;
}

.jt_create_admin_group .red {
background: #e53c42 !important;
border: 1px solid #e53c42 !important;
-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_create_admin_group .red:hover {
border: 1px solid #c62127 !important;
}

.jt_create_admin_group a.red:active {
color: #ffb6b9 !important;
}

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

.jt_create_admin_group .error-message-box span {
color:red;
margin-left:29%;
font-weight:bold;
}

#jt-id-add-phone-group-modal-set-exchange-error {
font-weight: bold; color: #e53c42; margin: 1% 2%; display: block;
}


#jt-id-new-phone-group-name-error {
font-weight: bold; color: #e53c42; padding: 10px 0; display: block;
}

.frozen_widget_section {

    width: 30%;
    height: 78%;
    position: absolute;
    /*left: 0;*/
    z-index: 499;
    background-color:white;
    opacity:0.9;
}

#jt-id-phone-error {
text-align: center;
color: #fff;
background-color: #e53c42;
font-size: 13px;
font-weight: bold;
line-height: 20px;
}

#listExternalStorages {
text-align: left;
}

.notCheckedTextDevicesWizard {
color:red;
}


.jt_add_button_submenu_show li ul {
padding: 0; margin: 0; margin-top: 20px;
}

.jt_add_button_submenu_show li ul li {
width: 100% !important; border: none !important; padding: 0; height: auto !important; text-align: left !important; font-size: 1.1em; font-weight: bold;
}