/* Search User container */
.external-user-container.user-invite .choose-user-type .contact-phone.contact-row div.col-5 .phonecodes a span img {
	margin-top: 2px;
}
.external-user-container.user-invite .choose-user-type .contact-phone.contact-row div.col-5 .phonecodes li a .cntry-name {
	margin-top: 0px;
	width: 135px;
}
.external-user-container.user-invite .choose-user-type .contact-phone.contact-row div.col-5 .phonecodes a span b {
	margin-top: 0px;	
}
.external-user-container.user-invite .choose-user-type .contact-phone.contact-row div.col-5 {
    max-width: 70px;
	margin-right:4px;
}
.external-user-container.user-invite .choose-user-type .contact-phone.contact-row div.col-5  .phonecodes .current-phonecode {
	margin-bottom: 0px;
}
.external-user-section {
    background: #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.external-user-section .filter-label {
    font-weight: 600
}

.ext-user-title {
    font-weight: 600;
    font-size: 85%;
    line-height: 1.25
}

.external-user-section .otp-container .filter-label {
    font-size: 11.9px;
    line-height: 14.875px
}

.external-user-content {
    padding-left: 6px!important;
    padding-right: 6px!important;
    border: 1px solid #bbb!important;
    background: #b3ffb4
}

.otp-validation {
    background: rgba(0, 0, 0, .1);
    border: 1px solid #bbb!important
}

.external-user-container.user-invite .w-100 .col-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px!important
}

.external-user-container.user-invite .w-100 .col-3:first-child {
    margin-bottom: 5px
}

.external-user-container.user-invite .icon-view {
    opacity: 1
}

.external-user-container.user-invite .phonecode {
    padding: 1px 3px!important;
    padding-left: 0!important;
    height: 100%;
    display: flex;
    align-items: center;
}

.external-user-container.user-invite span.flag img {
    height: 18px;
    width: 18px
}

.external-user-container.user-invite .phonecode .code {
    font-size: 13px
}

.external-user-container.user-invite .form-control {
    font-size: 13px;
    padding: 1px
}

.external-user-container.user-invite .contact-row .col-10 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.external-user-container.user-invite .choose-user-type .icon-view {
    position: relative;
    top: 6px
}


/*
.external-user-container.user-invite .w-100 .col-3{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-left:15px!important}
.external-user-container.user-invite .w-100 .col-3:first-child{margin-bottom:5px}
.external-user-container.user-invite .icon-view{opacity:1}
.external-user-container.user-invite .phonecode{padding-left:0!important}
.external-user-container.user-invite span.flag img{height:18px;width:18px}
.external-user-container.user-invite .phonecode .code{font-size:11px}
.external-user-container.user-invite .form-control{font-size:13px;padding:3px}
.external-user-container.user-invite .contact-row .col-10{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.external-user-container.user-invite .choose-user-type .icon-view{position:relative;top:6px}
*/

.external-user-content .external-name-container .col-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.feedback-option-form .col-md-12.external-contact-info {
    padding-left: 0
}

.external-user-content .external-name-container .text-right.d-none.d-sm-block a {
    margin-top: 5px;
    font-size: 13px;
    padding: 4px 10px
}

.external-user-content .external-name-container .col-6.pl-0 {
    margin-bottom: 3px;
    padding-right: 0
}

.search-user-container {
    position: relative;
    /*background:#ddd;*/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.search-user-container .resend-code {
    font-weight: 600;
    text-decoration: none
}

.search-user-container .close-confirmation,
.overlay-close-confirmation {
    position: absolute;
    z-index: 996;
    background: rgba(255, 255, 255, .65);
    height: 100%;
    width: 100%;
    word-wrap: break-word;
    white-space: normal;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.search-user-container .close-confirmation .confirmation,
.overlay-close-confirmation .confirmation {
    width: 90%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center
}

.search-user-container .confirmation .yes,
.search-user-container .confirmation .no,
.overlay-close-confirmation .confirmation .yes,
.overlay-close-confirmation .confirmation .no {
    font-size: 16px;
    margin-left: 5px
}

.write-content-l1 .title-label,
.write-content-l1 .main-label-title {
    font-size: 15px
}

.write-content-l1 .main-label-title {
    font-size: 14px
}

.write-content-l1 .title-label,
.write-content-l1 .fa-trash,
.write-content-l1 .icon-view .fa {
    font-size: 13px
}

.write-content-l1 .fancy-radio input[type="radio"]+span {
    font-size: 13px
}

.write-content-l2 .main-label-title {
    font-size: 13px
}

.write-content-l2 .title-label,
.write-content-l3 .fa-trash,
.write-content-l2 .icon-view .fa {
    font-size: 12px
}

.write-content-l2 .fancy-radio input[type="radio"]+span {
    font-size: 12px
}

.write-content-l3 .main-label-title {
    font-size: 12px
}

.write-content-l3 .title-label,
.write-content-l3 .fa-trash,
.write-content-l3 .icon-view .fa {
    font-size: 11px
}

.write-content-l3 .fancy-radio input[type="radio"]+span {
    font-size: 11px
}

.write-content-l3 .contact-social .socialbuttons img {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.write-content-l3 .contact-social .socialbuttons a {
    width: 26px
}

.write-content-l3 .otp-container .code-validate {
    font-size: 12px;
    padding: 4px 10px
}

.search-user-container .dynamic-info {
    padding: 0!important
}

.choose-user-type.external-user-content {
    display: none
}

.search-user-container .phonecode .code {}

.no-blur,
.flagged-profile .ban-btn,
.flagged-profile .undo-flag-confirmation span,
.section-default-data span {
    -webkit-filter: blur(0)!important;
    -moz-filter: blur(0)!important;
    -o-filter: blur(0)!important;
    -ms-filter: blur(0)!important;
    filter: blur(0)!important;
    pointer-events: auto!important;
}

tr:hover .icon-view,
.edit-mode,
.section-head .icon-view {
    /* opacity: 1; */
}

.phone-no {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
}

.write-content .phonecode {
    color: #495057;
    width: 100%;
    box-shadow: none;
    background: inherit;
    border: 1px solid #ced4da!important;
    padding: 4px 3px!important;
    font-size: inherit!important;
    border-right: 0!important;
    border-radius: 0!important;
    height: inherit;
}

.external-user-container.user-invite .choose-user-type .contact-phone.contact-row .col-5 {
    max-width: 64px;
}

.external-user-container.user-invite .choose-user-type .phonecodes li a {
    padding-left: 5px;
	padding-right: 5px;
	white-space: unset;
}

.external-user-container.user-invite .choose-user-type .contact-phone.contact-row .dropdown-toggle::after {
    margin-left: 8px;
}

.external-user-container.user-invite .choose-user-type.phonecode .code {
    font-size: 13px;
    max-width: 28px;
    width: 100%;
}

.external-user-container.user-invite .userdata-info.contact-html {
    font-size: 13px;
}

.external-user-container.user-invite .otp-container #otp {
    font-size: 13px;
}

html .external-user-container.user-invite .otp-container #otp {
    padding: 1px;
}

html .external-user-container.user-invite .otp-container .col-auto.pl-0 {
    display: flex;
    align-items: center;
}

html .external-user-container.user-invite .otp-container .code-validate,
html .external-user-container.user-invite .otp-container .resend-code,
html .external-user-container.user-invite .otp-container .title-label {
    font-size: 13px;
}

html .external-user-container.user-invite .choose-user-type .form-control {
    padding: 1px;
}

html .external-user-content .external-name-container .form-control {
    padding: 1px;
}

html .write-content .form-control {
    padding: 1px
}

html .external-user-container.user-invite .choose-user-type #phone {
    padding-bottom: 1px;
}

.external-user-content .external-name-container .write-content .text-right.d-none.d-sm-block a {
    font-size: 13px;
}

.write-content .contact-phone.contact-row .dropdown button span.flag {
    height: 100%;
    display: flex;
    align-items: center;
    margin-top: 0px!important;
    padding-right: 2px;
    /* justify-content: center; */
    /* align-content: center; */
    float: none;
}

.write-content .comments-box {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    background: #CFFFCF;
}

@media (max-width: 768px) {
    .external-user-container.user-invite .form-control {
        padding: 4px 6px
    }
    .external-user-container.user-invite span.flag img {
        height: 14px;
        width: 14px
    }
    .external-user-container.user-invite .choose-user-type #phone {
        height: 23px;
    }
    .external-user-container.user-invite .choose-user-type .phonecode {
        height: 23px;
    }
    .external-user-container.user-invite .choose-user-type .phonecode {
        display: flex;
        align-items: center;
    }
    .external-user-container.user-invite .choose-user-type .contact-phone.contact-row .col-5 {
        max-width: 57px;
    }
    .external-user-container.user-invite .choose-user-type .contact-phone.contact-row .dropdown-toggle::after {
        margin-left: 11px;
    }
}

@media screen and (min-width: 280px) and (max-width: 320px) {
    .contact-phone.contact-row .dropdown button span.flag {
        margin-top: -4px!important;
    }
}

@media screen and (min-width: 320px) and (max-width: 756px) {
    .contact-phone.contact-row .dropdown button span.flag {
        height: 23px;
        margin-top: -1px!important;
        display: flex;
        align-items: center;
    }
    .external-user-container.user-invite .choose-user-type .contact-phone.contact-row div.col-5 {
        max-width: 64px;
    }
    .external-user-container.user-invite .choose-user-type .contact-phone.contact-row button.dropdown-toggle::after {
        margin-left: 11px;
    }
}

@media (min-width: 740px) and (max-width: 773px) {
	
	
	.external-user-container.user-invite .choose-user-type .contact-phone.contact-row div.col-5 .phonecodes a span img {
		margin-top: 0px;
	}	
	
    .external-user-container.user-invite .choose-user-type .contact-phone.contact-row .col-5 {
        max-width: 53px;
    }
    .external-user-container.user-invite .choose-user-type .contact-phone.contact-row .dropdown-toggle::after {
        margin-left: 8px;
    }
    .external-user-container.user-invite .choose-user-type .form-control {
        font-size: 11px;
    }
    .external-user-container.user-invite .choose-user-type .code {
        font-size: 11px;
    }
    /* .external-user-container.user-invite .choose-user-type .contact-phone.contact-row .col-5 {
        max-width: 53px;
    }
    .external-user-container.user-invite .choose-user-type .contact-phone.contact-row .dropdown-toggle::after {
        margin-left: 8px;
    } */
    .external-user-container.user-invite .external-name-container .text-right.d-none.d-sm-block a {
        font-size: 11px;
    }
    .external-user-container.user-invite .choose-user-type .form-control {
        font-size: 11px;
    }
    .external-user-content .external-name-container .form-control {
        font-size: 11px;
    }
    .external-user-container.user-invite .userdata-info.contact-html {
        font-size: 11px;
    }
    html .external-user-container.user-invite .otp-container .code-validate,
    html .external-user-container.user-invite .otp-container .title-label {
        font-size: 11px;
    }
    .external-user-content .external-name-container .write-content .text-right.d-none.d-sm-block a {
        font-size: 11px;
    }
    .external-user-container.user-invite .otp-container #otp {
        font-size: 11px;
    }
    html .external-user-container.user-invite .otp-container .code-validate,
    html .external-user-container.user-invite .otp-container .resend-code,
    html .external-user-container.user-invite .otp-container .title-label {
        font-size: 11px;
    }
}

@media (min-width: 774px) and (max-width: 973px) {
    .external-user-container.user-invite .choose-user-type .form-control {
        font-size: 12px;
    }
    .external-user-container.user-invite .choose-user-type .code {
        font-size: 12px;
    }
    .external-user-container.user-invite .choose-user-type .contact-phone.contact-row .col-5 {
        max-width: 53px;
    }
    .external-user-container.user-invite .choose-user-type .contact-phone.contact-row .dropdown-toggle::after {
        margin-left: 8px;
    }
    .external-user-container.user-invite .external-name-container .text-right.d-none.d-sm-block a {
        font-size: 12px;
    }
    .external-user-container.user-invite .choose-user-type .form-control {
        font-size: 12px;
    }
    .external-user-content .external-name-container .form-control {
        font-size: 12px;
    }
    .external-user-container.user-invite .userdata-info.contact-html {
        font-size: 12px;
    }
    html .external-user-container.user-invite .otp-container .code-validate,
    html .external-user-container.user-invite .otp-container .title-label {
        font-size: 12px;
    }
    .external-user-content .external-name-container .write-content .text-right.d-none.d-sm-block a {
        font-size: 12px;
    }
    .external-user-container.user-invite .otp-container #otp {
        font-size: 12px;
    }
    html .external-user-container.user-invite .otp-container .code-validate,
    html .external-user-container.user-invite .otp-container .resend-code,
    html .external-user-container.user-invite .otp-container .title-label {
        font-size: 12px;
    }
}

@media (max-width: 454px) {
	.external-user-container.user-invite .choose-user-type .contact-phone.contact-row div.col-5 .phonecodes a span img {
		margin-top: 0px;
	}
    .external-user-container.user-invite .choose-user-type .form-control {
        font-size: 12px;
    }
    .external-user-container.user-invite .choose-user-type .code {
        font-size: 12px;
    }
    .external-user-container.user-invite .choose-user-type .contact-phone.contact-row .col-5 {
        max-width: 53px;
    }
    .external-user-container.user-invite .choose-user-type .contact-phone.contact-row .dropdown-toggle::after {
        margin-left: 8px;
    }
    .external-user-container.user-invite .external-name-container .text-right.d-none.d-sm-block a {
        font-size: 12px;
    }
    .external-user-container.user-invite .choose-user-type .form-control {
        font-size: 12px;
    }
    .external-user-content .external-name-container .form-control {
        font-size: 12px;
    }
    .external-user-container.user-invite .userdata-info.contact-html {
        font-size: 12px;
    }
    html .external-user-container.user-invite .otp-container .code-validate,
    html .external-user-container.user-invite .otp-container .title-label {
        font-size: 12px;
    }
    .external-user-content .external-name-container .write-content .text-right.d-none.d-sm-block a {
        font-size: 12px;
    }
    .external-user-container.user-invite .otp-container #otp {
        font-size: 12px;
    }
    html .external-user-container.user-invite .otp-container .code-validate,
    html .external-user-container.user-invite .otp-container .resend-code,
    html .external-user-container.user-invite .otp-container .title-label {
        font-size: 12px;
    }
}
@media (min-width: 280px) and (max-width: 360px) {
	.external-user-container.user-invite .choose-user-type .contact-phone.contact-row div.col-5 .phonecodes li a .cntry-name {
		width: 122px;
	}
}
@media (min-width: 280px) and (max-width: 354px) {


	.external-user-container.user-invite .choose-user-type .contact-phone.contact-row div.col-5 {
		margin-right:2px;
	}
	.external-user-container.user-invite .choose-user-type .contact-phone.contact-row div.col-5 .phonecodes a span img {
		margin-top: 0px;
	}
    .external-user-container.user-invite .choose-user-type .form-control {
        font-size: 11px;
    }
    .external-user-container.user-invite .choose-user-type .code {
        font-size: 11px;
    }
    /* .external-user-container.user-invite .choose-user-type .contact-phone.contact-row .col-5 {
        max-width: 53px;
    }
    .external-user-container.user-invite .choose-user-type .contact-phone.contact-row .dropdown-toggle::after {
        margin-left: 8px;
    } */
    .external-user-container.user-invite .external-name-container .text-right.d-none.d-sm-block a {
        font-size: 11px;
    }
    .external-user-container.user-invite .choose-user-type .form-control {
        font-size: 11px;
    }
    .external-user-content .external-name-container .form-control {
        font-size: 11px;
    }
    .external-user-container.user-invite .userdata-info.contact-html {
        font-size: 11px;
    }
    html .external-user-container.user-invite .otp-container .code-validate,
    html .external-user-container.user-invite .otp-container .title-label {
        font-size: 11px;
    }
    .external-user-content .external-name-container .write-content .text-right.d-none.d-sm-block a {
        font-size: 11px;
    }
    .external-user-container.user-invite .otp-container #otp {
        font-size: 11px;
    }
    html .external-user-container.user-invite .otp-container .code-validate,
    html .external-user-container.user-invite .otp-container .resend-code,
    html .external-user-container.user-invite .otp-container .title-label {
        font-size: 11px;
    }
}

.dynamic-tooltip td {
    display: table-cell !important;
}

@media (min-width: 280px) and (max-width: 320px) {
    html .external-user-container.user-invite button.phonecode .flag img {
        margin-top: 0px;
    }
}

@media (min-width: 1280px) {
	.external-user-container.user-invite .choose-user-type .contact-phone.contact-row div.col-5 .phonecodes li a .cntry-name {
		width: 122px;
	}
}