@import "floating-section.css";


#overlay-contact_rep_job .overlay-bottom, #overlay-contact_hub_job .overlay-bottom {
    padding: 20px 0 10px 0;
    text-align: center;
    border-top: 1px solid #ccc;
}

.email_massage {
    border-bottom: 1px solid #ccc;
}
.error_mgs {
	 border-bottom: 1px solid #ccc;
}
.role-row, .splz-btn-row, .rep-row, .splz-row {
  margin: 0px auto;	
}

.contact_hub_info_container {
    margin: 20px 0;
}

.choose-rap-section {
    background: #f6f5f0;
}
.choose-rap-section input {
   padding: 14px;
    flex: 1;
}
.choose-rap-section select {
    padding: 15px 30px;
 height: 54px !important;
}
.choose-rap-section .width-diff {
    flex: 1;
    margin-right: 10px;
}

.floating-section-right .custom-container{
    margin-bottom: unset !important;
}

.rep-info-row{
	justify-content: center;
}
/*.repInfomation {
	    border-bottom: 1px solid #ccc;
}*/
.cell {
	padding: 30px 0px;
    border: 1px solid #D8D8D8;
    margin: 20px;
}
.border-contact-rep {
	padding: 10px 50px;
}
.row-contact-rep>.border-contact-rep:first-child {
	border-right:3px solid #c94f13;
}
@media (min-width: 300px) and  (max-width: 766px){
    img.rep-img{
	width: 100%;
}
.border-contact-rep {
	padding: unset;
}
.row-contact-rep {
	text-align: center;
	width: unset;
}
.row-contact-rep>.border-contact-rep:first-child {
	border-right:none;
	border-bottom: 3px solid #c94f13;
}
.rep_result {
    padding: 0px;
}
a.name.button {
    font-size: 35px;
}

.cell.rep1 {
	text-align: center;
	font-size: 24px; 
}
.cell.rep2 {
	text-align: center;
	font-size: 24px;
}
.cell {
	text-align: center;
	font-size: 24px;
}
.cell.pcNams {
	text-align: center;
	font-size: 24px;
}
.cell.pcRams {
	text-align: center;
	font-size: 24px;
}
    footer .custom-container .col-12 {
        padding-right:0;
    }
    .choose-rap-section h6{
        display: block;
        font-size: 20px;
    }
    .choose-rap-section .width-diff {
        margin-right: 10px;
    }
    .choose-rap-section input {
        flex: 1;
        text-transform: uppercase;
        color: #000;
        border: none;
    }

    .choose-rap-section .search-rep {
        width: 70%;
        float: right;
    }
    .choose-rap-section .custom-container {
        display: block;
    }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 767px) and (max-width: 990px) {
    .choose-rap-section h6{
        width: 100% !important;
        text-align: right !important;
        justify-content: center;
        display: block;
        font-size: 35px;
    }
	
	.border-contact-rep {
	padding: unset;
}
	.row-contact-rep {
	text-align: center;
}
.specializling-btn {
    margin: 0px auto;
}
	.row-contact-rep>.border-contact-rep:first-child {
	border-right:none;
	border-bottom: 3px solid #c94f13;
}
    .choose-rap-section .custom-container {
        display: block;
    }
    .search-rep .form-inline .form-control {
        width:100%;
    }
    .choose-rap-section .custom-container {
        width: 90%;
        margin: 0 auto;
        display: block;
    }
    .choose-rap-section button.diff-button {
        font-size: 12px;
        padding: 15px 15px;
    }
    .choose-rap-section .search-rep {
        width: 50% !important;
        display: block;
        float: right !important;
    }
    .choose-rap-section .width-diff {
        flex: auto;
        width: 60%;
        float: left;
    }
}

@media (max-width: 450px) {
	.rep-btn {
    max-width: fit-content;
    font-size: x-small!important;
    /* margin: 49px; */
    float: right;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 991px) {
    .choose-rap-section .search-rep {
        width: 40%;
        float: left;
    }
    .choose-rap-section .width-diff {
        flex: auto;
        width: 60%;
        float: left;
    }
.splz-row {
    margin-left: -10px;
}
}
label.specializling-label, label.i-am, label.in-label {
    font-size: 25px;
    width: auto;
    font-weight: var(--behr-bold);
    font-family: var(--behr-body-and-label-font--bold);
	margin-top: 5px;
}

@media (min-width: 500px) and  (max-width: 991px){
.choose-rep-row {
    width: 100%;
}
}

.rep-btn {
	height: 52px;
}
@media (min-width: 992px) and  (max-width: 1576px){
   .choose-rep-row {
    width: unset;
    margin: unset;
}

.choose-rap-section input {

    width: 112%;
}
.specilization-dropdown.dropdown {
    min-width: 250px;
}

label.specializling-label{
    width: max-content;
}

label.i-am {
    width: max-content;
}
.role-dropdown.dropdown {
    min-width: 220px;
}
}

@media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){

.choose-rep-row {
    width: unset;
    margin: 0px 7px 0px -23px;
}

label.specializling-label {
    width: max-content;
/*    margin-left: -11px;*/
}

}
@media (min-width: 401px) and (max-width: 450px) {
	.dropdown {
    /* min-width: fit-content !important; */
    min-width: 230px;
}
.choose-rep-row {
    width: unset;
}
}

@media (max-width: 550px){
	label.specializling-label, label.i-am, label.in-label {
    padding: 0px 0px;
    font-size: 21px;
    margin-top: 12px;
}

}
@media (max-width: 445px) {
	.dropdown {
  min-width: 206px;
}
.choose-rep-row {
    width: unset;
}
.role-dropdown .dropdown-menu.show {
	/*transform: translate3d(0px, 50px, 0px);*/
    min-width: 274px !important;
}
.specilization-dropdown .dropdown-menu.show{
	/*transform: translate3d(-70px, 52px, 0px);*/
	}
}

@media (max-width: 376px) {
	.role-dropdown .dropdown-menu.show {
	min-width: 274px !important;
   /*transform: translate3d(-68px, 52px, 0px) !important;*/	
	}
	.specilization-dropdown .dropdown-menu.show{
	/*transform: translate3d(-94px, 52px, 0px) !important;*/	
	}
}