/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 12, 2017, 11:56:39 AM
    Author     : medardoalvarez
*/
/*reset*/
html,body{height:100%;}
html,body,div,span,applet,object,iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input {margin:0;padding:0;border:0;outline:0;font-size:100%;}
em{font-size:14px;line-height: 24px}
a:focus {outline:1px dotted invert;}
a{text-decoration:none;color: #2D75B2}
ol, ul {list-style:none;color:#707070;}
blockquote, q {}
blockquote:before, blockquote:after,
q:before, q:after {float:left;}
blockquote{color:#666;margin:0 30px 15px 30px;padding:0 0 0 10px;border-left:2px solid #ddd;}
fieldset{border:1px solid #ccc;padding:20px;margin-bottom:20px;}
legend{font-size:14px;padding:0 5px;}
:focus {outline:0;}
.hide{display: none}
ins {text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
.left{float:left;}
img.left{float:left;margin-right:10px;margin-bottom:10px;}
.right{float:right !important;}
.clear{clear:both;}
.center{text-align:center;margin:0 auto;display:inline-block;width:100%;}
.algright{text-align:right;}
img{border:0;vertical-align:middle;}
.relative{position:relative;}
.abs-right{right:0;}
.abs-left{left:0;}
.alignTop{vertical-align:top;}
.alignBottom{vertical-align:bottom;}
.alignMiddle{vertical-align:middle;}
.spt-left{ margin-left:20px;}
.spt-right{ margin-right:20px;}
.spt-bottom{margin-bottom:20px!important;}
.spt-top{margin-top:20px;}
/*colors*/
.red,.off,.canceled{color: red;}
.green,.on,.active{color: green}
.orange,.renew{color: orange}
.blue,.finished{color: blue}
.silver{color: #999;}
/*page*/
body {
    font-size: 14px;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    color: #666666;
    margin: 0 auto;
    height: 100%;
}
hr{width: 62px;height: 3px;display: block;margin: 10px auto;background-color: #333333;}
.main{background: #c8dfde;
      background: -webkit-linear-gradient(left, #c8dfde , #edddd4);
      background: -o-linear-gradient(right, #c8dfde, #edddd4);
      background: -moz-linear-gradient(right, #c8dfde, #edddd4);
      background: linear-gradient(to right, #c8dfde , #edddd4);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8dfde', endColorstr='#edddd4',GradientType=0 );}  
.main-dark {    
    background: #76abcc;
    background: -moz-linear-gradient(top, #76abcc 20%, #446786 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#76abcc), color-stop(100%,#446786));
    background: -webkit-linear-gradient(top, #76abcc 20%,#446786 100%);
    background: -o-linear-gradient(top, #76abcc 20%,#446786 100%);
    background: -ms-linear-gradient(top, #76abcc 20%,#446786 100%);
    background: linear-gradient(top, #76abcc 20%,#446786 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76abcc', endColorstr='#446786',GradientType=0 );
}
h1{font: 28px "Roboto";line-height: 32px;color: #000}
h3{font: 20px "Roboto";line-height: 24px;color: #000}
p{font: 14px "Roboto";line-height: 20px;color: #666}
/*block*/
.colhalf:first-child{margin-left: 0!important}
.colhalf{width:49%;display:inline-block;vertical-align: top;margin-left: 1%;}
.colfull{display:inline-block;width: 100%}
.wrinlineblk{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%}
.wrinlineblktop{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;width:100%}
.blk{display:block;}
.blkinline{display:inline-block;}
.blkleftstr{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-moz-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start} 
.blkrightend{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:auto;flex:auto;-ms-flex:1 1 auto;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
/*end*/ 
/*custom*/
.wrap-frame{border: 1px solid #eee;background: #f8f8f8;text-align: center}
/*login*/
.wrlogin{display: inline-block;margin: auto;background-color: rgba(255,255,255,0.6);padding: 25px 2%;width: 96%;border-radius: 18px;max-width: 300px;}
.wrap-icon-user{padding: 30px;display: inline-block;background-color:#909090;border-radius: 50%;margin-top: 20px}
#login-content{margin:0 auto;width: 100%;text-align: center;display: -moz-box;position: relative;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: box;
                display: flex;
                -webkit-box-orient: horizontal;
                -moz-box-orient: horizontal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: start;
                -moz-box-pack: start;
                -ms-flex-pack: start;
                -webkit-justify-content: flex-start;
                justify-content: flex-start;} 
#btn_login{display: inline-block;width: 100%}
/**/
/*form*/
.holder{display: inline-block;width: 100%;margin-bottom: 10px;}
input[type="checkbox"]{width: auto!important;margin-right: 10px;}
input[type=text], input[type=password], input[type=email], input[type=phone], input[type=url], input[type=number] {
    background-color: transparent;
    border-bottom: 1px solid #D1D2D2;
    padding: 10px 2%;
    width: 95%;
    font-size: 13px;
    height: 13px;
}
select {
    padding:8px 7px;
    width:100%;
    margin:0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background:url(../images/icon/ic_select.png)no-repeat 98% center #f1f1f1!important;
    border-color:#eee;
    border-style:solid;
    border-width:1px;
}
.input-90 input{width: 90%!important;}
select.mini,input.mini{width: 50px!important}
select.regular,input.regular{width: 150px!important}
textarea {
    background: #f1f1f1;
    padding: 5px 0;
    display: inline-block;    
    width: 100%;
    font-size: 14px;
    resize: none;
    border-color: #D1D2D2;
    border-style:solid;
    border-width:0 0 1px 0;
    height: 200px;
}
label {
    width: 100%;
    font-weight: bold;
    text-align: left;
    line-height: 38px;
    color: #909090;
    display: inline-block;
}
label.auto{width: auto!important}
input[type=button], input[type=submit], input[type=reset],button,a.btn {
    padding: 10px 16px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    background-color: #de1b22;
    color: #f1f1f1;
    border: 0;
    margin: 10px 0;
    border-radius: 18px;
}

.b_green{background: green!important;}
.b_blue{background: blue!important;}

.wrap-input-expanded label{width: auto!important;margin-right: 20px;}

.btn-back{margin-bottom: 10px;font-size: 18px;color: #000;padding-left: 30px;background: url(../images/icon/back.png)no-repeat left center;display: inline-block}
.btn-next{font-size: 18px;color: #000;padding-right: 30px;background: url(../images/icon/next.png)no-repeat right center;display: inline-block}
.btn_small{background: #de1b22;padding: 5px 10px;border-radius: 16px;color: #f1f1f1;margin: 10px 0;font-size: 13px;}
input:focus,textarea:focus,button:focus{outline:medium none;}
.btn_nice_wh{border: 1px solid #000;color: #000;padding: 7px 16px;border-radius: 18px;display: inline-block;font: 14px "Roboto"}
.btn_nice_wh:hover,.btn_nice_wh.active{background-color: #000;text-decoration: none;color: #edddd4}
.form-error ul li{color: red;margin: 3px;}

.select-row{width:20px;height:20px;float:left;margin:0 8px;background-image: url(../images/icon/checkbox1.png);background-repeat: no-repeat;}
.uncheck{background-position: 0 0;}
.check{	background-position: 0 -20px;}
.uncheck:hover{background-position: -48px -20px;}
.check:hover{background-position: -48px 0;}

.format-date select{width: 31%;margin: 0 1%;}

/*calendar*/
.js-datepicker{position: relative;}
.js-datepicker{background-image: url(../images/icon/ic_calendar.png);background-position: center right;background-repeat: no-repeat;background-size: 24px;}
/*.js-datepicker:after{position: absolute;right: 0;bottom: 0;content: '';width:24px;height:24px;background-image: url(../images/icon/ic_calendar.png)}*/


/*header*/
header{display: inline-block;width: 97%;padding: 5px 2% 5px 1%;background: #9E3234}
.logo{display: inline-block;font: 24px "Roboto";font-weight: 500;color: #fff;vertical-align: middle;margin-left: 20px}
.icon-menu{color: transparent;text-indent: -9999px;border-radius: 50%;width: 48px;height: 48px;background-image: url(../images/icon/ic_menu.png);background-position: center center;background-repeat: no-repeat;display: inline-block;vertical-align: middle}
.icon-menu:hover{background-color: rgba(222,27,34,0.4);}

.actionbar,.actionbar li{display: inline-block;vertical-align: middle}
.actionbar li{margin-left: 10px;padding-left: 10px;}
.actionbar .init-name{font: 18px "Roboto";font-weight: 300;width: 36px;height: 36px;border-radius: 50%;background-color: #A46A1F;color: #fff;display: block;text-align: center;line-height: 36px;cursor: pointer}
.menu-separator{border-left: 1px solid #fff;}
.actionbar li .link-top-menu{color: #fff}
.link-top-menu.report{background-image: url(../images/icon/flag.png);background-position: left center;background-repeat: no-repeat;background-size: 24px;padding: 10px 0 10px 30px}

.menu-sub{position: relative;display: inline-block;height: 36px;}
.menu-sub.arrow-down{padding-right: 16px;background-image: url(../images/icon/ic_arrow_dwn.png);background-repeat: no-repeat;background-position: center right}
.menu-sub:hover > .submenu{display: block}
.submenu{display: none;position: absolute;z-index: 3001;top: 36px;right: -12px;background-color: #fff;border-radius: 8px;min-width: 90%;box-shadow: 2px 4px 8px #999;}
.submenu:before{position: absolute;top: -5px;right: 20px;content: "";background-image: url(../images/icon/ic_arrow_up.png);background-repeat: no-repeat;width: 12px;height: 12px}
.menu-sub.arrow-down .submenu:before{right: 10px!important;}

.badge{position: relative;background-image: url(../images/icon/reminder.png);background-repeat: no-repeat;background-position: center center;width: 32px;height: 32px;display: inline-block;border-radius: 50%}
.badge .number{display: none;position: absolute;left: -5px;top: -5px;content: "";background-color: #1b95e0;color: #fff;font: 16px "Roboto";font-weight: 400;width: 20px;height: 20px;border-radius: 50%;text-align: center;line-height: 22px;box-shadow: 2px 3px 6px #666;border: 2px solid #fff;}

.form-search{background-color: #fff;border-radius: 16px}
.form-search input{border-bottom: 0!important;}
.form-search button{border-radius: 0 16px 16px 0;margin: 0!important}

.wrap-userdata{display: inline-block;padding: 15px 10px;width: 200px;}
.wrap-userdata .userdata-name,.wrap-userdata .userdata-user{font: 14px "Roboto";font-weight: 500;display: block;}
.wrap-userdata .userdata-user{font-weight: 300!important;margin-bottom: 5px}
.wrap-logout{display: inline-block;width: 94%;padding: 0 3%}

/*.label-lang{color: #fff;font: 14px "Roboto";line-height: 36px;}*/
.submenu-links{padding: 10px 0}
.submenu-links a{display: block;padding: 10px 25px;color: #000}
.submenu-links a:hover{color: red;}

.icon-setting{color: transparent; text-indent: -9999px;width: 32px;height: 32px;background-image: url(../images/icon/ic_setting.png);background-repeat: no-repeat;background-position: center center;background-size: 24px;display: block;}
/*end*/

#wrapper > .blkleftstr{overflow-x: auto;}
.table-scroll-x{display: inline-block;width: 100%;overflow-x: auto;overflow-y: auto;}

/*sidebar*/
#sidebar{width: 240px;background-color: rgb(248,249,248);border-right: 1px solid #ddd;-webkit-box-shadow: 4px 0 6px -2px #ddd;box-shadow: 4px 0 6px -2px #ddd;position: relative;}
.nav-link{display: inline-block;width: 86%;padding: 15px 7%;border-bottom: 1px solid rgb(227,227,227);}
.nav-link-label{color: rgba(0,0,0,0.54);text-transform: uppercase;font: 14px Roboto;font-weight: 500;position: relative;padding-left: 40px;}
.nav-link:hover > .nav-link-label,.nav-link.active .nav-link-label{color:#de1b22;}
.nav-link-label:before{position: absolute;left: 0;top:-4px;content: '';width: 24px;height: 24px;background-size: 24px 24px;background-repeat: no-repeat;}
/*people*/
.nav-link-label.people:before{background-image: url(../images/icon/people.png);}
.nav-link:hover > .nav-link-label.people:before,.nav-link.active > .nav-link-label.people:before{background-image: url(../images/icon/people_hover.png);}
/*home*/
.nav-link-label.home:before{background-image: url(../images/icon/home.png);}
.nav-link:hover > .nav-link-label.home:before,.nav-link.active > .nav-link-label.home:before{background-image: url(../images/icon/home_hover.png);}
/*lease*/
.nav-link-label.lease:before{background-image: url(../images/icon/lease.png);}
.nav-link:hover > .nav-link-label.lease:before,.nav-link.active > .nav-link-label.lease:before{background-image: url(../images/icon/lease_hover.png);}
/*cash*/
.nav-link-label.cash:before{background-image: url(../images/icon/cash.png);}
.nav-link:hover > .nav-link-label.cash:before,.nav-link.active > .nav-link-label.cash:before{background-image: url(../images/icon/cash_hover.png);}
/*employee*/
.nav-link-label.employee:before{background-image: url(../images/icon/employee.png);}
.nav-link:hover > .nav-link-label.employee:before,.nav-link.active > .nav-link-label.employee:before{background-image: url(../images/icon/employee_hover.png);}
/*society*/
.nav-link-label.society:before{background-image: url(../images/icon/society.png);}
.nav-link:hover > .nav-link-label.society:before,.nav-link.active > .nav-link-label.society:before{background-image: url(../images/icon/society_hover.png);}
/*realtor*/
.nav-link-label.realtor:before{background-image: url(../images/icon/realtor.png);}
.nav-link:hover > .nav-link-label.realtor:before,.nav-link.active > .nav-link-label.realtor:before{background-image: url(../images/icon/realtor_hover.png);}
/*activity*/
.nav-link-label.activity:before{background-image: url(../images/icon/activity.png);}
.nav-link:hover > .nav-link-label.activity:before,.nav-link.active > .nav-link-label.activity:before{background-image: url(../images/icon/activity_hover.png);}
/*owner*/
.nav-link-label.owner:before{background-image: url(../images/icon/owner.png);}
.nav-link:hover > .nav-link-label.owner:before,.nav-link.active > .nav-link-label.owner:before{background-image: url(../images/icon/owner_hover.png);}
/*deal*/
.nav-link-label.deal:before{background-image: url(../images/icon/deal.png);}
.nav-link:hover > .nav-link-label.deal:before,.nav-link.active > .nav-link-label.deal:before{background-image: url(../images/icon/deal_hover.png);}
/*operation*/
.nav-link-label.operation:before{background-image: url(../images/icon/operation.png);}
.nav-link:hover > .nav-link-label.operation:before,.nav-link.active > .nav-link-label.operation:before{background-image: url(../images/icon/operation_hover.png);}
/*schedule*/
.nav-link-label.schedule:before{background-image: url(../images/icon/ic_schedule.png);}
.nav-link:hover > .nav-link-label.schedule:before,.nav-link.active > .nav-link-label.schedule:before{background-image: url(../images/icon/ic_schedule_hover.png);}
/*small alert*/
.small-alert:after{content: '';position: absolute;left: 0;top: 0;width: 20px;height: 20px;background-image: url(../images/icon/ic_alert.png);}
.small-alert{position: relative;padding-left: 25px}
/*content*/
#wrapper{min-height: 100%;background-color: rgb(239,239,239);}
#container{width: 98%;padding: 25px 1%;margin: 0 auto;display: inherit}
.floataction{position: fixed;width: 70px;height: 70px;bottom: 50px;right: 50px;background-color: #fff;border-radius: 50%;color: transparent;text-indent: -9999px;z-index: 1001;background-image: url(../images/icon/ic_create_task.png);background-repeat: no-repeat;background-position: center center;box-shadow: 2px 2px 4px #999}

.breadcrumbs{background: #fff;padding: 15px 3%;width: 94%;border-bottom: 1px solid #e1e1e1;}
.breadcrumbs > a,.breadcrumbs > p{display: inline-block;margin-right: 16px;padding-right: 16px;font-size: 16px;position: relative;color: #999;font-weight: 300}
.breadcrumbs > a:before{position: absolute;content: '';right: -10px;top: 2px;background: url(../images/icon/breadcrumbs.png);width: 16px;height: 16px;}

.widget { box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);width: 100%;background: #fff;display: inline-block;margin: 0 auto}
.widget .wTitle {border-bottom: 1px solid #CCCCCC;margin-bottom: 10px;display: inline-block;width: 96%;padding: 0 2%}
.widget .wTitle.wseparator{padding-top: 10px!important;padding-bottom: 10px!important}
.widget .wTitle h4{display: inline-block;font-size: 20px;font-weight: 300;}
.widget .wTitle .get-label{font-size: 16px;font-weight: 300;color: #999;display: inline-block;margin: 0 10px;padding: 0 10px;border-left: 1px solid #ddd}
.widget .wRow,.widget .wRownoborder{display: inline-block;width: 96%;padding: 15px 2%}
.widget .wRow{border-bottom: 1px solid #eee;}
.portrait{max-width: 800px;display: inline-block;margin: 0 auto;width: 100%}

.overlay-center:before{background-color: rgba(0,0,0,0.3);position: absolute;width: 100%;height: 100%;content: ''}
.overlay-center-text{position: absolute;width: 100%;height: 100%;z-index: 1;text-align: center;color: #fff;font: 14px "Roboto";top: 50%;left: 0;}

/*list*/
.ul-block,.ul-list{display: inline-block;width: 100%;}
.ul-block li{float: left;margin: 5px 20px;list-style: disc}
.ul-list li{list-style: disc;margin: 7px 0 7px 20px;}

.wrap-current{display: block;padding: 7px;border: 2px solid green;margin-top: 10px;}
.wrap-passed{display: block;padding: 7px;border: 2px solid #ddd;margin-top: 10px;}

/*scroll*/
.scroll {overflow: auto;}
.scroll::-webkit-scrollbar {width: 12px;}
.scroll::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ 
    border-radius: 10px;
}
.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/ 
}

/*messages*/
.error{	
    border: #ea9797 1px solid;
    background-color: #ffc8c8; background-image: url("../images/box-icons/box-error.png");background-repeat: no-repeat;background-position: 10px center;
    color: #b72020;
}
.ok{
    background-image: url("../images/box-icons/box-ok.png");background-repeat: no-repeat;background-position: 10px center;
    border: #9ed47f 1px solid; background-color: #e3ffcd;
    color: #268f1d;
}
.msg_tip{
    display:none;
    position:fixed;
    padding:10px 20px 10px 70px;
    text-align:center;
    top:10px;
    right:10px;
    z-index: 3000;  	
    box-shadow: 1px 1px 10px #999999;
    height: 50px;
    font-weight: bold;
}
.msg{
    padding:10px 20px 10px 70px;
    text-align:center;	
    box-shadow: 1px 1px 10px #999999;
    min-height: 50px;
    font-weight: bold;
    max-width: 240px;
    display: inline-block;
}
/*table*/
.table{border-collapse: separate;color: #707070;width: 100%;}
.table tr th{padding: 10px 15px;text-align: left;position: -webkit-sticky;position: sticky;top: 0;z-index: 1;background: #fff;border-bottom: 2px solid #ccc;}
.table > tbody > tr > td {text-align:left;padding: 15px 15px;}
.table > tbody > tr.row-dark{background: #f8f8f8;}
.table tr th:last-child,.table > tbody > tr > td:last-child{text-align: right;}
.table tbody tr.active, .table tbody tr:hover {background: none repeat scroll 0 0 #eee;}
.ctrlBtn {background: #F8F8F8;border: 1px solid #CCCCCC;box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 #FFFFFF;display: inline-block;text-align: center;padding: 4px;margin: 0 0 0 5px}
.person-init-name{font: 18px "Roboto";font-weight: 300;width: 36px;height: 36px;border-radius: 50%;background-color: #A46A1F;color: #fff;display: inline-block;text-align: center;line-height: 36px;cursor: pointer;}
.btn_toggle{width: 32px;height: 32px;background-position: center center;color: transparent;text-indent: -9999px;background-repeat: no-repeat;display: block}
.btn_expand{background-image: url(../images/icon/plus.png)}
.btn_constrict{background-image: url(../images/icon/minus.png)}
/*paginate*/
.wrap-paginate {display: inline-block;margin-top: 15px;border-top: 1px solid #eee;width: 100%;padding: 15px 0;}
.paginate-info {color: #707070;line-height: 26px;text-shadow: 0 1px 0 #FFFFFF;display: inline-block;margin-left: 15px;}
.paginate{display: inline-block;float: right;margin-right: 15px}
.paginate li{display: inline-block}
.paginate li a{display: block;border: 1px solid #CCCCCC;color: #707070;cursor: pointer;font-size: 14px;margin: 0 0 0 5px;padding: 4px 8px;transition: all 0.15s ease-in-out 0s;background: #F8F8F8;}
.paginate li a.active, .paginate li a:hover {background: #72A5E4;color: #fff;text-decoration: none;border: 1px solid #72A5E4}

/*ajax form*/
.overlay{position: absolute;width: 100%;height: 100%;background-color: rgba(255,255,255,0.6);left: 0;top: 0;background-image: url(../images/icon/loading.gif);background-size: 100px 100px;background-position: center center;background-repeat: no-repeat;}
/*popup*/
.wrap-popup{background: #fff;border-radius: 18px;position: relative;}
.pp_overlay{background-color:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7c000000', endColorstr='#7c000000');display:none;left:0;position:fixed;top:0;width:100%;height:100%;z-index:9999;overflow:auto;}
.appendedContainer{position:absolute;z-index:10000;left:50%;top:0;display:none;}
.bar-title{padding-bottom:8px;position:relative;display:block;padding: 10px}
.p_title{margin-right:20px;font:22px Arial;color:#fff;display:inline-block;text-shadow: 0 0 4px #000;min-height: 20px}
.btn-close{display: inline-block;float: right;}
/*style popup body*/
.toolbar{display: inline-block;width: 94%;padding: 15px 3%;background: #eee;border-top-left-radius: 18px;border-top-right-radius: 18px;font-size: 18px;font-weight: 500;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}  
.form-popup{display: inline-block;width: 94%;padding: 20px 3%;}
.tab-toolbar{border-top-left-radius: 18px;border-top-right-radius: 18px;display: inline-block;width: 94%;padding: 15px 3% 0;background: #eee;}
.tab-toolbar .tab{display: inline-block;padding: 10px 15px;margin-right: 5px;border-radius: 8px 8px 0 0;color: #666666;font-size: 16px}
.tab-toolbar .tab.active{background: #fff;color: #666666;font-weight: 700;}
.tab-toolbar.theme-dark,.toolbar.theme-dark{background-color: #9E3234!important;color: #fff}
.tab-toolbar.theme-dark .tab{color: #fff;}
.tab-toolbar.theme-dark .tab.active{color: #666}
/*auto complete agent*/
.wrap-autocomplete{width: 94%;position: absolute;top: 34px;left:0;background-color: #fff;box-shadow: 1px 1px 4px #999;padding: 0 3%;display: none;z-index: 1}
.wrap-autocomplete a{color: #333}
.wrap-autocomplete span{display: inline-block;width: 100%;padding: 8px 0;border-bottom: 1px solid #ccc;font-size: 12px;cursor: pointer}
.wrap-autocomplete span:last-child{border: none;}    
.wrap-popup-form{position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.7);z-index: 1000;left: 0;top:0;display: block}
.wrap-popup-form form{position: absolute;top: 50%;left: 50%;width: 250px;margin-left: -170px;margin-top: -100px;background: #f1f1f1;padding: 20px 20px 10px;display: inline-block;border-radius: 18px;text-align: center;box-shadow: 2px 2px 4px #999;}