.jqifade {position: absolute;background-color: #777777;}

@-webkit-keyframes spinAround
{  
0%   {transform: rotateX(0); transform-origin: 0 50% 0;}  
100% {transform: rotateX(360deg); transform-origin: 0 50% 0;}  
}


div.jqi {width: auto;max-width: 94%;position: absolute;background-color: #ffffff;font-size: 11px;text-align: left;border: solid 1px #eeeeee;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;padding: 7px;}
div.jqi .jqiclose {position: absolute;top: 4px;Left: 8px;width: 18px;cursor: default;color: tomato;font-size:25px;font-weight: 900;cursor: pointer;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
div.jqi .jqiclose:hover {animation: spinAround 2s linear infinite;}
div.jqi .jqistate {background-color: #fff;}
div.jqi .jqititle {padding: 0 10px;line-height: 20px;border-bottom: solid 1px #eeeeee;text-align: right;font-family: 'Vazir';font-size: 11px;font-weight: bold}
div.jqi .jqimessage {padding: 0;line-height: 20px;color: #444444;}
div.jqi .jqibuttons {text-align: right;margin: 0 -7px -7px -7px;border-top: solid 1px #e4e4e4;background-color: #f4f4f4;border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;-webkit-border-radius: 0 0 6px 6px;}
div.jqi .jqibuttons button {margin: 0;padding: 10px 20px;background-color: transparent;font-weight: normal;border: none;border-left: solid 1px #e4e4e4;color: #777;font-size: 11px;cursor: pointer;}
div.jqi .jqibuttons button.jqidefaultbutton {color: #489afe;font-family: 'Tahoma';}
div.jqi .jqibuttons button:hover,div.jqi .jqibuttons button:focus {color: #287ade;outline: none;}
.jqiwarning .jqi .jqibuttons {background-color: tomato;}

/* sub states */
div.jqi .jqiparentstate::after {background-color: #777;opacity: 0.6;filter: alpha(opacity=60);content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
div.jqi .jqisubstate {position: absolute;top: 0;left: 20%;width: 60%;padding: 7px;border: solid 1px #eeeeee;border-top: none;border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;-webkit-border-radius: 0 0 6px 6px;}
div.jqi .jqisubstate .jqibuttons button {padding: 10px 18px;}
#frmDetail {width: 300px;height: 300px;}
/* arrows for tooltips/tours */
.jqi .jqiarrow {position: absolute;height: 0;width: 0;line-height: 0;font-size: 0;border: solid 10px transparent;}
.jqi .jqiarrowtl {left: 10px;top: -20px;border-bottom-color: #ffffff;}
.jqi .jqiarrowtc {left: 50%;top: -20px;border-bottom-color: #ffffff;margin-left: -10px;}
.jqi .jqiarrowtr {right: 10px;top: -20px;border-bottom-color: #ffffff;}
.jqi .jqiarrowbl {left: 10px;bottom: -20px;border-top-color: #ffffff;}
.jqi .jqiarrowbc {left: 50%;bottom: -20px;border-top-color: #ffffff;margin-left: -10px;}
.jqi .jqiarrowbr {right: 10px;bottom: -20px;border-top-color: #ffffff;}
.jqi .jqiarrowlt {left: -20px;top: 10px;border-right-color: #ffffff;}
.jqi .jqiarrowlm {left: -20px;top: 50%;border-right-color: #ffffff;margin-top: -10px;}
.jqi .jqiarrowlb {left: -20px;bottom: 10px;border-right-color: #ffffff;}
.jqi .jqiarrowrt {right: -20px;top: 10px;border-left-color: #ffffff;}
.jqi .jqiarrowrm {right: -20px;top: 50%;border-left-color: #ffffff;margin-top: -10px;}
.jqi .jqiarrowrb {right: -20px;bottom: 10px;border-left-color: #ffffff;}
.jqi .errorBlock {background-color: #FFC6A5;border: solid 1px #ff0000;color: #ff0000;padding: 5px 10px;font-weight: bold;}
.jqi .field {margin: 4px 0;font-size: 11px;}
.jqi .field label {font-weight: bold;display: block;width: 100px;float: left;clear: left;}
.jqi .field input {border: solid 1px #777777;width: 100px;}


.LoadingJModal {background-color: #dbf7f9;color:#0073CC;text-align: right;border-radius: 10px;box-shadow: 0 1px 2px #ACDDE1;filter:alpha(opacity=90);opacity:0.9;padding: 10px 20px;position: fixed;left: 50%;-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%);transform: translate(-50%);}