﻿/* pop-up dialogues style sheet */

.jt_dialog_background {
    z-index: 99999; 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 100%; 
    display:block;
    background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
}

.jt_dialog {
font-family: arial !important;
top: 200px; 
left: 50%;
margin-left: -250px;
width: 600px;
background: #ffffff;
position: absolute;
z-index: 100000 !important;
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_dialog .button_container_left {
    width:48%;
    position:relative;
    margin-left:25%;
}

.jt_dialog .button_container_right {
    width:48%;
    position:relative;
    float:right;
}
    
.jt_dialog h3 {
padding: 10px 0 !important;
margin: 0 !important;
font-size: 23px !important;
color: #595959 !important;
}
    
.jt_dialog 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: center;
font-weight: bold;
}

.jt_dialog button {
width:100%;
}

.jt_dialog p {
margin: 0 0 20px 0 !important;
padding: 0 0 20px !important;
font-weight: bold !important;
color: #888 !important;
font-family: Arial !important;
font-size: 1em!important;
}

.jt_dialog ol {
        margin: 0 0 20px 0 !important;
        font-weight: bold !important;
        color: #888 !important;
        font-family: Arial !important;
        font-size: 1em !important;
}

.jt_dialog .cleaner {
clear: both;
}

    
.jt_dialog input[type='text'] {
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;
border: 1px solid #595959;
width: 65%;
height: 34.5px;
padding: 0 10px;
margin-bottom: 10px;
}
    
.jt_dialog input[type='text']:hover {
border: 1px solid #3d8610;
box-shadow: inset 2px 2px 0px #dedede;
-moz-box-shadow: inset 2px 2px 0px #dedede;
}

.jt_dialog 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_dialog .greenbutt {
width: 30%;
text-align: center; 
float: left;
margin: 5% 3%;
}

.jt_dialog .disabledbutt {
 border: 1px solid #DEDEDE;
 background: none repeat scroll 0 0 #DEDEDE;
 color: #595959 !important;
}

.jt_dialog .disabledbutt:hover {
 border: 1px solid #DEDEDE;
 background: none repeat scroll 0 0 #DEDEDE;
 color: #595959 !important;
}


.jt_dialog .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_dialog .red:hover {
border: 1px solid #c62127 !important;
}

.jt_dialog a.red:active {
color: #ffb6b9 !important;
}

.jt_dialog .fa {
font-family: 'FontAwesome'; 
font-weight: normal !important;
}

.jt_dialog .error_message    {
color: red;
margin-left:146px;
}