/*-------------------------------------------------------------------------------------*/
/*---Animations------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

    @keyframes shake {
      10% {transform: translate(-2px, 0);}
      90% {transform: translate(-2px, 0);}
      20%, 80% {transform: translate(4px, 0);}
      30%, 50%, 70% {transform: translate(-8px, 0);}
      40%, 60% {transform: translate(8px, 0);}
    }

    *{
        transition: 0.2s;
        transition-timing-function: ease-in-out;
    }

    span, sup, .ui-datepicker, .shake, .ui-sortable *{
        transition: 0s;
    }

    grammarly-ghost, .textarea, .ntran *{
        transition: none;
    }

    @keyframes highlight {
      0% {transform: scale(0.1);}
      50% {transform: scale(1.2);}
      100% {transform: scale(1);}
    }

    @keyframes highlighthide {
      0% {transform: scale(1);}
      50% {transform: scale(1.2);}
      100% {transform: scale(0);}
    }

    .shake{z-index: 6; position: relative; animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;  transform: translate(0, 0);}
    .highlights{animation: highlight 0.8s; transform: scale(1);}
    .highlighthide{animation: highlighthide 1s; transform: scale(0.1);}

    @keyframes groww {
        from { width: 0;}
        to   { width: 30%;}
    }
    @keyframes growws {
        from { width: 30%;}
        to   { width: 100%;}
    }

    .load{
        width: 30%;
        height: 2px;
        background: #637692;
        display: block;
        animation: groww 3s linear;
        margin: 12px 0 0 0;
        display: none;
    }
    .loads{
        width: 100%;
        height: 2px;
        background: #637692;
        display: block;
        animation: growws 8s linear;
        margin: 12px 0 0 0;
    }
    .loadq{
        width: 100%;
        height: 2px;
        background: #637692;
        display: block;
        animation: growws 2s linear;
        margin: 12px 0 0 0;
    }
    .loadc{
        width: 100%;
        height: 2px;
        background: #637692;
        display: block;
        margin: 12px 0 0 0;
        animation: none;
    }

    a{text-decoration: none; color: #3367d6; cursor: pointer;}
    .left_column a{text-decoration: none; color: #000000; cursor: pointer;}
    a.lc_save{text-decoration: none; color: #FFF; cursor: pointer;}
    a:hover{text-decoration: underline;}

/*-------------------------------------------------------------------------------------*/
/*---END Animations--------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------*/
/*---General Styles--------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

    body {
        -webkit-touch-callout: none ;
        -webkit-text-size-adjust: none ; -ms-text-size-adjust: none ;
        /*-webkit-user-select: none ; -moz-user-select: none ; -ms-user-select: none ; user-select: none ;*/
        -webkit-highlight: none ;
        -webkit-tap-highlight-color: rgba(0,0,0,0) ;
        -webkit-tap-highlight-color: transparent ;      /* For some Androids */
    }

    /* Recommended for Windows 8 Phone */
    /* SOURCE: http://www.excellentwebworld.com/common-problems-solution-for-windows-phone-8-phonegap */
    html {
        -ms-touch-action: pan-x ;
    }

    /* Recommended for Windows 8 Phone */
    /* SOURCE: http://www.excellentwebworld.com/common-problems-solution-for-windows-phone-8-phonegap */
    body {
        -ms-touch-action: pan-y ;
        -ms-content-zooming: none ;
    }

    /* allow copy-paste */
    input, textarea  {
        -webkit-user-select: text ; -moz-user-select: text ; -ms-user-select: text ; user-select: text ;
    }

    body {
        /* margin: 0.5rem ; */
        background: white ;
        color: black ;
    }

    .fl{float: left;}
    .fr{float: right;}
    .cb{clear: both;}
    
    .rel{position: relative;}
    .abs{position: absolute;}
    .fix{position: fixed;}

    .hidden{display: none !important;}

    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 0;
        background: #637692; 
    }
    ::-webkit-scrollbar-thumb:window-inactive {
        background: #637692; 
    }

/*-------------------------------------------------------------------------------------*/
/*---END General Styles----------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---General Template - Default fonts, colors, margins, padding--------------------------------*/
/*---------------------------------------------------------------------------------------------*/

	html,body{overflow: hidden; }
	
	body{font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; line-height: 1.5;}

	p, h1, h2, .h1, .h2, h3, h4 {padding: 0; margin: 0;}
	h1, h2, .h1, .h2, h3, h4 	{line-height: 1.2;}

	.sp{height: 40px;}
	.sp.last{height: 60px;}
	
	h1, .h1 {font-size: 1.9em; color: #8d8d8d; font-family: 'Open Sans', sans-serif; text-transform: uppercase; padding-bottom: 5px; font-weight: 700;}
	h2, .h2 {font-size: 1.14em; color: #4D4D4D; font-family: 'Open Sans', sans-serif; font-weight: 300; text-transform: none; padding-top: 4px;padding-bottom: 10px; }
	h3, .h3 {font-size: 0.8em;}

    .h1{
        color: #424242;
        font-size: 24px;
        padding: 0;
        font-family: 'Open Sans', sans-serif;
        text-transform: none;
    }

    .right_column .h1{
        padding: 9px 0;
    }
	
	/*.hbsp_1{}*/
	.hbsp_2{margin-bottom: 12px;}
	
	.sz{margin: auto;}
    .header_wrapper .sz{max-width:1980px !important;}
    .fa-spin { -webkit-filter: blur(0); }

    .status{text-align: center;}
    .button{
        padding: 8px 12px;
        display: table;
        margin: auto;
        background: #637692;
        border: 1px solid #637692;
        color:  #FFF;
        cursor: pointer;
        min-width: 142px;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        border-radius: 2px;
        font-size: 14px;
        font-family: "Open Sans";
    }
    .button:hover{
        color: #637692;
        background: #FFF;
    }

    .button.red{
        background: #f44336;
        border: 1px solid #f44336;
    }
    .button.red:hover{
        color: #f44336;
        background: #FFF;
    }

    .button .fa{
        font-size: 20px;
        line-height: 20px;
    }

    .button.lc_save{
        border: 1px solid #3d7aed;
    }

    .dd-options .button{
        min-width: 0;
    }

    .oops{
        color: darkred;
        font-size: 20px;
        text-align: center;
        display: block;
    }

    .line{
        height: 1px;
        background: #d0d0d0;
        margin: 28px 0 23px 0;
    }

    .error_message{
        max-width: 380px;
        height: 160px;
        overflow: auto;
        display: block;
        margin-bottom: 20px;
    }

    .tbl{
        display: table;
    }

    .tr{
        display: table-row;
    }

    .td{
        display: table-cell;
    }

/*---------------------------------------------------------------------------------------------*/
/*---END General Template - Default fonts, colors, margins, padding----------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---Area Styles-------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

    .loading, .nointernet, .error, .login, .register, .accountselect, .autologout, .wizard, .profile_wizard, .new_account_wizard, .account_wizard, .forgot_password{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #FFF;
        background-size: cover !important;
    }

    .loading, .login, .register, .accountselect, .wizard, .profile_wizard, .new_account_wizard, .account_wizard, .forgot_password{
        z-index: 300;
        background: URL(../../images/grey-back.svg);
    }
    .nointernet, .autologout{
        z-index: 500;
        background: URL(../../images/orange-back.svg);
    }
    .error{
        z-index: 400;
        background: URL(../../images/red-back.svg);
    }

    .appready{
        position: relative;
        z-index: 1;
    }

    .loading .fa{
        font-size: 60px;
        margin: auto;
        display: table;
        margin-top: 12px;
    }

    .logo{
        width: 280px;
        height: 74px;
        background: URL(../../images/find-properties-colour.svg) no-repeat;
        margin: auto;
    }

    .appready, .nointernet, .error, .login, .accountselect, .autologout, .wizard, .profile_wizard, .new_account_wizard, .account_wizard, .forgot_password{
        display: none;
    }

    .nointernet .loadingcc{
        top: -103px;
    }
    .error .loadingcc{
        top: -175px;
        left: -150px;
    }

    .loadingc{
        position: fixed;
        top: 50%;
        left: 50%;
    }

    .loadingcc{
        top: -44px;
        left: -140px;
        position: relative;
    }

    .top_spacer{
        width: 40px;
        height: 65px;
    }

    .top_bar{
        background: rgba(255,255,255,0.36);
        position: fixed;
        top: 0;
        height: 53px;
        padding: 6px;
        left: 0;
        right: 0;
        z-index: 2;
    }

    .top_bar .logo{
        width: 180px;
        height: 43px;
        padding: 4px;
        margin: 0 0;
    }

    .bgi{
        position: relative;
        z-index: 1;
        background: URL(../images/real-estate-for-sale-rentals-auctions-new-zealand-5.jpg) no-repeat;
        background-size: cover;
        padding: 20px;
    }

    .fawei{
        font-family: Fontawesome;
    }

    .placeholder{
        padding-top: 3px;
        color:  #1f1f1f;
        pointer-events: none;
        font-size: 13px;
        z-index: 1;
    }

    ::-webkit-input-placeholder {
       color: #a7a7a7 !important;
    }

    :-moz-placeholder { /* Firefox 18- */
       color: #a7a7a7 !important;  
    }

    ::-moz-placeholder {  /* Firefox 19+ */
       color: #a7a7a7 !important;  
    }

    :-ms-input-placeholder {  
       color: #a7a7a7 !important;  
    }

    .plsh, .plsh input{
        height: 30px;
        border: none;
        border-bottom: 1px solid #637692;
        padding: 20px 0 0 0;
        margin-bottom: 12px;
        width: 100%;
        outline: none;
        max-width: 300px;
    }

    .plsh input{
        padding: 0;
    }

    .loadingcc .plsh{
        max-width: 100%;
    }

    .plsh.ntp{
        padding-top: 0 !important;
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px white inset;
    }

    .copyrightf{
        left: 0;
        right: 0;
        bottom: 10px;
        text-align: center;
        font-size: 11px;
        padding: 0 20px;
        z-index: 500;
    }

/*---------------------------------------------------------------------------------------------*/
/*---END Area Styles---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---Login-------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

    .login .status{
        text-align: left;
    }

    .login .loadingcc{
        width: 350px;
        left: -199px;
        top: -184px;
        background: #FFF;
        padding: 24px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    }

    .login .logo{
        width: 180px;
        height: 43px;
        background: URL(../../images/find-properties-colour.svg) no-repeat;
        margin: 0;
    }

    .signin{
        display: block;
        font-size: 28px;
        font-family: "Open Sans";
    }

/*---------------------------------------------------------------------------------------------*/
/*---END Login---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---Register----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

    .register{
        display: none;
    }

    .register .status{
        text-align: left;
    }

    .register .loadingcc{
        width: 350px;
        left: -199px;
        top: -184px;
        background: #FFF;
        padding: 24px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    }

    .register .logo{
        width: 180px;
        height: 43px;
        background: URL(../../images/find-properties-colour.svg) no-repeat;
        margin: 0;
    }

    .signin, .registertext{
        display: block;
        font-size: 28px;
        font-family: "Open Sans";
    }

    .regstep2, .regstep3, .wizstep2, .wizstep3, .wizstep4{
        display: none;
    }

    .statuserror{
        color: #862000;
    }

    .loadingi{
        padding: 14px 0 34px 0;
        display: none;
    }

    .password_checks{
        width: 49%; text-align: left; margin-top: 6px;
    }

    .hin{
        width: 164px;
    }

/*---------------------------------------------------------------------------------------------*/
/*---END Register------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---Select Account----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

    .accountsselect{
        margin-bottom: 20px;
        border-top: 1px solid rgba(100, 118, 146, 0.48);
    }

    .selectaccount{
        padding: 16px 8px;
        border-bottom: 1px solid rgba(100, 118, 146, 0.48);
        line-height: 16px;
        cursor: pointer;
    }

    .selectaccount:hover{
        color: #FFF;
        background: #637692;
    }

    .selectaccount .fa{
        line-height: 16px;
    }

    .selectaccount .fl {
        font-size: 16px;
        height: 17px;
        overflow: hidden;
        text-align: left;
        max-width: 90%;
    }

    .accountselect .logo{
        width: 180px;
        height: 43px;
        background: URL(../../images/find-properties-colour.svg) no-repeat;
        margin: 0;
    }

    .accountselect .loadingcc{
        width: 350px;
        left: -199px;
        top: -184px;
        background: #FFF;
        padding: 24px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    } 

    .logouttime{
        font-size: 65px;
        text-align: center;
        line-height: 80px;
        padding: 20px;
        width: 80px;
        border: 4px solid #637692;
        border-radius: 100px;
        margin: auto;
    }

/*---------------------------------------------------------------------------------------------*/
/*---END Select Account------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---Wizard------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

    .wizard .loadingcc, .profile_wizard .loadingcc, .new_account_wizard .loadingcc, .account_wizard .loadingcc, .forgot_password .loadingcc{
        width: 350px;
        left: -199px;
        top: -184px;
        background: #FFF;
        padding: 24px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    }

    .wizard .logo, .profile_wizard .logo, .new_account_wizard .logo, .account_wizard .logo, .forgot_password .logo{
        width: 135px;
        height: 34px;
        background: URL(../../images/find-properties-colour.svg) no-repeat;
        margin-top: 0px;
    }

    .wizard .status, .profile_wizard .status, .new_account_wizard .status, .account_wizard .status, .forgot_password .status{
        text-align: left;
    }

/*---------------------------------------------------------------------------------------------*/
/*---END Wizard--------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---APP General-------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

    @keyframes loadings {
        from { left: -50%;}
        to   { left: 100%;}
    }

    .modal_heading{
        background: rgba(66, 66, 66, 1);
        color: #FFF;
        font-size: 24px;
        padding: 14px;
        font-family: 'Open Sans', sans-serif;
    }

    .modal{
        position: fixed;
        background: rgba(0,0,0,0.5);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
        display: none;
    }

    .modal_progress{
        display: none;
        padding: 12px;
        text-align: center;
    }

    .modal_progress .load{
        margin-top: 6px;
    }

    .modal_buttons{
        padding: 0 12px;
    }

    .modal_buttons .button{
        min-width: 104px;
    }

    .modal_cc {
        padding: 0 12px 12px 12px;
        margin: 12px 0;
        height: 348px;
        overflow: auto;
    }

    .modal_content{
        position: fixed;
        margin: auto;
        width: 500px;
        min-height: 500px;
        background: #FFF;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .small_mobile .modal_content{
        position: fixed;
        margin: auto;
        width: auto;
        min-height: auto;
        background: #FFF;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        transform: translate(0,0);
    }

    .small_mobile .modal_cc{
        position: fixed;
        top: 64px;
        bottom: 64px;
        left: 0;
        right: 0;
        height: auto;
        margin: 0;
    }

    .small_mobile .modal_progress, .small_mobile .modal_buttons{
        position: fixed;
        bottom: 12px;
        left: 0;
        right: 0;
    }

    .loadingsection{
        position: fixed;
        top: 64px;
        height: 6px;
        background: rgba(100, 118, 146, 0.15);
        right: 0;
        z-index: -1;
        display: none;
    }

    .loadingsection .bar{
        background: rgba(100, 118, 146, 1);
        height: 100%;
        width: 75%;
        position: relative;
        animation: loadings 1s infinite;
    }

    .appready .logoc{
        left: 0;
        position: fixed;
        z-index: 2;
        height: 44px;
        padding: 10px 16px;
        width: 191px;
        background: #424242;
    }
    .appready .logo{
        height: 44px;
        width: 185px;
        background: URL(../../images/find-properties-white.svg) no-repeat;
        margin: 0;
    }

    .appready .tob_bar{
        right: 0;
        height: 64px;
        z-index: 1;
        background: rgba(66, 66, 66, 0.8);
        position: fixed;
    }

    .tob_bar .breadcrumb{
        color: #FFF;
        font-size: 24px;
        padding: 14px;
        font-family: 'Open Sans', sans-serif; 
    }

    .breadcrumb a{
        color: #FFF;
        text-decoration: none;
    }

    .tob_bar .mleft{
        color: #FFF;
        background: #424242;
        padding: 12px;
        font-size: 24px;
        line-height: 40px;
        border-left: 2px solid #383838;
    }

    .useroption .fa{
        width: 21px;
        text-align: center;
    }

    .tob_bar .mleft:hover{
        background: #FFF;
        color: #424242;
        cursor: pointer;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    }

    .appready .copyrightf{
        bottom: 0;
        padding: 8px;
        background: #424242;
        color: #FFF;
    }

    .appready .menu{
        top: 64px;
        bottom: 32px;
        width: 223px;
        background: #424242;
        position: fixed;
        z-index: 2;
        overflow: auto;
    }

    .appready .body{
        position: fixed;
        top: 64px;
        right: 0;
        bottom: 32px;
        overflow: auto;
    }

    .left_column{
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        background: #F5F5F5;
        bottom: 0;
        border-right: 1px solid rgba(0,0,0,0.08);
        padding: 20px 0;
    }

    .left_column .spacer{
        height: 1px; background: #666;
        margin: 20px 0;
    }

    .left_column a{
        text-decoration: none;
        display: block;
        padding: 10px;
    }

    .left_column a:hover{
        background: rgba(100, 118, 146, 0.2);
    }

    .left_column a.active{
        background: #637692;
        color: #FFF;
    }

    .lc_save{
        background: #3d7aed;
        color: #FFF;
    }
    .lc_save:hover{
        background: #FFF;
        color: #3d7aed;
    }

    .right_column{
        position: absolute;
        top: 0;
        left: 151px;
        bottom: 0;
        right: 0;
        padding: 20px;
        overflow: auto;
        overflow-x: hidden;
    }
    .full_column{
        padding: 20px;
    }

    .small_mobile .left_column{
        display: none;
    }
    .small_mobile .right_column{
        left: 0;
    }

    .useri {
        color: #FFF;
        font-size: 14px;
        padding: 11px 4px 2px 24px;
        height: 51px;
        margin-right: 20px;
    }

    .useroptions {
        position: absolute;
        background: #e6e6e6;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        right: 20px;
        width: 180px;
        display: none;
        top: 61px;
        color: #000;
    }

    .useroption{
        padding: 12px;
        border-bottom: 1px solid #CCC;
    }
    .useroption:hover{
        background: #FFF;
        cursor: pointer;
    }

    .useri:hover .useroptions{
        display: block;
    }

    .mhidden .menu.showsmall{
        left: -188px !important;
    }

    .desktop .appready .menu, .desktop .appready .logoc{
        transition: 0.3s;
        left: 0;
    }
    .desktop .appready .body, .desktop .appready .tob_bar, .desktop .loadingsection{
        transition: 0.3s;
        left: 223px;
    }

    .desktop .appready.mhidden .menu, .desktop .appready.mhidden .logoc{
        transition: 0.3s;
        left: -223px;
    }
    .desktop .appready.mhidden .body, .desktop .appready.mhidden .tob_bar, .desktop .loadingsection.mhidden{
        transition: 0.3s;
        left: 0;
    }
    
    .menu .item{
        padding: 16px;
        text-align: left;
        color: #FFF;
        font-size: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.27);
        cursor: pointer;
    }

    .menu .item.active{
        background: #777;
    }
    .menu .item:hover{
        background: #dadada;
        color: #000;
    }

    .menu .item .fa {
        width: 21px;
        text-align: center;
        display: inline-block;
        line-height: 20px;
    }

    .accountni {
        max-width: 216px;
        height: 20px;
        overflow: hidden;
        display: inline-block;
    }

    .accountni span{
        max-width: 1000px;
        display: inline-block;
    }

    .useri .fad{
        padding: 16px 4px 16px 12px;
    }

    .add{
        color: #FFF;
        background: #637692;
        border: 1px solid #637692;
        width: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 100px;
        font-size: 29px;
        padding: 8px;
        font-weight: bold;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24);
        margin-bottom: 16px;
        margin-right: 16px;
    }
    .add:hover{
        color: #637692;
        background: #FFF;
        cursor: pointer;
    }

    .add.small{
        font-size: 25px;
        width: 20px;
        line-height: 20px;
    }

    .filter{
        width: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 18px;
        padding: 8px;
        font-weight: bold;
        margin-bottom: 16px;
        color: #424242;
        border-radius: 100px;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24);
        border: 1px solid #efefef;
    }
    .filter:hover{
        background: #efefef;
        cursor: pointer;
    }

    .statusm{
        background: whitesmoke;
        padding: 12px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-left: none;
        border-right: none;
    }
    .statuse, #card-errors{
        background: #ffe9e7;
        padding: 12px;
        border: 1px solid #f44336;
        border-left: none;
        border-right: none;
        display: none;
    }
    #card-errors{
        margin-top: 12px;
    }

    .statusef{
        background: #637692;
        padding: 12px;
        border: 1px solid #637692;
        border-left: none;
        border-right: none;
        color: #FFF;
    }
    .statusef a{
        color: #FFF;
        border-bottom: 1px solid rgba(255,255,255,0.75);
        text-decoration: none !important;
    }

    .tac{text-align: center;}
    .tal{text-align: left;}
    .tar{text-align: right;}
    .taj{text-align: justify;}

    .large_number {
        padding: 0 12px 12px 12px;
        text-align: center;
        font-size: 59px;
        line-height: 69px;
    }

    .stat_block {
        padding: 12px 24px;
        font-size: 28px;
        border-right: 1px solid #FFF;
    }

    .stat_block_text{
        font-size: 14px;
        line-height: 14px;
        display: block;
    }

    .stat_block.blue{
        background: #5e97f6;
        color: #FFF;
    }
    .stat_block.red{
        background: #db4437;
        color: #FFF;
    }
    .stat_block.green{
        background: #0f9d58;
        color: #FFF;
    }
    .stat_block.purple{
        background: #43459d;
        color: #FFF;
    }
    .stat_block.orange{
        background: #FF9900;
        color: #FFF;
    }

/*---------------------------------------------------------------------------------------------*/
/*---END APP General---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---Form Elements-----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

    .radio .option{
        border: 1px solid #637692;
        padding: 12px;
        width: calc(50% - 32px);
    }

    .radio .option .fa{
        display: inline-block;
        margin-right: 9px;
    }

    .dropdown{
        cursor: pointer;
    }

    .dropdown > .fr, .dropdown > .fl{
        line-height: 30px;
    }

    .del{
        padding: 0 8px;
        margin-right: 8px;
        background: #637692;
        color: #FFF;
        border: 1px solid #637692;
        line-height: 29px;
        cursor: pointer;
    }
    .del:hover{
        background: #FFF;
        color: #637692;
    }

    .dropdown .del{
        border-bottom: none;
    }

    .dd_options{
        width: 100px;
        max-height: 252px;
        overflow: auto;
        background: #e6e6e6;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        position: absolute;
        display: none;
        z-index: 5;
    }

    .dd_option{
        padding: 10px;
        border-bottom: 1px solid #CCC;
        cursor: pointer;
    }
    
    .dd_option:hover{
        background: #FFF;
    }

    .dropdown.hover .dd_options{
        display: block;
    }

    .dd_option .fa{
        display: inline-block;
        width: 16px;
        text-align: center;
    }

    .kwsearch{
        width: 170px;
        margin-right: 20px;
    }

    .kwsearch > div > .fl{
        width: 140px;
    }

    .mobile .kwsearch .plsh, .mobile .kwsearch .plsh input{
        max-width: 100%;
    }
    .mobile .list_heading .plsh, .mobile .list_heading .plsh input{
        max-width: 100%;
    }

    .mobile .kwsearch{
        width: 100%;
        clear: both;
        margin-right: 0;
    }

    .mobile .kwsearch > div > .fl{
        width: calc(100% - 30px);
    }

    .kwsearch > div > .fr .fa{
        width: 30px;
        text-align: center;
        display: inline-block;
        margin-top: 20px;
        line-height: 30px;
        border-bottom: 1px solid #637692;
    }

    .kwsearch:hover > div > .fr .fa{
        color: #FFF;
        background: #637692;
        cursor: pointer;
    }

    .cb_option{
        margin: 6px;
        padding: 10px;
        border: 1px solid #637692;
        float: left;
        min-width: 180px;
        cursor: pointer;
    }

    .cb_option.active, .cb_option:hover{
        background: #637692;
        color: #FFF;
    }

    .cb_option .fa{
        width: 13px;
    }

    textarea, textarea.plsh{
        width: 100%;
        height: 150px;
        margin-top: 12px;
        font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
        max-width: 100%;
    }

    input{
        font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    }

    .option_text{
        font-size: 11px;
    }

    .note{
        display: table;
        background: whitesmoke;
        padding: 12px;
        font-size: 12px;
        border: 1px solid rgba(0, 0, 0, 0.12);
    }

    input.ddtext{
        max-width: 285px;
        margin-bottom: 0;
    }

    .small_mobile .right_column .button{
        min-width: 100px;
    }

/*---------------------------------------------------------------------------------------------*/
/*---END Form Elements-------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---Lists-------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

    .edit_menu{
        background: #FFF;
        color: #000 !important;
        left: 28px;
        top: -47px;
        width: 170px;
    }

    .edit_menu_option{
        padding: 10px;
        width: 150px;
    }

    .edit_menu .spacer{
        width: 100%;
        height: 1px;
        margin: 6px 0;
        background: #CCC;
    }

    .edit_menu2 {
        left: 198px;
        top: -125px;
        display: none;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        z-index: 6;
    }

    .edit_menu2_white {
        width: 4px;
        height: 39px;
        left: -4px;
        top: 117px;
        pointer-events: none;
        background: #637692;
    }

    .edit_menu_option .fa{
        width: 25px;
        text-align: center;
        display: inline-block;
    }

    .edit_menu_option:hover, .edit_menu_option.hover{
        background: #637692;
        color: #FFF;
    }

    .edit_but{
        width: 146px;
        border-right: 4px solid #637692;
    }

    .edit_button{
        width: 100%;
    }

    .elipsis{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .list{
        display: table;
        width: 100%;
    }

    .list_heading, .list_row{
        display: table-row;
    }

    .list_heading .list_item{
        border-color: rgba(100, 118, 146, 0.7);
        color: #000;
    }

    .list_heading{
        background: rgba(104, 104, 104, 0.15);
    }

    .list_item{
        display: table-cell;
        padding: 8px;
        border: 1px solid #637692;
        border-left-color: #FFF !important;
        border-right-color: #FFF !important;
        vertical-align: middle;
    }

    .list_item.actions{
        width: 100px;
        text-align: right;
    }

    .list_row .list_item{
        border-color: rgba(100, 118, 146, 0.39);
        font-size: 13px;
    }

    .list .list_row .list_item{
        border-top: none;
    }

    .list .list_row:nth-child(odd){
        background: rgba(104, 104, 104, 0.05);
    }

    .clickable{
        cursor: pointer;
    }

    .list_row:hover{
        background: rgb(99, 118, 146, 0.2) !important;
        color: #000 !important;
    }

    .list_item.clickable:hover{
        background: #637692 !important;
        color: #FFF !important;
    }

    .list_row *{
        transition: 0s;
    }

    .nt{
        font-size: 16px !important;
        vertical-align: middle;
    }

    .list_row.active{
        background: rgb(99, 118, 146, 0.40) !important;
        color: #000 !important;
    }

    .list .list_row:nth-child(odd).active{
        background: rgba(237, 61, 63, 0.2) !important;
        color: #000 !important;
    }

    .selected{
        position: absolute;
        left: 0;
        right:  0;
        background: #637692;
        color: #FFF;
        z-index: 5;
        font-size: 16px;
        padding: 3px;
        margin: 0px 20px;
        transition: 0s;
    }

    .selected .dd_options{
        color: #000;
        width: 150px;
        font-size: 14px;
    }

    .selected .dropdown{
        margin-bottom: 0;
        padding: 9px 12px 8px 12px;
    }

    .mobile .selected .dropdown{
        padding: 4px;
    }

    .total_selected, .with_selected{
        padding: 12px;
    }
    
    .mobile .total_selected, .mobile .with_selected{
        padding: 6px;
        font-size: 13px;
    }

    .selected_spacer{
        height: 48px;
        width: 1px;
        background: rgba(255,255,255,0.8);
    }

    .mobile .selected_spacer {
        height: 31px;
    }

    .mobile .selected .dropdown{
        width: 120px;
    }

    .mobile .selected .ddtext{
        font-size: 13px;
        padding-left: 4px;
    }

    .mobile .selected .dropdown > .fl, .mobile .selected .dropdown > .fr{
        line-height: 24px;
    }

    .selected .dropdown{
        width: 150px;
    }

    .mobile .notifications .notification{
        min-width: 286px;
    }

    .pagin .fa {
        font-size: 28px;
        width: 20px;
        padding: 4px;
        line-height: 12px;
        text-align: center;
        cursor: pointer;
    }
    .pagin .fa.disabled {
        pointer-events: none;
        opacity: 0.1;
        cursor: not-allowed;
    }

    .mobile .list, .mobile .list_heading, .mobile .list_row, .mobile .list_item{
        display: block;
    }

    .mobile .mhidden{display: none;}

    .mobile .list_heading{
        background: none;
    }

    .mobile .list_heading .dd_options{
        width: 100%;
    }

    .mobile .list_item{
        border: none;
    }

    .mobile .list_row{
        margin-bottom: 20px;
    }

    .mobile .list_row{
        display: block;
        padding: 6px;
        border: 1px solid rgba(99, 118, 146, 0.40);
        text-align: center;
    }

    .mobile .list_row.active{
        border: 1px solid rgba(99, 118, 146, 1);
    }

/*---------------------------------------------------------------------------------------------*/
/*---END Lists---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---Notifications-----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

    .notifications{
        width: auto; display: table;
        position: fixed; top: 20px;
        z-index: 1001;
        margin: auto;
        left: 50%;
        transform: translate(-50%,0);
    }

    .notification .confirm{
        display: table;
        margin: auto;
        padding: 12px 0;
    }

    .notification .no{
        padding: 8px;
        width: 60px;
        background: #2196F3;
        border: 1px solid #2196F3;
        color: #F5F5F5;
        margin: 0 2px;
        cursor: pointer;
    }

    .notification .yes{
        padding: 8px;
        width: 60px;
        background: #B5190D;
        border: 1px solid #B5190D;
        color: #F5F5F5;
        margin: 0 2px;
        cursor: pointer;
    }
    .notification .yes:hover{
        background: #F5F5F5;
        color: #B5190D;
    }
    .notification .no:hover{
        background: #F5F5F5;
        color: #2196F3;
    }

    .notifications .notification{
        border: 1px solid #CCC;
        background: #F5F5F5;
        padding: 16px 16px 16px 16px; margin-bottom: 8px;
        min-width: 400px;
        text-align: center;
    }

    .notifications .notification.nblue{
        border: 1px solid #2196F3;
        background: #2196F3;
        color: #F5F5F5;
    }

    .fullt{letter-spacing: normal;}

    .notifications .notification.nblue .loadc{
        background: #F5F5F5;
    }

/*---------------------------------------------------------------------------------------------*/
/*---END Notifications-------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---Respond-----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

    .rotate{
        z-index: 500;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #637692 URL(../../images/mobile-hint.png) no-repeat center center;
    }

    /*---------------------------------------------------------------------------------------------*/
    /*---Respond 320-------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/

        .scr_320 .login .loadingcc, .scr_380 .login .loadingcc,
        .scr_320 .register .loadingcc, .scr_380 .register .loadingcc,
        .scr_320 .accountselect .loadingcc, .scr_380 .accountselect .loadingcc,
        .scr_320 .wizard .loadingcc, .scr_380 .wizard .loadingcc,
        .scr_320 .profile_wizard .loadingcc, .scr_380 .profile_wizard .loadingcc,
        .scr_320 .new_account_wizard .loadingcc, .scr_380 .new_account_wizard .loadingcc,
        .scr_320 .forgot_password .loadingcc, .scr_380 .forgot_password .loadingcc
        {
            padding: 24px 8px;
            width: auto;
        }

        .scr_320 .login .logo, .scr_320 .register .logo, .scr_320 .accountselect .logo, .scr_320 .wizard .logo, .scr_320 .profile_wizard .logo, .scr_320 .new_account_wizard .logo, .scr_320 .account_wizard .logo, .scr_320 .forgot_password .logo{
            width: 120px;
        }

        .scr_320 .login .loadingc, .scr_320 .login .loadingcc, .scr_380 .login .loadingc, .scr_380 .login .loadingcc, 
        .scr_320 .register .loadingc, .scr_320 .register .loadingcc, .scr_380 .register .loadingc, .scr_380 .register .loadingcc,
        .scr_320 .accountselect .loadingc, .scr_320 .accountselect .loadingcc, .scr_380 .accountselect .loadingc, .scr_380 .accountselect .loadingcc,
        .scr_320 .wizard .loadingc, .scr_320 .wizard .loadingcc, .scr_380 .wizard .loadingc, .scr_380 .wizard .loadingcc,
        .scr_320 .profile_wizard .loadingc, .scr_320 .profile_wizard .loadingcc, .scr_380 .profile_wizard .loadingc, .scr_380 .profile_wizard .loadingcc,
        .scr_320 .new_account_wizard .loadingc, .scr_320 .new_account_wizard .loadingcc, .scr_380 .new_account_wizard .loadingc, .scr_380 .new_account_wizard .loadingcc,
        .scr_320 .account_wizard .loadingc, .scr_320 .account_wizard .loadingcc, .scr_380 .account_wizard .loadingc, .scr_380 .account_wizard .loadingcc,
        .scr_320 .forgot_password .loadingc, .scr_320 .forgot_password .loadingcc, .scr_380 .forgot_password .loadingc, .scr_380 .forgot_password .loadingcc
        {
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
        }

        .scr_320 .buttonsc .button{
            min-width: 120px;
        }

        .scr_320 .hin{
            width: 140px;
        }

    /*---------------------------------------------------------------------------------------------*/
    /*---END Respond 320---------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/

    /*---------------------------------------------------------------------------------------------*/
    /*---General Mobile----------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/

        .small_desktop .body{
            left: 0 !important;
        }

        .mobile .copyrightf{
            font-size: 10px;
            padding: 3px;
            height: 26px;
        }

        .mobile .appready .menu, .mobile .appready .logoc{
            width: 100%;
            display: block;
        }

        .mobile .appready .menu .item{
            padding: 9px 16px;
        }

        .mobile .appready.mhidden .menu, .mobile .appready.mhidden .logoc{
             display: none;
        }

        .mobile .appready .tob_bar{
            left: 0;
        }

        .mobile .appready .tob_bar{
            height: 50px;
        }

        .mobile .tob_bar .breadcrumb {
            padding: 11px;
            font-size: 18px;
            max-width: 70%;
            max-width: calc(100% - );
            overflow: hidden;
            height: 16px;
        }

        .mobile .tob_bar .mleft {
            padding: 12px;
            font-size: 24px;
            line-height: 25px;
            border-left: 1px solid #383838;
        }

        .mobile .useri .normal, .useri .mob{
            display: none;
        }

        .mobile .useri .mob{
            display: block;
        }

        .mobile .useri {
            color: #FFF;
            padding: 13px 10px;
            height: 32px;
            margin-right: 0;
        }

        .mobile .useri .mob{
            font-size: 25px;
        }

        .mobile .useroptions{
            right: 7px;
            top: 55px;
        }

        .mobile .appready .body{
            left: 0;
            right: 0;
            top: 50px;
            bottom: 36px;
            padding: 0;
        }

        .mobile .loadingsection{
            left: 0;
            top: 50px;
        }

    /*---------------------------------------------------------------------------------------------*/
    /*---END General Mobile------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---END Respond-------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

::-webkit-scrollbar {
    -webkit-transform: translate3d(0px,0px,0px);
    width: 8px;
    background: #FFF;
}
Pseudo ::scrollbar-thumb element
(index):1
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 0;
    background: #545454;
}
Pseudo ::scrollbar-track element
(index):1
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #545454;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/*---------------------------------------------------------------------------------------------*/
/*---Properties--------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

    .aeprop_area{
        display: none;
    }

    .agent .plsh{
        padding-top: 30px;
        width: 300px;
    }

    .aeprop_area .dd_options{
        width: 100%;
    }

    .feature_container{
        margin: 9px;
        padding: 12px;
        border: 1px solid #637692;
        float: left;
        min-width: 180px;
    }

    .feature_container.active, .feature_container:hover{
        background: #637692;
        color: #FFF;
    }

    .feature_container.active input, .feature_container:hover input{
        background: #637692;
        color: #FFF;
        border-color: #FFF;
    }

    .feature_container.yn{
        padding: 13px 12px;
    }

    .small_mobile .right_column .agent .plsh{
        width: 100%;
        min-width: 189px;
    }

    .small_mobile .right_column{
        padding: 10px;
    }

    .small_mobile .statusm, .small_mobile .statuse{
        font-size: 13px;
    }

    .small_mobile .right_column .property_price{
        width: 135px !important;
    }
    .small_mobile .right_column .addr_str_name{
        width: 200px !important;
    }

    .small_mobile .right_column .placeholder{
        font-size: 11px;
    }

    .mobile .hstr, .small_desktop .hstr{
        top: 0 !important;
        margin-left: 0 !important;
        float: none;
        clear: both;
        max-width: 300px;
    }

    .small_mobile .type_note{
        left: 0 !important;
    }

    .small_mobile .right_column input.ddtext{
        max-width: 250px;
    }

    .proprc{
        right: 360px;
    }

    .rright_column{
        width: 320px;
        position: fixed;
        border-left: 1px solid rgba(0,0,0,0.08);
        top: 64px;
        bottom: 32px;
        right: 0;
        padding: 20px;
    }

    .mobile .proprc{
        right: 0;
    }
    .mobile .rright_column{
        display: none;
    }

    /*---------------------------------------------------------------------------------------------*/
    /*---Property Preview--------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/

        .prop_preview{
            border: 1px solid #a8a8a8;
            padding: 8px;
            border-radius: 8px;
            background: #FFFFFF;
            text-decoration: none;
            color: #050505;
            display: block;
            min-height: 100px;
            margin-top: 40px;
            font-family: Arial, Helvetica, sans-serif;
        }

        .prop_preview .flag .abs {
            border: 1px solid #a8a8a8;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            width: 172px;
            border-bottom: none;
            padding: 2px 8px 6px 8px;
            text-align: center;
            left: 0px;
            text-transform: uppercase;
            font-size: 12px;
            letter-spacing: 1px;
        }

        .prop_preview .flag {
            left: -9px;
            top: -29px;
            position: relative;
            z-index: -1;
            font-size: 11px;
            font-family: Open Sans;
            color: #FFFFFF;
        }

        .prop_preview .flag .developments {
            background: #3a7744;
            color: #FFFFFF;
        }

        .prop_preview .flag .for-sale {
            background: #050505;
            color: #FFFFFF;
        }

        .prop_preview .flag .for-sale {
            background: #050505;
            color: #FFFFFF;
        }

        .prop_preview .flag .to-rent {
            background: #95a4ab;
            color: #FFFFFF;
        }

        .prop_preview .w100p{
            width: 100%;
        }

        .prop_preview .s {
            text-align: center;
            font-size: 16px;
        }

        .prop_preview .p {
            margin-bottom: 10px;
            text-align: center;
            font-size: 22px;
            color: #6f6f6f;
        }

        .prop_preview .i .i {
            position: absolute;
            width: 100%;
        }
        .prop_preview .i {
            background-size: cover !important;
            background-position: 50% 50% !important;
            background-repeat: no-repeat !important;
        }
        .prop_preview .i {
            overflow: hidden;
            margin-bottom: 10px;
            height: 180px;
            position: relative;
        }

        .iiarrows {
            position: relative;
            z-index: 50;
        }

        .iiarrows .fa {
            padding: 16px 5px;
            width: 23px;
            height: 28px;
            line-height: 33px;
            font-size: 28px;
            background: rgba(255,255,255,0.8);
            cursor: pointer;
            margin-top: 60px;
            color: #050505;
        }

        .iiarrows .fa:hover {
            background: rgba(0,0,0,0.8);
            color: #FFF;
        }

        .iiarrows .fr {
            position: relative;
            left: -33px;
        }

        .iiarrows .itotals {
            position: relative;
            text-align: center;
            top: 154px;
            padding: 5px;
            width: 90px;
            text-align: center;
            margin: auto;
            background: rgba(255,255,255,0.8);
            font-size: 11px;
        }

        .ii object{
            width: 100% !important;
            height: 100% !important;
            pointer-events: none;
        }

        .prop_preview .n {
            margin-bottom: 10px;
            text-align: center;
            font-size: 14px;
            line-height: 18px;
        }

        .prop_preview .n .nc {
            max-height: 36px;
            overflow: hidden;
        }

        .prop_preview .n .r {
            font-size: 12px;
            font-style: italic;
        }

        .prop_preview .d {
            margin-bottom: 10px;
            text-align: center;
            font-size: 12px;
            color: #545454;
            height: 36px;
            overflow: hidden;
        }

        .prop_preview .fc{
            display: table;
            margin: auto;
            font-size: 15px;
            color: #4D4D4D;
        }

        .prop_preview .f {
            width: 46px;
        }

        .prop_preview .f, .propf {
            border: 1px solid #a7a7a7;
            height: 47px;
            text-align: center;
        }

        .prop_preview .v {
            font-size: 22px;
            line-height: 1.3;
            margin-top: 1px;
        }

        .prop_preview .faf {
            top: -1px;
        }

        .faf {
            display: inline-block;
            width: 19px;
            height: 15px;
            top: 2px;
            position: relative;
        }

        .faf-bed, .faf-bath, .faf-gara{
            background-size: contain !important;
        }

        .prop_preview .rm:hover{
            background: rgb(255, 255, 255) !important;
            border: 1px solid rgb(99, 118, 146);
        }
        .prop_preview .rm:hover{
            background: #f7be01;
            color: #050505;
            text-decoration: none;
        }
        .prop_preview .rm{
            background: rgb(99, 118, 146) !important;
            border: 1px solid rgb(99, 118, 146);
            padding: 16px 21px 17px 21px !important;
        }
        .prop_preview .rm{
            background: #62142c;
            padding: 17px 21px 18px 21px;
            line-height: 1.3;
            color: #FFF;
            display: block;
            text-decoration: none;
            cursor: pointer;
            font-family: Arial, Helvetica, Sans-serif;
            font-size: 11px;
        }

    /*---------------------------------------------------------------------------------------------*/
    /*---END Property Preview----------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
/*---END Properties----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------*/
/*---Blocks----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

    .block_container{
        max-width: 800px;
        margin: auto;
    }

    .block{
        margin: 12px;
        background: rgba(245, 245, 245, 0.5);
        border: 1px solid #CCC;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .block.half{
        width: 45%;
        width: calc(50% - 26px);
        float: left;
    }

    .block .h1{
        font-size: 16px;
        font-weight: normal;
        padding: 12px;
    }

    .mobile .block.half, .block.full{
        width: 90%;
        width: calc(100% - 26px);
    }

    .block .record{
        padding: 12px;
        border-top: 1px solid #CCC;
    }

    .block .tbl{
        width: 100%;
    }

    .block .record.tr{
        padding: 0;
        border-top: none;
    }
    .block .record.tr .td{
        padding: 12px;
        border-top: 1px solid #CCC;
    }

/*-------------------------------------------------------------------------------------*/
/*---END Blocks------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------*/
/*---Packages--------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

    .credit_packages{
        width: 100%;
        overflow: hidden;
    }

    .credit_packagesc{
        overflow: hidden;
    }

    .package{
        text-align: center;
    }

    .packageic{
        padding: 12px;
        margin: 12px;
        border: 1px solid #CCC;
    }

    .packageic .credits{
        font-size: 28px;
        line-height: 29px;
    }
    .packageic .bonus, .packageic .recommended{
        font-size: 22px;
        background: #2f4b7b;
        color: #FFF;
        padding: 8px 0;
        margin: 12px 0;
    }
    .packageic .cost{
        font-size: 18px;
    }

    .packageic .recommended{
        background: #637692;
    }

    .StripeElement {
      background-color: white;
      height: 40px;
      padding: 10px 12px;
      border: 1px solid transparent;
      box-shadow: 0 1px 3px 0 #e6ebf1;
      -webkit-transition: box-shadow 150ms ease;
      transition: box-shadow 150ms ease;
    }

    .StripeElement--focus {
      box-shadow: 0 1px 3px 0 #cfd7df;
    }

    .StripeElement--invalid {
    }

    .StripeElement--webkit-autofill {
      background-color: #fefde5 !important;
    }

/*-------------------------------------------------------------------------------------*/
/*---END Packages----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/