*:hover{
     transition: all 0.3s ease 0s;
}

.ui-sortable-handle{ max-width:331px !important; }

/* Datepicker */
.ui-datepicker {  display: none; background-color: #fff; box-shadow: 0px 0px 3px 1px #999;  padding:0; z-index: 100000 !important;}
.ui-datepicker .ui-datepicker-header { position: relative; background-color: #2a7089; color:#fff; font-size:16px; text-transform:uppercase; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { height: 1.8em; position: absolute; width: 2.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 0px; } 
.ui-datepicker .ui-datepicker-prev { left: 0px; }
.ui-datepicker .ui-datepicker-next { right: 0px; }
.ui-datepicker .ui-datepicker-prev-hover { left: 0px; }
.ui-datepicker .ui-datepicker-next-hover { right: 0px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {  margin-top: 7px; position: absolute; }
.ui-datepicker .ui-datepicker-title {  line-height: 28px; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } 
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; font-size: 12px; color: #848484; }
.ui-datepicker td { border: 0; padding: 2px 6px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding:3px 5px; text-align: center; text-decoration: none; font-size: 12px; color: #848484; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.ui-datepicker table .ui-state-hover  { background-color: #3F8AF7; color:#fff; text-align: center; border-radius: 30px; }
.ui-datepicker-current-day .ui-state-active { background-color: #3F8AF7; border-radius: 30px; color: #ffffff; text-align: center; padding: 2px 5px; } 



body .ui-helper-hidden-accessible{ visibility:hidden; }
body .ui-icon-circle-triangle-w{left:15px;}
body .ui-icon-circle-triangle-e{right:15px;}
body .ui-datepicker-title span { display: inline-block; font-size: 16px; line-height: 15px; padding-top: 8px; }

/* Switcher */
.onoffswitch { position: relative; width: 56px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; }
.onoffswitch-checkbox { display: none; }

.onoffswitch-label {
  border-radius: 20px;
  cursor: pointer;
  display: block;
  overflow: hidden;
}
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } 

.onoffswitch-inner:before, .onoffswitch-inner:after {
  box-sizing: border-box;
  color: white;
  display: block;
  float: left;
  font-family: Trebuchet,Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
  line-height: 24px;
  padding: 0;
  width: 50%;
}
.onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #58bb71; color: #FFFFFF; }
.onoffswitch-inner:after {
  background-color: #ed2524 !important;
  color: #fff;
  content: "OFF";
  padding-right: 10px;
  text-align: right;
}
.onoffswitch-switch {
  background: none repeat scroll 0 0 #ffffff;
  border: medium none !important;
  border-radius: 20px;
  box-shadow: 0 0 2px 1px #777777;
  bottom: 0;
  display: block;
  height: 20px;
  margin: 0;
  position: absolute;
  right: 35px;
  top: 1px;
  transition: all 0.3s ease-in 0s;
  width: 20px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 1px; }

.IsActiveKey {
  position: relative;
  top: -5px;
}

/* Css Radio Button */
.check-label { display: inline-block; cursor: pointer; position: relative; padding-left: 20px; font-size: 13px; } 
input[type=radio], input[type=checkbox] { display: none; }
.check-label:before { background-color: #fff; border: 1px solid #a3c0ce; content: ""; display: inline-block; height: 12px; left: 0; margin-top: -16px; position: absolute; top: 50%; width: 12px; }
.property-import .check-label:before {  margin-top: -7px; }
.property-layout-checkbox .check-label:before {
  border-color: #cecece!important;
  border-radius: 2px;
  height: 9px;
  left: 0;
  width: 9px;  margin-top: -14px;
}
.property-layout-checkbox .check-label{padding-left: 13px;}
body .property-layout-checkbox input[type="checkbox"]:checked + .check-label:before {  font-size: 9px;  line-height: 10px;}
.radio .check-label:before { border-radius: 20px; } 
.checkbox .check-label { margin-bottom: 10px; }
.checkbox .check-label:before { border-radius: 2px; }
input[type=radio]:checked + .check-label:before { color: #2a7089; content: "•"; font-size: 35px; line-height: 15px; text-align: center; } 
input[type=checkbox]:checked + .check-label:before { color: #000000; /*background: #2a7089;*/ content: "\e616"; font-size: 12px; font-weight: bold; line-height: 13px; text-align: center; } 
/* Tooltip */
a.tooltips { position: relative; display: inline; }
a.tooltips span { font-size: 12px; box-shadow: 0 0 8px rgba(8, 22, 37, 0.3); position: absolute; padding: 0 16px; color: #FFFFFF; background: #2A7089; height: 25px; line-height: 25px; text-align: center; visibility: hidden; border-radius: 2px; } 
a.tooltips span:after { border-bottom: 5px solid #2a7089; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); bottom: 100%; content: ""; height: 0; left: 57%; margin-left: -8px; position: absolute; width: 0 }
a:hover.tooltips span { visibility: visible; opacity: 1; top: 25px; left: -26px; z-index: 999; font-family: 'seravekextralight'!important; }


/* Tooltip container */
.tooltip_simple {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip_simple .tooltiptext {
    visibility: hidden;
    width: 170px;
    background-color: white;
    text-align: center;
    border-radius: 3px;

    position: absolute;
    z-index: 1;
}

.tooltip_simple .tooltiptext div 
{

}

.tooltip-bottom {
  top: 135%;
  left: 50%;  
  margin-left: -80px;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip_simple:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext {
    top: 100%;
    left: 50%;
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

/* Dropdown 123456qq */
.wrapper-dropdown { position: relative; width: 100%; margin: 0 auto; padding:5px 15px 5px 5px;  background: #fff; border-radius: 2px; cursor: pointer; outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.wrapper-dropdown.lockTenancyFields {background-color: rgb(235, 235, 228); cursor:default;}
.wrapper-dropdown.lockTenancyFields a{cursor:default;}
.wrapper-dropdown .wrapper-dropdown-value a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 77%;  color:#848484; border:0 !important;}
.wrapper-dropdown .wrapper-dropdown-value.frequencyDropdownValueFinal a {width:100%;}


.wrapper-dropdown .dropdown {min-width:100%;width:auto; position: absolute; top:100%; left: 0px;  background: #fff; border-radius: 2px 2px 5px 5px;  list-style: none; display:none }
.wrapper-dropdown .dropdown li { float:left; padding: 0 4px; width: 100%; }
/* .wrapper-dropdown .dropdown li:hover { background-color:#3F8AF7;  color: white;} */
.wrapper-dropdown .dropdown li a:hover {    color:#fff !important; font-family:SeravekBold;}
.wrapper-dropdown .dropdown li a { color: #848484; display: block; font-family: "seravekregular","arial"; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.wrapper-dropdown .dropdown li:last-of-type a { border: none; }
.wrapper-dropdown .dropdown li i { margin-right: 5px; color: inherit; vertical-align: middle; } 
.wrapper-dropdown .dropdown li:hover a { color: #57a9d9; }
.wrapper-dropdown.active:after { border-color: #82d1ff transparent; }
.wrapper-dropdown.active .dropdown { box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.2); max-height: 400px; }
.wrapper-dropdown span i { font-size: 16px; line-height: 28px; padding: 0 4px; position: absolute; right: 0; top: 0; }

.frequencyDropdown .wrapper-dropdown span i {padding:0}
.frequencyDropdown .wrapper-dropdown span.half-padded {    padding: 5px 2px 5px 3px;}
td .wrapper-dropdown-value a {  max-width: 120px;}
td .wrapper-dropdown-value a.jq_PropertyLayoutMenuItem { max-width: 100%;}

.inputosaurus-container span { float: left; width: 85%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 

 /* td .wrapper-dropdown .dropdown {left:auto;right:0} */
.add-new-inspection-row  td .wrapper-dropdown .dropdown {left:0;right:auto}

/* Autocomplete */
body .ui-autocomplete{z-index:99999;}
body .ui-autocomplete#ui-id-13{ width:350px !important; }
.inputosaurus-container {
  background-color: #ffffff;
  cursor: text;
  height: 26px;
  margin: 0 0 0 37px;
  min-width: 419px;
  overflow: hidden;
} 
.inputosaurus-container li {
  background-color: #e3eaef;
  color: black;
  cursor: default;
  display: block;
  float: left;
  line-height: 20px;
  margin: 3px 0 3px 0.5%;
  overflow: hidden;
  padding: 0 3px 0 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 32.33%;
}
.inputosaurus-container li input{  line-height: 22px;}
.inputosaurus-container li.inputosaurus-selected { background-color: #bdd6eb; }
.inputosaurus-container li a {
  color: #ffffff;
  float: right;
  font-size: 8px;
  font-weight: bold;
  outline: medium none;
  padding: 0 5px;
  text-decoration: none;
}
.inputosaurus-container .inputosaurus-input { border: none; box-shadow: none; background-color: #fff;  }
.inputosaurus-container .inputosaurus-input input { border: none; width:100% !important; min-width:100%!important; font-size:11px; }
.inputosaurus-container .inputosaurus-input input:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } 
.inputosaurus-input-hidden { display: none; }

ul.ui-autocomplete { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); min-width:425px; max-width:425px; }

/* TimePicker */
 .ti_tx, .mi_tx, .mer_tx { width: 100%; text-align: center; }
 .time, .mins, .meridian { color: #2d2e2e; float: left;font-size: 12px;margin: 0; width: 40px }
 .prev, .next { border: 1px solid #f6f6f6; border-radius: 2px; cursor: pointer; font-size: 16px; line-height:0; margin: auto; width: 25%; }  
 .prev { padding: 13px 13px 3px 3px; } 
 .next { padding: 5px 13px 10px 3px; } 
 .prev:hover, .next:hover{ background-color:#3F8AF7; color:#fff; } 
 .time_pick{ position:relative;}
.timepicker_wrap{  padding: 10px; border-radius: 5px; z-index: 999; display:none; width:140px; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.2); background:#fff; float:left; position:absolute; top:32px; left:0px!important; line-height:30px;}
.arrow_top{  position: absolute; top: -10px; left: 20px; width: 18px; height: 10px; z-index: 3; }

/* Mail Merge Field */
.ui-accordion .icon  { border: 1px solid; border-radius: 20px; }
.ui-accordion-content {}
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; text-align: left; position: relative; color:#848484; padding:10px; min-height: 0; font-size: 100%; line-height:20px; } 
.ui-accordion .ui-accordion-icons { }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { background-color: #F7F9FC; border-top: 0 none; max-height: 370px; overflow: auto; } 
.ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); }

.ui-accordion-content-active { border-bottom: 1px solid #cecece !important; }

.ui-state-active { background-color:#848484; color:#fff !important; font-size:14px !important; }
.mail-merge .ui-state-default{ background-color: #ffffff; border: 1px solid #cecdcb; clear: both; color: #3F8AF7; display: block; margin: 12px auto; text-indent: 16px; width: 95%; } 
.mail-merge .ui-state-active { background-color: #3F8AF7; color:#fff;font-size: 12px !important; }

/* CK Editor */
.cke_contents { height: 370px !important; border:1px solid #cecece !important; }


/* Login Page Slider */
.outer { display: table; position: absolute; height: 100%; width: 100%; }
.middle { display: table-cell; vertical-align: middle; } 
.inner { height: 470px; margin-left: auto; margin-right: auto; width: 1090px; }
.demo_wrapper { width: 50%; margin: 0 auto; }
.demo_block { width: 100%; }
.slider-button { position: absolute; right: 0; top: 0; z-index: 999; margin-right:80px; margin-top:225px; }
.slider-button a:hover{opacity:.9}
.slider-footer {/* background-color:#797979; */ background-color:#ffffff; height:142px; line-height:20px; text-align:center;float:left;width:100%; }
.slider-footer.pmc {    height: 238px; padding-top: 106px;}
.loginCarousel { overflow: hidden; }
.loginCarousel #Logins{ width: 1301px; height: 528px; position: relative; transition: all .5s ease; left:0px}
.loginCarousel #Logins.animate{ left: -650px;}
.loginCarousel #Logins li{ transition: all .5s ease; position: relative; width: 650px; display: table-cell; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .loginCarousel #Logins li{ transition: all .5s ease; position: relative; width: 650px; display: inline; float:left }
}
#login_video a { bottom: 30px; }
#login_video .login_video_container { bottom: 50px; }
.scrollButtons { text-align: center; position: absolute; bottom: 0; height: 22px;}
.scrollButtons span { display: inline-block; width: 13px; height: 13px; background: white; border-radius: 9px; margin: 0 3px; border: 1px solid #009cd7; cursor:pointer}
.scrollButtons span:hover {background: #009cd7;}
.scrollButtons span.active{    background: #009cd7;}
.moreInfoLabel {padding-top:24px;}
/* Tabs */
.ui-tabs {}
.ui-tabs ul { width:100%; }
.ui-tabs ul li { float: left; text-align: center;padding:0 5px;line-height: 42px; }
.ui-tabs ul li a {  width:25%; text-align:center; padding:5px; }
.ui-tabs-panel {}
.ui-tabs-nav .ui-state-default { color: #555555; position: relative; top: 1px; }
.ui-tabs-active.ui-state-active { background-color: #f7f8f9; font-size:12px !important; border:0; border-bottom:none; position: relative; top: 1px; }
.ui-tabs-active.ui-state-active a {color:#555555 !important}
.ui-tabs li.tab-border { border:1px solid #ccc; border-bottom:0; }


/* Tooltip 2 */
.tooltip2 { position: relative; }
.tooltip2 strong { line-height: 30px; }
.tooltip2 > span { border-radius: 3px; box-shadow: 2px 2px 2px #999; font-size: 12px; margin-left: -120px; margin-top: 0; opacity: 0; padding: 10px 20px; position: absolute; visibility: hidden; width: 300px; z-index: 10; }
.tooltip2:hover > span { display: inline; margin-left: -170px; margin-top: 35px; opacity: 1; overflow: visible; text-decoration: none; visibility: visible; }
.tooltip2 span b { box-shadow: 0 1px 0 #fff inset; display: block; height: 15px; margin-left: 125px; margin-top: -18px; position: absolute; transform: rotate (-45deg); width: 15px; }
.tooltip2 > span { background: none repeat scroll 0 0 #fff; box-shadow: 0 0 3px 1px silver; } 
.tooltip2 span b { background: none repeat scroll 0 0 #fff; }

/* Black tooltip */
[data-tooltip] { position: relative; z-index: 2000; cursor: pointer; font-style: normal; white-space: normal !important; }
[data-tooltip]:before, [data-tooltip]:after { transition: all 0.4s ease 0s; -webbkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha Opacity=0); opacity: 0; pointer-events: none; }
[data-tooltip]:before { box-shadow:0px 0px 2px 0px gray; position: absolute; bottom: 120%; left: 50%; margin-bottom: 5px; margin-left: -100px; padding: 7px; width: 200px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); font-size: 12px; line-height: 1.2; font-style: normal; }
[data-tooltip]:after { position: absolute; bottom: 120%; left: 50%; margin-left: -3px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; }
[data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } 

/**/
.table-property-import .wrapper-dropdown .dropdown { max-height:200px; }
.dropdown-last{ top:auto!important; bottom:100% !important; }

/* Gradient BG Color */

.notification_bar_success
{    
    background: #00b465;
    background: -moz-linear-gradient(left,  #00b465 0%, #006fd5 100%);
    background: -webkit-linear-gradient(left,  #00b465 0%,#006fd5 100%);
    background: linear-gradient(to right,  #00b465 0%,#006fd5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b465', endColorstr='#006fd5',GradientType=1 );
}

.notification_bar_danger
{    
    background: #d9534f;
    background: -moz-linear-gradient(left,  #d9534f 0%, #fe7892 100%);
    background: -webkit-linear-gradient(left,  #d9534f 0%,#fe7892 100%);
    background: linear-gradient(to right,  #d9534f 0%,#fe7892 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9534f', endColorstr='#fe7892',GradientType=1 );
}

.notification_bar_primary
{    
    background: #a177ff;
    background: -moz-linear-gradient(left,  #a177ff 0%, #02ceff 100%);
    background: -webkit-linear-gradient(left,  #a177ff 0%,#02ceff 100%);
    background: linear-gradient(to right,  #a177ff 0%,#02ceff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a177ff', endColorstr='#02ceff',GradientType=1 );
}
      
.notification_bar_info
{    
    background: #02ceff;
    background: -moz-linear-gradient(left,  #02ceff 0%, #9ce7f4 100%);
    background: -webkit-linear-gradient(left,  #02ceff 0%,#9ce7f4 100%);
    background: linear-gradient(to right,  #02ceff 0%,#9ce7f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02ceff', endColorstr='#9ce7f4',GradientType=1 );
}

.notification_bar_warning
{    
    background: #ffa350;
    background: -moz-linear-gradient(left,  #ffa350 0%, #fe7892 100%);
    background: -webkit-linear-gradient(left,  #ffa350 0%,#fe7892 100%);
    background: linear-gradient(to right,  #ffa350 0%,#fe7892 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa350', endColorstr='#fe7892',GradientType=1 );
}
     


.notification_text {
  float: left;
  max-width: 900px;
  padding-left: 20px;
  padding-right: 20px;
  width: 900px;
}


/* REST Sidebar */

.sidenav {
    height: 700px;
    width: 0;
    position: absolute;
    z-index: 101;
    top: 100px;
    right: 0;
    background-color: #fff;
    overflow: hidden;
    transition: 0.5s;
}

.sidenav a.closebtn {
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a.closebtn:hover, .offcanvas a.closebtn:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    left:0;
    font-size: 36px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.restsidebutton {
  float: right;
  top: 45.56%;
  right:-180px !important;

  -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


/* Email log loading */
#emaillogs .ui-autocomplete-loading { background-color: white; background:url('images/searchloading.gif') no-repeat 90% center; background-size: 20px; }