/** pubic **/
html{height:100%;}
body,html {width:100%;background:#fff;color:#666;margin:0;padding:0;font-size:13px;font-family:Arial,"SimSun";font: 12px/1tahoma, arial, \5b8b\4f53, sans-serif;
}
ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,form {padding: 0;margin: 0;list-style: none;list-style-position: outside}
h1,h2,h3,h4,h5{font-size:14px;}
img {border:0;vertical-align:middle;}
em {font-style: normal}
input,textarea, button{outline: none;resize:none;}
a {color: #666;text-decoration: none}
a:hover {color: #c00;text-decoration: none}
input::-ms-clear,input::-ms-reveal{display: none}
input:-webkit-autofill{/**chrome auto background-color**/
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
*{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:boder-box;box-sizing:border-box;}
/** input textarea **/
textarea, input[type="text"], input[type="password"], input[type="autocomplete"], input[type="phone"], input[type="email"] {
background-color: #fff;
border: 1px solid #ccc;
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
/*height: 34px;*/
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="autocomplete"]:focus, input[type="phone"]:focus, input[type="email"]:focus {
border-color: #52a8ec;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
}
input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px\9;
*margin-top: 0;
line-height: normal;
}
/** icon font **/
@font-face {font-family: "iconfont";
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome、firefox */
url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
/**清除FLOAT**/
.clearfix:after{content:"";display:table;height:0px;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
/* WebKit browsers */::-webkit-input-placeholder {color: #999;}
/* Mozilla Firefox 4 to 18 */:-moz-placeholder {color: #999;opacity: 1;}
/* Mozilla Firefox 19+ */::-moz-placeholder {color: #999;opacity: 1;}
/* Internet Explorer 10+ */:-ms-input-placeholder {color: #999;}
.lod{display:inline-block;background:url(../images/load.gif) no-repeat center center;width:15px;height:15px;vertical-align:middle;overflow:hidden;}
#layout .header .logo img{display:block;margin:0 auto;}
/*** layout begin ***/
.hd-right{padding-left:10px;}
.hd-right li span,
.hd-right li .ahd{
-webkit-transition: all 0.25s ease-out 0s;
-moz-transition: all 0.25s ease-out 0s;
-ms-transition: all 0.25s ease-out 0s;
transition: all 0.25s ease-out 0s;
}
#layout{display:none;min-width:1200px;overflow:hidden;}
.refresh{position:absolute;right:30px;top:100px;background:#009933;border-radius:4px;z-index:10;color:white;width:60px;height:25px;line-height:25px;text-align:center;cursor:pointer;}
.refresh:hover{background:#0d8d31;color:#fff;}
/**layout header**/
#layout .header{position:relative;z-index:3;width:100%;height:60px;background:#4f8dc3;/*-webkit-box-shadow: 0 1px 3px #888;-moz-box-shadow: 0 1px 3px #888;box-shadow: 0 1px 3px #888;*/border-bottom:1px solid #222;}
#layout .header .logo{float:left;height:38px;width:200px;display:block;padding-top:10px;text-align:center}
.tab{position:relative;float:left;height:60px;/*margin-left:210px;*/font-size:12px;/*overflow:hidden;*/}
.tabbox{}
.tabbox>ul{width:32676px;position:relative;left:0;z-index:1;white-space:nowrap;}
.tabbox>ul>li{float:left;position:relative;cursor:pointer;border-right:1px solid #5b97cb;border-left:1px solid #5b97cb;margin-right:-1px;height:59px;line-height:60px;padding:0 15px 0 15px;overflow:hidden;_display:inline;color:#fff;background:#4f8dc3;}
.tabbox>ul>li>i{position:absolute;top:5px;right:5px;height:12px;width:12px;text-align:center;overflow:hidden;font-size:12px;font-style:normal;line-height: 100%;background:#e66e6e;color:#fff;font-family:"SimSun";padding:1px 0 0 1px;margin-left:10px;cursor:pointer;border-radius:2px;}
.tabbox>ul>li>i:hover{background:#ff0000;}
.tabbox>ul>li:hover{background:#337ab7;}
.tabbox>ul>li.welcome{padding:0;width:56px;text-align:center}
.tabbox>ul>li.cur{background:#337ab7;height:59px;/*border-bottom:1px solid #fff;*/}
.hd-right{float:right;}
.hd-right ul{_display:inline;}
.hd-right li{float:left;font-size:14px;height:60px;line-height:60px;color:#fff;border-right:1px solid #5b97cb;border-left:1px solid #5b97cb;margin-left:-1px;}
.hd-right li .iconfont{cursor:pointer;display:inline-block;width:32px;height:32px;line-height:32px;font-size:28px;vertical-align:middle}
.hd-right li .user-header{cursor:pointer;display:inline-block;width:45px;height:45px;line-height:100%;border:2px solid #fff;border-radius:50%;overflow:hidden;vertical-align:middle;margin-right:10px;}
.hd-right li .user-header img{cursor:pointer;width:100%;height:45px;}
.hd-right li span{cursor:pointer;border-top:4px solid #fff;border-right:4px solid transparent;border-left: 4px solid transparent;height:0px;width:0px;display:inline-block;margin:0 0 0 10px;overflow:hidden;vertical-align:middle;}
.hd-right .ahd{padding:0 10px;color:#fff;cursor:pointer;position:relative;}
.hd-right .ahd:hover{background:#337ab7;}
.hd-right .ahd:hover span{
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg);
}
.hd-right .ahd a, .hd-right .ahd a:hover{color:#fff;}
.hd-right .itembox{display:none;position:absolute;left:0;top:60px;color:#666;min-width:100%;border:1px solid #000;border-top-color:#4f8dc3;background:#fff;}
.hd-right .ahd:hover .itembox{display:block;cursor:default;}
.hd-right .itembox .exit, .hd-right .itembox .exit:hover{display:block;height:30px;line-height:30px;color:#666;text-align:center}
.hd-right .itembox .exit:hover{color:red;}
.hd-right .itembox .item-dl{padding:0 10px;}
.hd-right .itembox .item-dl dd{line-height:100%;padding:5px 0;border-bottom:1px dotted #ccc;width:248px;}
.item-dl .hd-consumer{float:left;width:35px;height:35px;line-height:100%;border:2px solid #fff;border-radius:50%;overflow:hidden;vertical-align:middle;margin-right:10px;_display:inline;}
.item-dl .hd-consumer img{width:100%;height:35px;}
.item-dl .item-name{float:left;}
.item-dl .tel-icon{float:right;color:green;margin-top:5px;font-size:24px !important;}
.item-dl .tel-icon:hover{color:#f00;}
.item-dl .item-name em{display:block;padding-top:5px;}
.hd-search-box{white-space:normal;width:250px;vertical-align:middle;padding:0 10px;border-bottom:1px solid #ccc;}
.hd-search{border:1px solid #ccc;padding-left:5px;vertical-align:middle;width:195px;height:26px;line-height:26px;background:#fff;}
.hd-search:focus{
border-color: #52a8ec;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
}
.hd-sbtn{border:0px solid #3385ff;width:45px;vertical-align:middle;background:#3385ff;height:30px;border-left:0;color:#fff;}
/**layout left**/
.menu-sel{height:45px;width:150px;border-bottom:1px solid #c6c8cc;overflow:hidden;}
.menu-sel .title{float:left;margin:16px 0 0 20px;font-size:14px;font-weight:bold;}
.menu-sel ul{float:right;height:22px;margin:12px 10px 0 0;_display:inline;}
.menu-sel li{float:left;cursor:pointer;width:22px;height:22px;_display:inline;}
.menu-sel .li-txt{background:#fff url(../images/main.png) repeat-y -12px -29px;margin-left:10px;}
.menu-sel .li-txt.focus{background-position:-12px top;}
.menu-sel .li-img{background:#fff url(../images/main.png) repeat-y -43px -29px;}
.menu-sel .li-img.focus{background-position: -43px top;}
.layout-left{float:left;width:150px;background:#f0f0f0;/*overflow:hidden;background:url(../images/layout_left_bg.png) repeat-y -2px top;*/position:relative;z-index:2;}
/*
.menu{text-align:center;padding-top:10px;width:150px;}
.menu li{/*position:relative;height:42px;line-height:40px;margin-top:-1px;*vertical-align:middle;}
.menu li a>span{font-weight:bold;}
.menu li a{display:block;font-size:14px;cursor:pointer;padding-left:20px;text-align:left;}
.menu li .iconfont{vertical-align:middle;font-size:24px;display:inline-block;line-height:100%;width:25px;height:25px;margin-right:10px;padding-bottom:2px;text-align:center;}
.menu li a:hover .iconfont, .menu li a.cur .iconfont, .menu li a:hover span{cursor:pointer;color:#4f8dc3;}
.menu li a.cur .iconfont, .menu li a.cur span{color:#4f8dc3 !important;}
.menu li a.cur span{font-weight:bold;color:#4f8dc3;}
.menu li a:hover .iconfont{color:#4f8dc3;}
*/
.menu{text-align:center;border-top:1px solid #fff;padding-top:10px;width:150px;}
.menu li{*vertical-align:middle;}
.menu li>a{margin-top:-1px;height:30px;line-height:30px;display:block;font-size:13px;cursor:pointer;padding-left:20px;text-align:left;}
.menu li>a span{font-weight:bold;}
/*.menu li>a.cur{color:#fff;border:1px solid #3b6a92;border-right:0;height:38px;width:130px;background:#4f8dc3 !important;position:relative;
-webkit-transition: background 0.25s ease-out 0s;
-moz-transition: background 0.25s ease-out 0s;
-o-transition: background 0.25s ease-out 0s;
transition: background 0.25s ease-out 0s;
}
.menu li>a.cur:after{content:"";width:10px;height:10px;position:absolute;right:-10px;top:12.5px;background:#fff url(../images/main.png) -3px top;}*/
.menu li .iconfont{vertical-align:middle;font-size:14px;display:inline-block;line-height:180%;width:25px;height:25px;margin-right:10px;padding-bottom:2px;text-align:center;}
.menu li>a:hover .iconfont, .menu li>a.cur .iconfont, .menu li>a:hover span, .menu li>a.cur span{cursor:pointer;color:#f60;}
/*.menu li>a.cur .iconfont, .menu li>a.cur span{color:#fff !important;}*/
.menu li>a:hover{background:#beddf7;}
.menu li>a:hover .iconfont{color:#337ab7;}
.dlitem{display:none;padding:0 0 0 10px;/*border:1px solid #ccc;background:#fff;*/}
.dlitem dd{line-height:25px;height:25px;}
.dlitem dd>a{font-size:13px;padding:0 15px;text-align:center;white-space:nowrap;}
.dlitem dd>a:hover{}
.dlitem .ddcur{color:#f60;}
.tabNav{float:left;position:relative;font-size:12px;/*min-width:740px;*/}
.menuSel{float:left;height:28px;width:181px;overflow:hidden;text-align:center;color:#fff;line-height:28px;}
.menuSel div{float:left;width:89px;height:26px;line-height:26px;color:#fff;margin:2px 1px 0 0;cursor:pointer;font-weight:bold;background:#0167AF; border-top-right-radius:6px;border-top-left-radius:6px;}
.menuSel div:hover{background:#257FCA;}
.menuSel .focus{font-weight:bold;background:#2C88D4;}
.tabbox{position:relative;top:0;float:left;overflow:hidden;}
.more_prev, .more_next, .moreTab{float:left;width:10px;height:56px;line-height:56px;border-radius:2px;font-family:"SimSun";overflow:hidden;padding-left:1px;margin-top:2px;font-weight:bold;color:#d1e1eb;cursor:pointer;background:#4f8dc3;}
.more_prev{background:#4f8dc3;margin-right:2px;color:#0D3C6F;}
.more_next{background:#4f8dc3;margin:2px 2px 0 2px;color:#0D3C6F;}
.more_prev:hover, .more_next:hover{background:#95C3EA;color:#0D3C6F;}
.moreTab{position:relative;width:22px;overflow:visible;background:url(../images/main.png) no-repeat -280px 19px;}
.moreTab:hover{background:#95C3EA url(../images/main.png) no-repeat -280px 19px;}
/*.moreTab:hover{background:#247CC5;color:#fff;}*/
.moreTab ul{position:absolute;right:0;top:59px;width:180px;border:1px solid #247CC5;display:none;overflow:hidden;background:#EAF1FD;}
.moreTab ul li, .moreTab li.cur{border-top:1px dotted #247CC5;height:30px;line-height:30px;padding:0 10px;margin:-1px 0 0 0;color:#666;overflow:hidden;}
.moreTab li i{float:right;height:28px;line-height:29px;width:30px;vertical-align:middle;text-align:center;overflow:hidden;margin:0 -10px 0 0;font-size:12px;font-style:normal;background:#EAF1FD;color:#e66e6e;font-family:"SimSun";cursor:pointer;}
.moreTab li i:hover{background:#ccc;}
.moreTab li:hover{color:#e66e6e;}
.moreTab li.cur{}
/**layout cbox**/
.cbox{float:right;width:100%;margin-left:-150px;}
.cbox .content{background:#fff;margin-left:150px;position:relative;z-index:1;}
.iframe-box{height:100%;width:100%;}
.cbox .content iframe{height:100%;width:100%;border:0;}
.cbox .closeOpen{display:none;position:absolute;left:0;top:50%;cursor:pointer;width:13px;height:40px;line-height:40px;margin-top:-20px;border:1px solid #ccc;border-left:0;border-radius:0 3px 3px 0;text-align:center;background:#ccc;font-weight:bold;font-family:"SimSun";}
.cbox .closeOpen:hover{background:#000;color:#fff;}
/**layout footer**/
.footer{position:relative;z-index:2;clear:both;width:100%;height:25px;line-height:25px;background:#4f8dc3;-webkit-box-shadow: -1px 1px 8px #888;-moz-box-shadow: -1px 1px 8px #888;box-shadow: -1px 1px 8px #888;color:#fff;text-align:center}
.footer .beian, .footer .beian:hover{color:#fff;text-decoration:underline;}
.postmsg{float: right;right: -118px;margin-top: -24px;text-align: left;width: 24px;}
.postmsg b{background: #f00;color: #fff;display:inline-block;border-radius:7px;height: 14px;
line-height: normal;padding: 1px 4px;
}
/**会话内容图片放大**/
.model_bg{position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,0.2);/*background:#000;opacity:0.5;filter:Alpha(Opacity=50);*/}
/*.model_bg img{max-width:400px;}*/
/**window.top dialog 显示信息样式**/
.alert-tip{text-align:center;padding-top:20px !important;}
.table-dialog{border-collapse:collapse;}
.table-dialog td{padding:4px 0;}
.table-dialog .td-left{text-align:right;}
/**window.top dialog 上传**/
.batch_customer{position:relative;top:20px;left:20px;}
.batch_customer .file{position: absolute;filter:alpha(opacity=0);opacity:0;}
.batch_customer .inputs{margin:-10px;height:25px;line-height:25px;border-radius:2px;width:150px;padding:0 8px;}
.batch_customer .loaddown{padding:10px 0;margin:0 0 10px -10px;}
/** just-radio, just-checkbox **/
.checkbox, .radio{display:inline-block;cursor:pointer;}
.checkbox i{display:inline-block;width:16px;height:16px;padding:1px;vertical-align:text-bottom;*vertical-align:middle;vertical-align:middle\9;border-radius:4px;/*border:1px solid green;*/background:#fff url(../images/main.png) no-repeat -254px -12px;}
.radio i{display:inline-block;width:16px;height:16px;vertical-align:middle;/*border-radius:50%;border:1px solid green;*/background:#fff url(../images/main.png) no-repeat -230px -59px;}
.radio .sel{background:#fff url(../images/main.png) no-repeat -230px -78px;}
.checkbox .sel{background:#fff url(../images/main.png) no-repeat -254px -75px;}
/*
.radio .sel:after{content:"";display:block;width:8px;height:8px;margin:3px 0 0 3px;border-radius:50%;background:#fff;}*/
.checkbox input, .radio input{display:none;margin-top:-100px;}
.checkbox i:hover, .radio i:hover{opacity:0.7;}
/**page**/
.page-box{margin:0 10px;}
.page_numbers{display: inline-block;float: right;margin: 28px 5px 0 0;}
.pager {padding-left: 0;margin: 20px 0;text-align: center;list-style: none}
.pull-right{float:right;}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px}
.pagination>li {display: inline}
.pagination>li>a,.pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #428bca;text-decoration: none;background-color: #fff;border: 1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px}
.pagination>li:last-child>a,.pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {color: #2a6496;background-color: #eee;border-color: #ddd}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {z-index: 2;color: #fff;cursor: default;background-color: #428bca;border-color: #428bca}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {color: #777;cursor: not-allowed;
background-color: #fff;border-color: #ddd}
.pagination-lg>li>a,.pagination-lg>li>span {padding: 10px 16px;font-size: 18px}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
.pagination-sm>li>a,.pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
.pager li {display: inline}
.pager li>a,.pager li>span {display: inline-block; padding: 5px 14px;background-color: #fff;border: 1px solid #ddd; border-radius: 15px}
.pager li>a:hover,.pager li>a:focus {text-decoration: none;background-color: #eee}
.pager .next>a,.pager .next>span {float: right}
.pager .previous>a,.pager .previous>span {float: left}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {
color: #777;cursor: not-allowed;background-color: #fff;}
/**loyout loading**/
.justLoading{border:0 !important;position:fixed !important;z-index:101;background:#fff;}
.justLoading .ui-dialog-titlebar{display:none;}
.justLoading .ui-resizable-handle{border:0;}
/***browser**/
.browser{position:fixed;left:0;top:0;z-index:999;height:30px;width:100%;}
.browser .browser_err{color:#f00;text-align:center;border:1px solid #FF9600;height:30px;line-height:30px;background:#FBE1B0;}
.browser a{color:#7484FF;}
/**call**/
.calls-box{position:fixed;right:0;bottom:30px;z-index:9;}
.call-pos{width:40px;/*margin-top:-60px;*/}
.call-pos .call_in, .call-pos .call_out{font-size:26px;color:#fff;width:36px;height:36px;line-height:26px;margin-top:1px;padding:3px;cursor:pointer;text-align:center;background:#001d37;}
.calls-panel{display:none;position:absolute;right:40px;bottom:0;z-index:2;border:1px solid #ccc;border-radius:8px;border-bottom-right-radius:0;width:180px;background:#f0f0f0;/*overflow:hidden;-webkit-box-shadow: 0 1px 5px #888;-moz-box-shadow: 0 1px 5px #888;box-shadow: 0 1px 5px #888;*/}
.callhidden{width:180px;overflow:hidden;}
.calls-panel .way{position:absolute;right:-12px;bottom:10px;z-index:99;width:0;height:0;border:6px solid transparent;border-left:6px solid #fff;}
.calls-box .calls-ul{width:190px;margin:2px 0 0 -1px;}
.calls-box .calls-ul li{border:1px solid #ccc;float:left;width:61px;height:30px;line-height:30px;margin:-1px 0 0 -1px;text-align:center;cursor:pointer;}
.calls-box .calls-ul li:hover{position:relative;color:#337ab7;border:1px solid #beddf7;background:#beddf7;}
.calls-box .showNumber{height:30px;line-height:30px;width:99%;text-align:center;font-size:20px;border:0;border-top-left-radius:8px;border-top-right-radius:8px;}
.calls-box .showNumber:focus{border-color: #52a8ec;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
}
.ccb{border-bottom-left-radius:8px;background:#fff;}
.ccb button{float:left;width:33.3%;height:40px;border:0;outline:none;cursor:pointer;color:#666;background:#fff;}
.ccb button:hover{color:#58b434;}
.ccb .clear{border-bottom-left-radius:8px;}
.ccb .back{/*border-bottom-right-radius:8px;*/}
.ccb .call{background:#58b434;color:#fff;border-radius:10px;height:23px;margin:10px 0;}
.ccb .offcall{background:#f00;color:#fff;}
.ccb .call:hover{background:#357f18;color:#fff;}
.ccb .offcall:hover{background:#f30;color:#fff;}
/* just-Tips */
.just-tooltip{position:absolute;left:0;top:0;border-radius:5px;background:#000;/*display:inline-block;*/z-index:9999; -webkit-box-shadow:0 0 4px rgba(0,0,0,1);
-moz-box-shadow:0 0 4px rgba(0,0,0,1);
box-shadow:0 0 4px rgba(0,0,0,1);}
.just-tooltip .just-con{padding:8px 10px;color:#fff;}
.just-tooltip .just-top,
.just-tooltip .just-bottom,
.just-tooltip .just-left,
.just-tooltip .just-right{content:"";position:absolute;width:0;height:0;overflow:hidden;border-style:solid;}
.just-tooltip .just-top{left:50%;top:100%;border-width: 7px 5px 0 5px;margin-left:-5px;
border-color: #1B1E24 transparent transparent transparent;
_border-color: #1B1E24 #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.just-tooltip .just-bottom{ left:50%; top:-7px;border-width: 0 5px 7px 5px;margin-left:-5px;
border-color: transparent transparent #1B1E24 transparent;
_border-color:#000000 #000000 #1B1E24 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.just-tooltip .just-left{ right:-7px; top:50%;border-width: 5px 0 5px 7px;margin-top:-5px;;
border-color: transparent transparent transparent #1B1E24;
_border-color:#000000 #000000 #000000 #1B1E24;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.just-tooltip .just-right{ left:-7px; top:50%;border-width: 5px 7px 5px 0;margin-top:-5px;
border-color: transparent #1B1E24 transparent transparent;
_border-color:#000000 #000000 #000000 #1B1E24;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.just-tooltip .just-confirm{text-align:center;padding:10px 0;margin:0 10px 10px 10px;}
.just-tooltip .just-yes, .just-tooltip .just-no{background:#fff;color:#000;border:0;padding:5px 10px;}
.just-tooltip .just-no{margin-left:10px;}
/* Animations */
.animated{
-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;
-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;
}
@-webkit-keyframes flipInUp {
0% { -webkit-transform: perspective(400px) rotateX(-90deg); opacity: 0;}
40% { -webkit-transform: perspective(400px) rotateX(5deg);}
70% { -webkit-transform: perspective(400px) rotateX(-5deg);}
100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1;}
}
@-moz-keyframes flipInUp {
0% {-moz-transform: perspective(400px) rotateX(-90deg);opacity: 0;}
40% {-moz-transform: perspective(400px) rotateX(5deg);}
70% {-moz-transform: perspective(400px) rotateX(-5deg);}
100% {-moz-transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@-o-keyframes flipInUp {
0% {-o-transform: perspective(400px) rotateX(-90deg);opacity: 0;}
40% {-o-transform: perspective(400px) rotateX(5deg);}
70% {-o-transform: perspective(400px) rotateX(-5deg);}
100% {-o-transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@keyframes flipInUp {
0% {transform: perspective(400px) rotateX(-90deg);opacity: 0;}
40% {transform: perspective(400px) rotateX(5deg);}
70% {transform: perspective(400px) rotateX(-5deg);}
100% {transform: perspective(400px) rotateX(0deg);opacity: 1;}
}
@-webkit-keyframes flipInRight {
0% { -webkit-transform: perspective(400px) rotateY(-90deg); opacity: 0;}
40% { -webkit-transform: perspective(400px) rotateY(5deg);}
70% { -webkit-transform: perspective(400px) rotateY(-5deg);}
100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1;}
}
@-moz-keyframes flipInRight {
0% {-moz-transform: perspective(400px) rotateY(-90deg);opacity: 0;}
40% {-moz-transform: perspective(400px) rotateY(5deg);}
70% {-moz-transform: perspective(400px) rotateY(-5deg);}
100% {-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-o-keyframes flipInRight {
0% {-o-transform: perspective(400px) rotateY(-90deg);opacity: 0;}
40% {-o-transform: perspective(400px) rotateY(5deg);}
70% {-o-transform: perspective(400px) rotateY(-5deg);}
100% {-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@keyframes flipInRight {
0% {transform: perspective(400px) rotateY(-90deg);opacity: 0;}
40% {transform: perspective(400px) rotateY(5deg);}
70% {transform: perspective(400px) rotateY(-5deg);}
100% {transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
.flipInTop, .flipInBottom .flipInLeft .flipInRight { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important}
.flipInTop, .flipInBottom { -webkit-animation-name: flipInUp; -moz-animation-name: flipInUp; -o-animation-name: flipInUp; animation-name: flipInUp; }
.flipInLeft, .flipInRight { -webkit-animation-name: flipInRight; -moz-animation-name: flipInRight; -o-animation-name: flipInRight; animation-name: flipInRight; }
@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.fadeIn{-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn;}
.moveTop{
-webkit-animation: moveTop .6s ease both;
animation: moveTop .6s ease both;
}
.moveBottom{
-webkit-animation: moveBottom .6s ease both;
animation: moveBottom .6s ease both;
}
.moveLeft{
-webkit-animation: moveLeft .6s ease both;
animation: moveLeft .6s ease both;
}
.moveRight{
-webkit-animation: moveRight .6s ease both;
animation: moveRight .6s ease both;
}
@-webkit-keyframes moveTop {
from {opacity: 0;-webkit-transform: translateY(-20px);}
to {opacity: 1;-webkit-transform: translateY(0); }
}
@-webkit-keyframes moveBottom {
from {opacity: 0;-webkit-transform: translateY(20px);}
to {opacity: 1;-webkit-transform: translateY(0); }
}
@-webkit-keyframes moveLeft {
from {opacity: 0;-webkit-transform: translateX(-20px);}
to {opacity: 1;-webkit-transform: translateX(0); }
}
@-webkit-keyframes moveRight {
from {opacity: 0;-webkit-transform: translateX(20px);}
to {opacity: 1;-webkit-transform: translateX(0); }
}
/** JQUI DIALOG just-dialog(justAlert, justConfirm, justAuto, justLoading) **/
.justConfirm, .justAuto, .justAlert, .justLoading, .justIframe{position:fixed !important;z-index:101;background:#fff;}
.ui-state-default .ui-icon{/*background:#fff url(../images/main.png) -95px -30px;*/
background:#fff url(../images/ui-icons_228ef1_256x240.png) -80px -128px;
}
.ui-state-default.ui-state-hover .ui-icon{background-position:-96px -128px}
.justAlert, .justConfirm, .justAuto, .justIframe{border:1px solid #628DB6;
-webkit-box-shadow:0 0 4px rgba(82,168,236,0.6);
-moz-box-shadow:0 0 4px rgba(82,168,236,0.6);
box-shadow:0 0 4px rgba(82,168,236,0.6);
}
.justAlert .ui-dialog-content, .justConfirm .ui-dialog-content, .justAuto .ui-dialog-content, .justIframe .ui-dialog-content{overflow:hidden;}
.justIframe .ui-dialog-content{padding:0;}
.justAlert .ui-dialog-titlebar,
.justConfirm .ui-dialog-titlebar,
.justIframe .ui-dialog-titlebar,
.justAuto .ui-dialog-titlebar{border:0;color:#fff;background:#628DB6;}
.justAlert .ui-state-default,
.justConfirm .ui-state-default,
.justIframe .ui-state-default,
.justAlert .ui-state-default{border:1px solid #6aa2c8;outline:none;}
.justAlert .ui-state-hover,
.justConfirm .ui-state-hover,
.justAlert .ui-state-hover,
.justIframe .ui-state-hover{border:1px solid #628DB6;}
.justConfirm .ui-dialog-buttonpane,
.justAlert .ui-dialog-buttonpane,
.justIframe .ui-dialog-buttonpane
{border-width:0;background:#f0f0f0;text-align:center;padding:5px 0;}
.justConfirm .ui-dialog-buttonpane .ui-dialog-buttonset,
.justAlert .ui-dialog-buttonpane .ui-dialog-buttonset,
.justIframe .ui-dialog-buttonpane .ui-dialog-buttonset
{float:none;}
.justConfirm .ui-dialog-buttonset .ui-state-default,
.justAlert .ui-dialog-buttonset .ui-state-default,
.justIframe .ui-dialog-buttonset .ui-state-default
{color:#fff;border:1px solid #6aa2c8;outline:none;background:#6aa2c8;}
.justConfirm .ui-dialog-buttonset .ui-state-hover,
.justAlert .ui-dialog-buttonset .ui-state-hover,
.justIframe .ui-dialog-buttonset .ui-state-hover
{background:#628DB6;color:#fff;border:1px solid #628DB6;}
.justLoading{position:fixed;border:0;}
.justLoading .ui-dialog-titlebar{display:none;}
.justLoading .ui-resizable-handle{border:0;}
.justLoading .ui-widget-content{white-space:nowrap !important;overflow:hidden;}
.alert-tip{text-align:center;padding-top:20px !important;}
/*JQUI DIALOG END*/