.status,
.select-membership.payment .status.goldSuccessMessage{
	text-align: center;
}

.membershipInfo{	
text-transform: uppercase;	
}

.photoId > .SCGcard{
    width: 100%;
    margin: 20px auto 0;
}

.photoId > .SCGcard > .image-editor > .container{
    width: 100%;
    padding: 0;
    margin: 0;
}

.photoId > .SCGcard > .image-editor > .container > .identity-wrap{

}

.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap,
.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div,
.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView,
.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form,
.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr{
    width: 100%;
    min-height: 90px;
    position: relative;
    top: 3px;
    margin-top: 0;
}

.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell {
    padding: 0;
    height: 100%;
}

.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .info {
    width: 100%;
    height: 20px;
}

.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr .info > #AttachFileLabel {
    display: none;
}

.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control,
.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile,
.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachPhoto {
    width: 100%;
    height: 45px;
    cursor: pointer;
}

.photoId > .SCGcard > .image-editor > .container > .cardLabel,
.photoId > .SCGcard > .image-editor > .container > .btncontrols{
    width: 100%;
    margin: 0 auto;
}


.photoId > .SCGcard > .image-editor > .container > .cardLabel,
.photoId > .SCGcard > .image-editor > .container > .idCardImg,
.photoId > .SCGcard > .image-editor > .container > .btncontrols,
.photoId > .SCGcard > .image-editor > .container > .finishBtn{
    float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.photoId > .SCGcard > .image-editor > .container > .cardLabel{
    font-size: 15px;
    line-height: 18px;
    color: #6E6F71;
    margin: 30px 0 30px;
}

.photoId > .SCGcard > .image-editor > .container > .cardLabel .leftSide{
    width: 100%;
    text-align: center;
}

.photoId > .SCGcard > .image-editor > .container > .cardLabel .rightSide{
    width: 100%;
    text-align: center;
}


.photoId > .SCGcard > .image-editor > .container > .idCardImg{
    width: 100%;
    min-height: 183px;
    height: 61vw;
    margin: 0 auto;
    background: url(/SCGCardBack.png) no-repeat top center;
    background-size: 100%;
}

.photoId > .SCGcard > .image-editor > .container > .idCardImg .cropit-preview{
    width: 22% !important;
    height: 40% !important;
	margin-top: 0;
    position: relative;
    top: 21.5%;
    left: 4.5%;
    border-radius: 0;
    border: none;
}

.photoId > .SCGcard > .image-editor > .container > .idCardImg .cropit-preview-background-container{
    width: 100% !important;
    height: 100%!important;
    position: absolute !important;
    top: 0!important;
    left: 0!important;
    border-radius: 0 !important;
    border: none !important;
}

.cropit-preview-image-container{
	background: url('/UploadPhoto.jpg') center center;
}

.photoId > .SCGcard > .image-editor > .container > .idCardImg .cropit-preview-background-container > .cropit-preview-image-container {
    width: 100% !important;
    height: 100% !important;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols{
    margin-top: 10px;
	width: 100%;
}

/*--Start Rotate feature--*/
.photoId > .SCGcard > .image-editor > .container > .btncontrols .rotateText{
    float: left;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols{
    margin-right: 10px;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols .rotate-ccw-btn,
.photoId > .SCGcard > .image-editor > .container > .btncontrols .rotate-cw-btn{
    width: 12px;
    height: 12px;
    cursor: pointer;
    float: left;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols .rotate-ccw-btn,
.photoId > .SCGcard > .image-editor > .container > .btncontrols .rotate-cw-btn{
    position: relative;
    top: 5px;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols .rotate-cw-btn{
    background: url(/rotate-right.svg) no-repeat top center;   
    margin-left: 8px;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols .rotate-ccw-btn{
    background: url(/rotate-left.svg) no-repeat top center;
    margin-right: 7px;
}

span.rotate-ccw-btn.fa-rotate-left:before,
span.rotate-cw-btn.fa-rotate-left:before {
    color: transparent;
    border: solid 1px;
    display: none;
}

/*--End Rotate feature--*/

/*--Start Zoom feature--*/
.photoId > .SCGcard > .image-editor > .container > .btncontrols .rotateWrapper,
.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper{
    position: relative;
    width: 27%;
    float: left;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols span.resizeText {
    float: left;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper{
    position: relative;
    float: left;
    left: 36px;
    margin-top: 20px;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper input.cropit-image-zoom-input {
    position: absolute;
    left: 30px;
    height: 20px;
    top: 0;
    margin: 0;
    padding: 0;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper .resizeText {
    position: relative;
    left: -36px;
	top: 0;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper:before,
.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper:after {
    position: absolute;
    content: "";
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper:before{
   background: url(/zoom-small.svg) no-repeat top center;
   width: 15px;
   height: 12px;
   left: 13px;
   top: 5px;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper:after{
   background: url(/zoom-big.svg) no-repeat top center;
   width: 20px;
   height: 16px;
   right: -54px;
   top: 1px;
}
/*--End Zoom feature--*/

.photoId > .SCGcard > .image-editor > .container .identity-wrap > label:after,
.photoId > .SCGcard > .image-editor > .container .image-upload-wrap > label:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background-color: #6D6E70;
    top: 29px;
    left: 0;
}

.photoId > .SCGcard > .image-editor > .container .identity-wrap > .image-upload-wrap > label:after{
	display: none;	
}

.photoId > .SCGcard > .image-editor > .container .identity-wrap,
.photoId > .SCGcard > .image-editor > .container .image-upload-wrap {
    width: 100%;
    min-height: 70px;
    float: left;
}

.photoId > .SCGcard > .image-editor > .container .identity-wrap,
.photoId > .SCGcard > .image-editor > .container .image-upload-wrap {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    min-height: 90px;
}

.photoId > .SCGcard > .image-editor > .container .image-upload-wrap {
	margin-top: 5px;
}

.photoId > .SCGcard > .image-editor > .container .identity-wrap > input,
.photoId > .SCGcard > .image-editor > .container .image-upload-wrap > input,
.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile {
    width: calc(100% + 100px);
    height : 40px;
    padding-top: 0;
    position: relative;
    left: -91px;
    background : #FFFFFF;
    border-style : Solid;
    border-color : #6D6E70;
    border-width : 1px;  
    z-index: 9;
    background: transparent;
    cursor: pointer; 
    padding-top: 6px; 
}

.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile {
    width: calc(100% + 103px);
    height: 40px;
    left: -91px;
    top: 4px;
    padding-top: 6px;
}

.photoId > .SCGcard > .image-editor > .container .browseButton,
.photoId > .SCGcard > .image-editor > .container .browseButton1 {
    width: 110px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0 0 0 10px;
    background-color: gray;
    text-transform: uppercase !important;
    text-align: center;    
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
    pointer-events: none;
}

/* IE9, IE10 */
@media screen and (min-width:0\0) {
    .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap input,
    .photoId > .SCGcard > .image-editor > .container .image-upload-wrap > input {
        width: 100%;
        left: 0;
        top: -4px;
        padding-top: 0;
    }

}

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap input,
   .photoId > .SCGcard > .image-editor > .container .image-upload-wrap > input {
        width: 100%;
        left: 0;
        top: -4px;
        padding-top: 0;
    }
    
}

.photoId > .SCGcard > .image-editor > .container .browseButton,
.photoId > .SCGcard > .image-editor > .container .browseButton1{
	position: absolute;
    float: right;
    top: calc(100% - 60px);
}

.photoId > .SCGcard > .image-editor > .container .identity-wrap:before,
.photoId > .SCGcard > .image-editor > .container .identity-wrap:after,
.photoId > .SCGcard > .image-editor > .container .image-upload-wrap:before,
.photoId > .SCGcard > .image-editor > .container .image-upload-wrap:after
{
    position: absolute;
    z-index: 12;
}

.photoId > .SCGcard > .image-editor > .container .identity-wrap:before,
.photoId > .SCGcard > .image-editor > .container .image-upload-wrap:before{
    content: "";
    width: 11px;
    height: 50px;
    background-color: #fff;
    top: calc(100% - 65px);
    right: 110px;
}

.photoId > .SCGcard > .image-editor > .container .identity-wrap:after,
.photoId > .SCGcard > .image-editor > .container .image-upload-wrap:after{
    content: "";
    width: 1px;
    height: 40px;
    background-color: #6D6E70;
    top: calc(100% - 61px);
    left: 0;
}

.photoId > .SCGcard > .image-editor > .container .identity-wrap:after{
    top: calc(100% - 61px);
}

.photoId > .SCGcard > .image-editor > .container .image-upload-wrap:after{
    left: calc(100% - 122px);
}

.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap:after{
    top: calc(100% - 64px);
}

.photoId > .SCGcard > .image-editor > .container > .finishBtn {
    width: 100%;
    text-align: left;
    top: 26px;
}

.photoId > .SCGcard > .image-editor > .container > .finishBtn > button.exportx {

	float: none;
    background: #A5C755;
    color: #FFFFFF;
    border-radius: 0;
    margin-top: 25px;
    margin-bottom: 5px;
    padding: 9px 25px;
    text-transform: uppercase;
    border: 0 none;
	margin: 30px auto 0;
}



/* Internet Explorer 10+, Microsoft Edge Browser */
_:-ms-lang(x),
.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile,
.photoId > .SCGcard > .image-editor > .container .image-upload-wrap > input {
        width: 100%;
        left: 0;
        top: -4px;
        padding-top: 0;
    } 

_:-ms-lang(x),
.photoId > .SCGcard > .image-editor > .container .browseButton1{
    top: calc(100% - 63px);
}

_:-ms-lang(x),
.photoId > .SCGcard > .image-editor > .container .browseButton{
    top: calc(100% - 59px);
}

_:-ms-lang(x),
.photoId > .SCGcard > .image-editor > .container .identity-wrap:before,
.photoId > .SCGcard > .image-editor > .container .image-upload-wrap:before{
    top: calc(100% - 70px);
}

/*---Start Styling for Input type Range---*/

.zoominputWrapper input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
.zoominputWrapper input[type=range]:focus {
  outline: none;
}
.zoominputWrapper input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #DCDCDC;
  border-radius: 0px;
  border: 0px solid #000000;
}
.zoominputWrapper input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #2497E3;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  background: #6D6E70;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5.5px;
}
.zoominputWrapper input[type=range]:focus::-webkit-slider-runnable-track {
  background: #DCDCDC;
}
.zoominputWrapper input[type=range]::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #DCDCDC;
  border-radius: 0px;
  border: 0px solid #000000;
}
.zoominputWrapper input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #2497E3;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  background: #6D6E70;
  cursor: pointer;
}
.zoominputWrapper input[type=range]::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.zoominputWrapper input[type=range]::-ms-fill-lower {
  background: #DCDCDC;
  border: 0px solid #000000;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000;
}
.zoominputWrapper input[type=range]::-ms-fill-upper {
  background: #DCDCDC;
  border: 0px solid #000000;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000;
}
.zoominputWrapper input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #2497E3;
  height: 15px;
  width: 15px;
  border-radius: 15px;
  background: #6D6E70;
  cursor: pointer;
}
.zoominputWrapper input[type=range]:focus::-ms-fill-lower {
  background: #DCDCDC;
}
.zoominputWrapper input[type=range]:focus::-ms-fill-upper {
  background: #DCDCDC;
}

/*---End Styling for Input type Range---*/

	@-moz-document url-prefix() { 
		
		.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper:before,
		.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper:after{
		   bottom: 14px;
		}

		.photoId > .SCGcard > .image-editor > .container .identity-wrap > input,
		.photoId > .SCGcard > .image-editor > .container .image-upload-wrap > input {
			width: calc(100% + 80px);
			left: -81px; 
            padding-top: 0;
		}	
        
        .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile {
            top: -12px;
            left: -80px;
            padding-top: 0;
        }
        
        .SCGcard > .image-editor > .container .image-upload-wrap > input {
            top: calc(100% - 91px);
        }

        .photoId > .SCGcard > .image-editor > .container .browseButton {
            top: calc(100% - 59px);
        }	

        .photoId > .SCGcard > .image-editor > .container .browseButton1 {
            top: calc(100% - 60px);
        }

        .photoId > .SCGcard > .image-editor > .container .image-upload-wrap:after{
            top: calc(100% - 60px);
        }

        .photoId > .SCGcard > .image-editor > .container .identity-wrap > label:after,
        .photoId > .SCGcard > .image-editor > .container .image-upload-wrap > label:after{
             top: 30px;
        }
		
	}

/*---Start Styling for error message of manadatory fields---*/
 .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile + span + span + .errorMessage,
 .photoId > .SCGcard > .image-editor > .container > .image-upload-wrap input#AttachPhoto + .browseButton + .errorMessage{
      top: 5px;
      position: relative;
      font-size: 12px;
      color: #DB5454;
      width: calc(100% - 120px);
      text-align: right;
}

.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile + span + span + .errorMessage:before{
      content: "Upload a proof of identity";
}
.photoId > .SCGcard > .image-editor > .container > .image-upload-wrap input#AttachPhoto + .browseButton + .errorMessage:before{
      content: "Upload a membership card photo";
}
/*---End Styling for error message of manadatory fields---*/

.SCGcard .image-upload-wrap .identity-label {
    position: absolute;
    bottom: 63px;
    font-weight: normal;
}

.identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tab.clearfix {
    border: solid;
    display: none;
}

.identity-wrap .image-upload-wrap .crmEntityFormView > .entity-form > .validation-summary.alert-error.alert-danger > h4.validation-header{
	font-size: 18px;
}

.identity-wrap .image-upload-wrap .crmEntityFormView > .entity-form > .validation-summary.alert-error.alert-danger > h4.validation-header > span{
	display: none;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols .rotateWrapper span.rotateText{
    margin-right: 10px;
}

.photoId > .SCGcard > .image-editor > .container > .finishBtn > input.btn-primary {
    padding: 0 !important;
}

.photoId > .SCGcard > .image-editor > .container > .btncontrols .rotateWrapper,
.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper{
    position: relative;
    width: 35%;
    float: left;
    margin-right: calc(100% - 35%);
}

_:-ms-lang(x), 
.photoId > .SCGcard > .image-editor > .container .identity-wrap > input,
.photoId > .SCGcard > .image-editor > .container .image-upload-wrap > input,
.photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile {
    left: -2px;
    top: 0;
    width: calc(100% + 2px);
} 


/*CSS for Election Success Message starts*/

.status.electionSuccess{
    font-family: 'Source Sans Pro', sans-serif;
}

.status.electionSuccess > label{
    font-size : 18px;
    line-height : 16px;
    color : #295747;
    margin: 47px 0 41px;
    text-transform: uppercase;
}

.status.electionSuccess h2{
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 35px;
    color: #295747;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
}

.status.electionSuccess span{
    display: block;
    margin-top: 25px;
    margin-bottom: 37px;
    color: #295747;
    font-size: 18px;
}

/*CSS for Election Success Message ends*/

@media (min-width: 768px) {

    .photoId > .SCGcard{
        width: 495px;
    }

    .photoId > .SCGcard > .image-editor > .container .browseButton,
    .photoId > .SCGcard > .image-editor > .container .browseButton1 {
        width: 130px;
    }

     .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile + span + span + .errorMessage,
     .photoId > .SCGcard > .image-editor > .container > .image-upload-wrap input#AttachPhoto + .browseButton + .errorMessage{
          width: calc(100% - 140px);
    }

     .photoId > .SCGcard > .image-editor > .container .identity-wrap:before,
    .photoId > .SCGcard > .image-editor > .container .image-upload-wrap:before{
        right: 130px;
    }
	
     .photoId > .SCGcard > .image-editor > .container .image-upload-wrap:after{
        left: calc(100% - 141px);
    }

    .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap,
    .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div,
    .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView,
    .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form,
    .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr{
        top: 0;
    }

	.photoId > .SCGcard > .image-editor > .container .identity-wrap,
	.photoId > .SCGcard > .image-editor > .container .image-upload-wrap {
		margin-top: 0;
	}
	
	.photoId > .SCGcard > .image-editor > .container > .cardLabel{
		width: 393px;
		font-size: 12px;
		margin: 30px 0 5px;
	}

    .photoId > .SCGcard > .image-editor > .container > .cardLabel .leftSide{
        width: 50%;
        float: left;
        text-align: left;
    }

    .photoId > .SCGcard > .image-editor > .container > .cardLabel .rightSide{
        width: 50%;
        float: right;
        text-align: right;
    }

    .photoId > .SCGcard > .image-editor > .container > .idCardImg{
        width: 393px;
        height: 248px;
    }
    
    .photoId > .SCGcard > .image-editor > .container > .btncontrols{
        width: 330px;
    }

    .photoId > .SCGcard > .image-editor > .container > .idCardImg .cropit-preview{
        width: 86px !important;
        height: 100px !important;
        top: 48px;
        left: 18px;
		margin-top: 7px;
    }

	.photoId > .SCGcard > .image-editor > .container > .btncontrols .rotateWrapper,
	.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper{
		position: relative;
		width: auto;
		float: left;
	}
	
	.photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper{
		top: 0;
		width: calc(100% - 207px);
        /*width: 35%;
        width: calc(100% - 150px);*/
        left: 65px;
        margin-top: 0;
	}
	
    .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap:after {
        top: calc(100% - 61px);
    }
    	
	.photoId > .SCGcard > .image-editor > .container > .finishBtn {
		text-align: center;
        top: 30px;
	}

    .photoId > .SCGcard > .image-editor > .container .image-upload-wrap {
	    margin-top: 10px;
    }

    .photoId > .SCGcard > .image-editor > .container > .btncontrols .rotateWrapper,
    .photoId > .SCGcard > .image-editor > .container > .btncontrols .zoominputWrapper{
        margin-right: 0;
    }

    .photoId > .SCGcard > .image-editor > .container .identity-wrap > input,
    .photoId > .SCGcard > .image-editor > .container .image-upload-wrap > input,
    .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile {
        left: -94px;
    }
	
	@-moz-document url-prefix() {
        .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile{
            top: 4px;
        }

        .photoId > .SCGcard > .image-editor > .container .identity-wrap > input,
        .photoId > .SCGcard > .image-editor > .container .image-upload-wrap > input,
        .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile {
            left: -81px;
        }

	}

    _:-ms-lang(x), 
    .photoId > .SCGcard > .image-editor > .container .identity-wrap > input,
    .photoId > .SCGcard > .image-editor > .container .image-upload-wrap > input,
    .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile {
        left: -2px;
        top: 4px;
        width: calc(100% + 2px);
    }

	_:-ms-lang(x),
	.photoId > .SCGcard > .image-editor > .container .browseButton, .photoId > .SCGcard > .image-editor > .container .browseButton1 {
		top: calc(100% - 62px);
	}

	_:-ms-lang(x),
	#AttachPhoto {
		top: -1px !important;
	}

	_:-ms-lang(x),
	.photoId > .SCGcard > .image-editor > .container .browseButton {
		top: calc(100% - 60px) !important;
	}
		.status.electionSuccess h2{
        font-size: 35px;
    } 
	
}


/* Safari 6.1-7.0 */
@media screen and (-webkit-min-device-pixel-ratio:0) 
and (min-color-index:0)
{  
    .photoId > .SCGcard > .image-editor > .container .identity-wrap > input,
    .photoId > .SCGcard > .image-editor > .container .image-upload-wrap > input,
    .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile {(;
        left: -84px; 
    );}
}


/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */
@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
    .photoId > .SCGcard > .image-editor > .container .identity-wrap > input,
    .photoId > .SCGcard > .image-editor > .container .image-upload-wrap > input,
    .photoId > .SCGcard > .image-editor > .container > .identity-wrap > .image-upload-wrap > div > .crmEntityFormView > .entity-form > .tr > .file-cell > .control > input#AttachFile {
		left: -84px;
	}
}}