/*
html{
  overflow-y: scroll;
  overflow-x: hidden; // To remove horizontal scroll on mobile devices
}
body{
  height: auto;
}
*/

:root{
    --main-color : #21ba45
}

body {
	background-color: #FFFFFF;
	color: #434644;
}


.ui.main-color.button, .ui.main-color.buttons .button{
    background-color: var(--main-color);
    color: #fff;
}

.ui.menu .item img.logo {
	margin-right: 1.5em;
}

.main.container {
    padding-top: 7.5rem;
	/* margin-top: 7.5em; */
/*	margin-top: 5em;*/
}

.wireframe {
	margin-top: 2em;
}

.ui.footer.segment {
	margin: 5em 0em 0em;
	padding: 5em 0em;
}

i.fail-x-icon {
    background: url(/static/pjs/cea/fail-x.png) no-repeat center center ;
}

i.success-check-icon {
    background: url(/static/pjs/cea/success-check.jpg) no-repeat center center ;
}

i.nrcan-icon {
    background: url(/static/pjs/cea/nrcan-icon.png) no-repeat center center ;
}

i.ug-icon {
    background: url(/static/pjs/cea/ug-icon.jpg) no-repeat center center ;
}

i.egd-icon {
    background: url(/static/pjs/cea/egd-icon.png) no-repeat center center ;
}

i.door-icon {
    background: url(/static/pjs/cea/door-icon.png) no-repeat center center ;
}

i.windowed-door-icon {
    background: url(/static/pjs/cea/windowed-door-icon.png) no-repeat center center ;
}

i.window-icon {
    background: url(/static/pjs/cea/window-icon.png) no-repeat center center ;
}

i.attic-icon {
    background: url(/static/pjs/cea/attic-icon.png) no-repeat center center ;
}

i.ack-icon {
    background: url(/static/pjs/cea/ack-icon.png) no-repeat center center ;
}

i.air-tight-icon {
    background: url(/static/pjs/cea/air-tight-icon.png) no-repeat center center ;
}

i.air-infiltration-icon {
    background: url(/static/pjs/cea/air-infiltration-icon.png) no-repeat center center ;
}

i.ew-created-icon {
    background: url(/static/pjs/cea/loading-check-icon.png) no-repeat center center ;
}
/*
i.ew-null-icon {
    background: url(/static/pjs/cea/loading-check-icon.png) no-repeat center center ;
}*/

i.ew-complete-icon {
    background: url(/static/pjs/cea/loading-check-icon.png) no-repeat center center ;
}

i.ew-download-icon {
    background: url(/static/pjs/cea/download-icon.png) no-repeat center center ;
}

i.ew-download-icon.ew-grey {
    background: url(/static/pjs/cea/download-grey-icon.png) no-repeat center center ;
}

i.ew-download-icon.ew-red {
    background: url(/static/pjs/cea/download-red-icon.png) no-repeat center center ;
}

i.ew-download-icon.ew-green {
    background: url(/static/pjs/cea/download-green-icon.png) no-repeat center center ;
}

i.ew-download-icon.ew-yellow {
    background: url(/static/pjs/cea/download-yellow-icon.png) no-repeat center center ;
}

div.ew-small-button-h button {
	padding: 3px 1px !important;
}

div.ew-small-button-h {
    display: inline-block;
    padding-right: 12px;
    position: relative;
}

div.ew-small-button-v button {
    padding: 3px 1px !important;
}

div.ew-small-button-v {
    display: block;
    padding-right: 0px;
    padding-bottom: 10px;
    position: relative;
}

.ew-enery-star-icon {
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 26px;
    z-index: 10;
    font-size: 24px;
    /*color: green;*/
}

div.ew-small-button-v .ew-enery-star-icon {
    left: 24px;
}

div.door .ew-enery-star-icon {
    color: #e03997;
}

div.window .ew-enery-star-icon {
    color: #a333c8;
}

div.windowed-door .ew-enery-star-icon {
    color: #6435c9;
}

.window-dimensions {
	font-size: 10px;
}

.door-dimensions {
    font-size: 10px;
}

.windowed-door-dimensions {
    font-size: 10px;
}

.windowed-door-window-dimensions {
    font-size: 10px;
    font-style: italic;
}





i.ewf-icon {
	
}

i.ewf-icon, i.ewf-icons {
font-size: 1em;
}




.ui.icon.input>i.ewf-icon:not(.link) {
pointer-events: none;
}

.ui.icon.input>i.ewf-icon {
cursor: default;
position: absolute;
line-height: 1;
text-align: center;
top: 0;
right: 0;
margin: 0;
height: 100%;
width: 2.67142857em;
opacity: .5;
border-radius: 0 .28571429rem .28571429rem 0;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
padding-top: 12px;
}


i.ewf-icon {
display: inline-block;
opacity: 1;
margin: 0 .25rem 0 0;
width: 1.18em;
height: 1em;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
text-align: center;
speak: none;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}







i.ew-icon {
    content: '';
    display: block;
    height: 30px;
    width: 30px;
    float:left;
    margin-right: 7px; 
    background-size: cover;
/*    filter: invert(100%);*/
}

i.ew-xlarge-icon {
    content: '';
    display: block;
    height: 50px;
    width: 90px;
    float:left;
    background-size: contain;
    margin-right: 20px;
    margin-top: -10px; 
}

i.ew-large-icon {
    content: '';
    display: block;
    height: 40px;
    width: 40px;
    float:left;
    margin-right: 7px; 
    background-size: cover; 
}

i.ew-small-icon {
    content: '';
    display: block;
    height: 21px;
    width: 20px;
    float:left;
    margin-right: 0px; 
    background-size: contain;
    filter: invert(100%);
}

i.light-red.icon {
	color: #ffafb9 !important;
}

i.light-green.icon {
    color: #8deaa3 !important;
}

.ui.icon.button span.ew-icon-button {
	display:block;
	margin-top: .4em;
}

.ui.icon.button span.ew-fitted-button {
    display:inline-block;
    margin-left: -3.0em;
}

input:read-only {
	border-top: none !important;
	border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius:0!important;
    /* padding-left: 0!important; */
}

.vertical-button {
	margin-bottom: 5px !important;
	display: block !important;
}

.vertical-buttons {
	margin-bottom: -110px;
}
/*
i.icon.attic-icon:before {
    background: url(/static/pjs/cea/attic-icon.jpg) no-repeat 0px 0px;
}
*/


#dAuditFormModal input.right-action-input { 
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important;
border-right-color: rgba(34,36,38,.15)!important;
}

.clear-canvas-top-left {
	margin-top: 5px!important;
}

.clear-canvas-check {
    margin-top: 12px!important;
    margin-right: 0!important;
    float: left;
    margin-left: 30px!important;
}

.ew-narrow-segment {
	padding-left: 12px!important;
    padding-right: 12px!important;
}

.ew-placeholder {
	color: #c0c0c0;
}

.truncate-input {
	white-space: nowrap!important;
/*    width: 200px!important;*/
    overflow: hidden!important;
    -o-text-overflow: ellipsis!important;
    -ms-text-overflow: ellipsis!important;
    text-overflow: ellipsis!important;
}

.title-summary {
	float: right;
	font-weight: normal;
	font-size: 12px;
	margin-right: 400px;
/*	color: rgb(121, 180, 255);*/
	color: rgb(187, 185, 196);
}

input, .dropdown>div.text:not(.default) {
	color:black!important;
	font-weight:bold!important;
}

.postal_code {
	text-transform: uppercase;
}
/*
.ui.fullscreen.modal {
  left: 2.5% !important;
}


  width: 95% !important;
  left: 2.5% !important;
  margin: 1em auto;

  width: 100% !important;

*/

#dAuditFormModal {

}


i.icon.equals:before {
/*content: "\f068";*/
content: "\f52c";
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.ew-verify-check-icon {
    display: block;
    height: 35px;
    width: 35px;
    float:left;
    margin-right: 10px;
	background: url(/static/pjs/cea/verify-check-icon.png) no-repeat center center;
	background-size: contain;
}

.ew-fitted-button-value {
    font-size: 20px;
    color: #00dc00!important;
    font-weight: bold;
    display: inline-block;
    margin-left: 1em;
    margin-right: 0;
    padding-right: 0;
    vertical-align: middle;
    margin-top: -20px;	
}

.ui.modal>.actions>.message {
	text-align: left;
}

.popup-list li {
	padding-left: 0px!important;
}
.popup-list {
    padding-left: 0px!important;
    list-style-position: inside;
}

#logo-image {
    width: 70px;
    padding: 0;
    margin: 0;
    /* margin-top: -11px; */
    position: absolute;
    top: 0;
    left: 0px;
}




#auditListTable td, #auditListTableAll td {
    padding-left: 4px;
    padding-right: 4px;
}
#auditListTable td.h2k-download i.ew-icon, #auditListTableAll td.h2k-download i.ew-icon {
    float: none;
    margin-left: 13px;
}

#auditListTable td.h2k-download i.ew-download-icon, #auditListTableAll td.h2k-download i.ew-download-icon {
    height: 20px;
    width: 20px;
    margin-left: 18px;
}

.additionalInfo-container{
    display: flex; flex-wrap: wrap; width: 940px;max-width: 100%; justify-content: center;
}

.additionalInfo-text-container{
    margin-right: 2rem;
}

.additionalInfo-text-container .textarea-container{
    margin-top: 5px;
}

/* iPad Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

	html {
		font-size: 10px;
	}

	.title-summary {
		margin-right: 10px;
	}
	
	.ew-fitted-button-value {
    	font-size: 18px;
	}

    #logo-image {
	    width: 66px;
		margin-top: -12px;
    }

	#auditListTable td, #auditListTable th, #auditListTableAll td, #auditListTableAll th {
	    font-size: 12px;
	}

    .additionalInfo-text-container{
        margin-right: 0;
        margin-bottom: 2rem;
    }
}

@media only screen 
    and (min-device-width: 1024px) 
    and (max-device-width: 1400px) 
    and (-webkit-min-device-pixel-ratio: 1) {
        html {
            font-size: 12px;
        }
}


/* 2.7.4 patches */
/*
.ui.overlay.fullscreen.modal .content {
  min-height: unset;
}
.ui.overlay.fullscreen.modal > .content {
  min-height: calc(100vh - 9.1rem);
}
@media only screen and (max-width: 767.99px) {
  .ui.overlay.fullscreen.modal .content.content.content {
      min-height: unset;
  }
  .ui.overlay.fullscreen.modal > .content.content.content {
      min-height: calc(100vh - 8.1rem);
  }
}
*/

/* iPhone X in portrait & landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) { 
    
    #econest-header .header-user, 
    #econest-header .header-admin,
    #econest-header .header-logout,
    #econest-header .header-profile {
        display: none;
    }
    
    #econest-header .header-logout {
        content: "";
    }
    
    .additionalInfo-text-container{
        margin-right: 0;
        margin-bottom: 2rem;
    }
}


#advisorSummaryTable .audit-summary-cell {
    padding-top: 3px;
    padding-bottom: 3px;
}


.software-version {
	font-size: 10px;
	color: orange;
}


tr.so-7Q {
	
}

/* ---- 5E ---------------------------------------- */
tr.so-5E {
    background-color: #D9EAF7;
}
tr.so-5E:hover {
    background-color: #B9E0FE !important;
}
tr.so-5E.selected.active {
    background-color: #B5D1E7 !important;
}
tr.so-5E.selected.active:hover {
    background-color: #A8D0F0 !important;
}

/* ---- 7M ---------------------------------------- */
tr.so-7M {
    background-color: #E9F7D9;
}
tr.so-7M:hover {
    background-color: #D7FCAA !important;
}
tr.so-7M.selected.active {
    background-color: #B9DC8E !important;
}
tr.so-7M.selected.active:hover {
    background-color: #CBEE9F !important;
}

/* ---- 22 ---------------------------------------- */
tr.so-22 {
    background-color: #EFE9F9;
}
tr.so-22:hover {
    background-color: #EBDAFC !important;
}
tr.so-22.selected.active {
    background-color: #E5CFFC !important;
}
tr.so-22.selected.active:hover {
    background-color: #E1C8FB !important;
}

/* ---- 4M ---------------------------------------- */
tr.so-4M {
    background-color: #fdf2db;
}
tr.so-4M:hover {
    background-color: #fdeecf !important;
}
tr.so-4M.selected.active {
    background-color: #f9e5b5 !important;
}
tr.so-4M.selected.active:hover {
    background-color: #fde4a7 !important;
}

/* ---- 31 ---------------------------------------- */
tr.so-31 {
    background-color: #F7D9D9;
}
tr.so-31:hover {
    background-color: #FDCFCF !important;
}
tr.so-31.selected.active {
    background-color: #F9B5B5 !important;
}
tr.so-31.selected.active:hover {
    background-color: #FDA7A7 !important;
}






i.so-logo {
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
}

i.so-logo-7Q {
	background-image: url("/static/pjs/cea/cea-logo-40x40.png");
}
i.so-logo-7M {
    background-image: url("/static/pjs/cea/bsg-logo-40x40.png");
}
i.so-logo-22 {
    background-image: url("/static/pjs/cea/amerispec-logo-40x40.jpg");
}
i.so-logo-5E {
    background-image: url("/static/pjs/cea/ridge-logo-40x40.png");
}
i.so-logo-4M {
    background-image: url("/static/pjs/cea/buywise-logo-40x40.png");
}




.semantic-yellow {
    color : #fbbd08;
}
.semantic-green {
    color : #21ba45;
}
.semantic-red, .semantic-red:hover {
    color : #ca1010;
}
.semantic-brown {
    color : #a5673f;
}
.semantic-orange {
    color : #f2711c;
}
.semantic-blue {
    color : #2185d0;
}
.semantic-olive {
    color : #b5cc18;
}
.semantic-teal {
    color : #00b5ad;
}
.semantic-violet {
    color : #4f20b5;
}
.semantic-purple {
    color : #a333c8;
}
.semantic-pink {
    color : #e03997;
}
.semantic-grey {
    color : #767676;
}
.semantic-black {
    color : #2F3033;
}

.ew-table-title {
    padding-top: 15px;
    text-align: center;
}



.d-audit-file-number.hilighted, .e-audit-file-number.hilighted {
	/*
	color: purple;
    background-color: white;
    */
    color: white;
    background-color: purple;

	font-weight: bold;
	cursor: pointer;
/*	
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px; 
*/
}



input.uppercase {
    text-transform:uppercase;	
}






/* 


    @font-face {
        font-family: 'ToyotaType-Black';
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-Black.eot');
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-Black.eot?#iefix') format('embedded-opentype'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-Black.woff2') format('woff2'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-Black.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: @dis;
    }
    
    @font-face {
        font-family: 'ToyotaType-BlackIt';
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-BlackIt.eot');
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-BlackIt.eot?#iefix') format('embedded-opentype'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-BlackIt.woff2') format('woff2'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-BlackIt.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: @dis;
    }
    
    @font-face {
        font-family: 'ToyotaType-Book';
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-Book.eot');
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-Book.eot?#iefix') format('embedded-opentype'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-Book.woff2') format('woff2'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-Book.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: @dis;
    }
    
    @font-face {
        font-family: 'ToyotaType-BookIt';
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-BookIt.eot');
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-BookIt.eot?#iefix') format('embedded-opentype'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-BookIt.woff2') format('woff2'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-BookIt.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: @dis;
    }
    
    @font-face {
        font-family: 'ToyotaType-Regular';
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-Regular.eot');
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-Regular.eot?#iefix') format('embedded-opentype'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-Regular.woff2') format('woff2'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-Regular.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: @dis;
    }
    
    @font-face {
        font-family: 'ToyotaType-RegularIt';
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-RegularIt.eot');
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-RegularIt.eot?#iefix') format('embedded-opentype'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-RegularIt.woff2') format('woff2'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-RegularIt.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: @dis;
    }
    
    @font-face {
        font-family: 'ToyotaType-Light';
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-Light.eot');
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-Light.eot?#iefix') format('embedded-opentype'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-Light.woff2') format('woff2'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-Light.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: @dis;
    }
    
    @font-face {
        font-family: 'ToyotaType-LightIt';
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-LightIt.eot');
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-LightIt.eot?#iefix') format('embedded-opentype'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-LightIt.woff2') format('woff2'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-LightIt.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: @dis;
    }
    
    @font-face {
        font-family: 'ToyotaType-Bold';
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-Bold.eot');
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-Bold.eot?#iefix') format('embedded-opentype'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-Bold.woff2') format('woff2'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-Bold.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: @dis;
    }
    
    @font-face {
        font-family: 'ToyotaType-BoldIt';
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-BoldIt.eot');
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-BoldIt.eot?#iefix') format('embedded-opentype'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-BoldIt.woff2') format('woff2'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-BoldIt.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: @dis;
    }
    
    @font-face {
        font-family: 'ToyotaType-SemiBold';
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-Semibold.eot');
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-Semibold.eot?#iefix') format('embedded-opentype'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-Semibold.woff2') format('woff2'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-Semibold.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: @dis;
    }
    
    @font-face {
        font-family: 'ToyotaType-SemiBoldIt';
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-SemiboldIt.eot');
        src: url('@@full.base@@/font/ToyotaType/ToyotaType-SemiboldIt.eot?#iefix') format('embedded-opentype'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-SemiboldIt.woff2') format('woff2'),
             url('@@full.base@@/font/ToyotaType/ToyotaType-SemiboldIt.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: @dis;
    }
 */




 .elastic-height-container {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    overflow-x: hidden;
}


.elastic-height-content {
    overflow-y: scroll;
    height: 100%;
    width: 100%;
    /* width: calc(100% + 10px); */
    /* height: auto; */
    /* height: calc(100% - 73px); */
}

/* .d-operation{ */
/* position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 70px; */
/* }  */


/*ling's begin*/
.bold{font-weight: bold;}
.clearing{clear: both;}
.border-box.shadow{box-shadow: 1px 1px 5px rgba(0,0,0,.1);}
.ui.form .disabled.field input{background-color: #e4e4e4;border: 1px solid rgba(34, 36, 38, 0.25);}
.ui.form .field{margin-bottom: 2em;}
/*.ui.form .fields .wide.field{padding-left: 0.4em!important;}*/
.showingpd{padding-top: 8px;line-height: 100%;}
.inputgray{background-color: #F7F7F7;}
.pagelist .ui.menu{box-shadow: none;}
.pagelist .ui.pagination.menu .item{font-weight: bold;}
.basetop{z-index: 999;position: fixed;top: 0;width: 100%;}
.basetop .ui.top{margin-top: 0; background-color: #FAFAFA;height: 4rem;}
.basetop .menu{}
.basetop .menu .hamburger{font-size: 2rem;}
.basetop .menu img{max-width: 120px;padding: 12px 0;margin-left: 18px;}
.basetop .ui.menu .item:before{width: 0px;}
.searchingbox .dataTables_filter{}
.searchingbox label{border: 1px solid rgba(34, 36, 38, 0.15);display: inline-block;border-radius:100px;padding:0 10px;line-height: 100%;display:flex;
    display: -webkit-flex; /* Safari */
    align-items:center;}
.searchingbox label .ui input[type="search"]{border:0;background:none;}
.searchingbox label:after{content: '';background-image: url(/static/index/images/searching.svg);width: 15px;height: 15px;background-size: 100%;right: 15px;position: absolute;top: 10px;opacity: .5;}
.ui.vertical.menu.leftmenu{background: #FAFAFA!important;border-radius: 0!important;box-shadow: 3px 3px 10px rgb(34 36 38 / 15%);border:0!important;border-right: 1px solid rgba(34, 36, 38, 0.03);position: fixed;left: 0;height: 100%;padding-top: 60px;z-index: 10;}

.ui.vertical.menu.leftmenu .item{background: #fff;border-radius:5px;margin:20px 10px ;width: 40px;height: 40px;line-height: 40px;text-align: center;padding:0;border:1px solid #e7e7e7;color: #BCBCBC;font-size: 17px;}
.ui.vertical.menu.leftmenu .active.item{background-color: var(--main-color) ;color: #fff;border-radius:5px;}
.ui.vertical.menu.leftmenu .item:before{height: 0px;}
.ui.secondary.pointing.menu.formnav{margin:1.5rem 0;}
/* .marginlarge{margin:2.86rem;} */
.thirdnav{
    /* position: fixed;top: 56px;left: 61px;z-index: 99; */
    background:#FAFAFA; width: 100%;}
.forthnav{
    /* position: fixed;top: 102px;left: 61px;z-index: 88; */
    background:#fff; width: 100%;}
.thirdnav .ui.secondary.pointing.menu{border-bottom: 1px solid rgba(34, 36, 38, 0.15);overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;}
.thirdnav .ui.secondary.pointing.menu .active.item{color: #000;position: relative;}
.thirdnav .ui.secondary.pointing.menu .active.item:after{content: '';width: 100%;height: 6px;background-color:var(--main-color); position: absolute;bottom: 0px;display: block;transform: translateX(-50%) translateY(-50%) rotate(
0deg
); -webkit-transform: translateX(-50%) translateY(-50%) rotate(
0deg
);}
.thirdnav .ui.secondary.pointing.menu .item{padding:15px 25px;font-weight: bold;}
.forthnav .ui.secondary.pointing.menu .active.item{color: var(--main-color);}
.forthnav .ui.secondary.pointing.menu .active.item:hover{border-bottom-color: rgba(0, 0, 0, 0);}
.forthnav .ui.secondary.pointing.menu .item{line-height: 1.4em;    border-bottom-color: rgba(0, 0, 0, 0);}
.formRbtn .ui[class*="right labeled"].icon.button{padding-right: 0!important;}
.pagetitle{padding-bottom: 20px!important;}
.formptop{padding-top: 20px!important;}
.footbtn{position: fixed;bottom: 0;right: 0;width: 100%;}
.bottombtn .ui.inverted.divider{margin-top:0;}
.bottombtn .item{margin-right: .5em!important;}
.direction{}
.direction .image{margin: 50px;}
.direction .button{position: absolute;width: 46px;text-align: center;padding:10px 0!important;}
.d-content .ui.form .field .transparent.input:not(.icon) input{padding-left:0!important;}

.housenumber{padding:23px 10%!important;border:1px solid rgba(34, 36, 38, 0.15);margin-top: 40px!important;}
.housenumber .list{padding-top: 0px;}
.housenumber .list .item{padding-top: 10px;}
.housenumber .list .item span{display: inline-block;float: right;}
.housenumber .ui.table > tbody > tr > td, .housenumber .ui.table > thead > tr > th{border:0!important;padding: 0.4rem 0.5rem;}
.housenumber .ui.definition.table > tbody > tr > td:first-child:not(.ignored){background:none!important;  }

/* .winbox{padding:2rem 1rem 2rem 0rem!important;} */
.outpart .header{margin: 1rem 1rem 0!important;}
.outpart .ui.form.content{padding-left: 2.5rem;
    padding-right: 2.5rem;}
.outpart .ui.checkbox{margin-top: 0.5em!important;}
.direction{position: relative;}
.direction .num{position: absolute;
    margin: 0em;
    width:4.5em!important;
    height: auto;
    padding: 0.5em !important;}
.direction .num:nth-of-type(1) {
    top: 0.5em;
    left: 50%;
    margin-left: -2.5em;
}
.direction .num:nth-of-type(2) {
    top: 50%;
    margin-top: -2em;
    right: 1em;
}
.direction .num:nth-of-type(3) {
    bottom: 0em;
    left: 50%;
    margin-left: -2.5em;
}
.direction .num:nth-of-type(4) {
    top: 50%;
    margin-top: -2em;
    left: 1em;
}
.direction .num input{text-align: center;}
/* .wide.column .fields{margin-bottom:0!important;} */
.switch{color:#2185d0;display:flex;/*Flex布局*/
    display: -webkit-flex; /* Safari */
    align-items:center;/*指定垂直居中*/
    cursor: pointer;}
.switch i{font-size: 1.5rem;}
.switch.disabled{ color: #bbbbbb; pointer-events:none; }

.loginpage{position: relative;}
.loginpage input{background:#f2f2f2!important; border-radius: 60px!important;border:0!important;padding: 15px 1.5rem!important;}
.loginpage .ui.icon.input>i.icon{right: 10px;font-size: 1.2rem;}
.loginpage h1.ui.header{font-size: 4rem;padding: 30px 0;}
.loginpage .leftpart{float: left;width: 70%;}
.loginpage .rightpart{float: right;width: 30%;background-color: #ED1C24;position: relative;}
.loginpage .rightpart:after{content: '';position: absolute; background-image: url(/static/index/images/logo_img.svg);background-size:100%;width: 200%;height: 100%;right: -50%;top: 0;display: inline-block;opacity: .08;z-index: 0;background-repeat: no-repeat;background-position: top right;}
.loginpage .rightpart h1{color: #fff;}
.loginpage .item{display:flex!important;
    display: -webkit-flex!important; 
    align-items:center!important;height: 100vh;justify-content: center;padding:0 4rem;position: relative;z-index: 9;}
.loginpage form{width: 80%;text-align: center;}
.loginpage .logo{width: 10rem;position: absolute;left: 40px;top: 40px;}
.ybutton{border-radius: 60rem!important;font-size: 1.2rem!important;padding: 15px 5rem!important;}
.ew-payment-card .ui.card > .content{border-top: 0!important}
.ew-payment-card .ui.ui.ui.red.label{right: -2px;
    top: -2px;}
.ew-payment-card .card{box-shadow: 0px 0.5px 0px 3px rgba(0,0,0,.1)!important;border-radius: 10px;}
.userprice td{padding:5px 0;}
.errortext{padding-left: 63px;opacity: .8;margin-top: 3px;}
.wide.column.field{margin-bottom: 0!important}
.door-container .windata{width: 25%!important;}
/*ling's end */

/* *:not(.icon, i){font-family:"PmingLiu","Impact","Georgia","Tahoma","Helvetica Neue","Helvetica","Arial","sans-serif" !important;} */
*:not(.icon, i){font-family: "Helvetica Neue","Helvetica","Tahoma","Arial","sans-serif" !important;}

.ui.toggle.checkbox input:checked~label:before, .ui.toggle.checkbox input:focus:checked~label:before{
    background-color: var(--main-color) !important;
}

.ui.red.button, .ui.red.buttons .button{
    background-color: #db2828;
}

.labeled.input input{
    width: auto !important;
}

.base-color{
    color :#f4373e !important;
}

/* 
.error.message{
    display: none;
} */

/* 动画开始 */
.animation-rotate{
    animation: rotate 1s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate

/* Safari 与 Chrome */
    {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}
/* 动画结束 */


.pointer-events{
    cursor: pointer !important;
    pointer-events: auto !important;
}

#rurCommentsContainer{
    /* margin: 10px 0; */
}

#rurCommentsContainer .rur-comments-item{
    width: 100%;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; */
    position: relative;
    margin: 10px 0;
}

#rurCommentsContainer .title{
    width: 80%;
}

#rurCommentsContainer .delete-button{
    position: absolute;
    right: 3px;
    top: 3px;
}


.flex {
    display: flex;
}

.flex-align-center {
    align-items: center;
}

.flex-justify-end {
    justify-content: flex-end 
}

.text-center{
    text-align: center;
}

.underline {
    border-bottom: 1px solid #434644;
}