HEX
Server: Apache
System: Linux 185.122.168.184.host.secureserver.net 5.14.0-570.52.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Oct 15 06:39:08 EDT 2025 x86_64
User: barbeatleanalyti (1024)
PHP: 8.1.33
Disabled: NONE
Upload Files
File: /home/barbeatleanalyti/public_html/mbaris.beatleanalytics.com/assets/survey/css/responcive.css

/**********CUSTOM**********/

img.companies-logo {
    margin: 0px !IMPORTANT;
}
.headtext {
    margin-bottom: 21px;
}
.footer {
    box-shadow: -1px -7px 20px white;
}
label.item.item-input.input-dept input {
    width: 100%;
    margin: 0 auto;
    padding: 24px 18px;
	margin-top: 8px;
}
#mainlogin label {
    width: 66%;
}
.button-login-reset-sign-up {
    margin-top: 29px;
}
div#mainlogin {
    margin-top: 15px;
}
.footerback.textcenter  , .headerback.textcenter
{height: 670px !IMPORTANT; background: #55cdd3 !IMPORTANT;}
.bt-continue {
    background: #55cdd3;
}


.container.headerback {
    width: 100%;
}
.headerback.textcenter a.button {
    padding: 6px 20px;
    border-radius: 6px;
}
.bt-continue {
    PADDING-TOP: 45px;
    float: left;
    width: 100%;
}
.button-login-reset-sign-up table {
    margin: 0 auto !IMPORTANT;
    padding: 0px !IMPORTANT;
    width: 100% !IMPORTANT;
    float: left;
}
/**
.button-login-reset-sign-up table td {
    WIDTH: 33.33%;
  
    text-align: center;
    margin: 0 AUTO;
}**/
.button-login-reset-sign-up table td button {
    font-size: 1.4em !IMPORTANT;
	width: auto !IMPORTANT;
    padding: 0px 15px !IMPORTANT;
    border-radius: 10px;
}
a.button.buttom-calm.background-beatle.beatle-button-1x.ahref{
border-radius: 10px;
    line-height: 40px ;
    min-height: 40px ; 
    color: #fff;
    font-size: 20px;
    padding: 6px 20px;
    border: 1px solid #369498;
     font-family: 'Open Sans', sans-serif ;
}

button:FOCUS {
    OUTLINE: NONE;
}
.feedback-login {
    margin-top: 29px;
}
.accordion {
    margin: 0px !IMPORTANT;
}


.accordion h1 {
    width: 100% !IMPORTANT;
    margin: 0 auto !IMPORTANT;;
    padding: 0px;
    border-radius: 0px;
}

.accordion-section-content {
   
    width: 96% !IMPORTANT;
    text-align: center;
    margin: 0 auto !IMPORTANT;
}
.accordion {
    width: 100%;
    float: left;
}
.container.headerback {
    position: fixed;
   
    width: 100%;
    top: 0px;
    z-index: 9999999;
}
.accordion h1  {
    position: fixed;
    top: 80px;
    margin: 0 auto !IMPORTANT;
    FLOAT: NONE !IMPORTANT;
    PADDING: 0PX !important;
    Z-INDEX: 999999999;
    WIDTH: 100% !IMPORTANT;
	border-top: 25px solid #fff;
}
.accordion-section-main {
    margin-top: 170px;
}
.accordion-section-content.in p:first-child {
    margin-top:15px !IMPORTANT;
}
.accordion-section-main {
    margin-bottom: 76px;
}
.accordion-section-title {
    font-size: 28px !IMPORTANT;
}
.accordion-section-content.in p {
    font-size: 25px;
}
.accordion-section {
    MARGIN-BOTTOM: 5px;
}
.container .row .textcenter img {
    margin-top: 88px;
}
.textcenter.brand-name h2 {
    margin: 0px;     text-align: right;
}
.happy-diwaly img {
    WIDTH: 100%;
}
.happy-diwaly {
    margin: 15px 0 23px 0px;
    padding: 0px;
}


/******************/
.accordion-section.btr img {
    width: 30px;
}

.accordion-section.btr a {
    text-align: left;
}
 .accordion-section-main label.radio.inline {
    WIDTH: 100%;
    FLOAT: LEFT;
    TEXT-ALIGN: LEFT;
}
.accordion-section-main label.radio.inline {
    WIDTH: 100%;
    FLOAT: LEFT;
    TEXT-ALIGN: LEFT;
    margin: 0 0 40px 0;
    font-size: 40px;
}

.accordion-section-main .radio span:after {
    width: 27px !IMPORTANT;
    height: 27px !IMPORTANT;
    border: 6px solid !IMPORTANT;
    top: 14px !IMPORTANT;
}


.accordion-section-main .radio span {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
}
.accordion-section-main label.radio.inline span:hover {
    color: black;
    background: none !IMPORTANT;
}
.maxl {
    width: 100%;
    float: left;
    margin: 0 auto !IMPORTANT;
    padding-left: 29px;
    padding-bottom: 0px;
    padding-top: 11px;
}
.accordion-section.btr {
    float: left;
    width: 100%;
    float: left;
    border-bottom: 2px solid #ddd;
}
.accordion-section.btr {
    width: 90%;
    float: none;
    border-bottom: 2px solid #ddd;
    margin: 0 auto;
    display: table;
}

/********please tell us more************/
.ans {
    WIDTH: 75% !important;
    FLOAT: LEFT;
	MARGIN: 0PX !important;
}

.accordion-section.btr input {
    margin-bottom: 34px!IMPORTANT;
    margin-top: 8px !IMPORTANT;
	    border-radius: 3px; OUTLINE: NONE !important;
}
.singleLine.btn.btn-md {
    background: #55cdd3 !IMPORTANT;
    color: #FFF;
    font-size: 24px;
}
.ans-textarea {
    border-radius: 3px;
}
/*******************summary***************/

.login-summery {
    position: fixed;
    top: 183px;
    width: 50%;
    float: left;
    text-align: center;
}

h4.login-summery {
    text-align: right;
    padding-right: 26px !IMPORTANT; z-index: 999999999!IMPORTANT;
}
h3.login-summery {
    text-align: left;
}
.row.col-md-12.summery {
    margin-top: 220px !IMPORTANT;
}
.summery-sub .row {
    width: 90% !IMPORTANT;
    float: left !IMPORTANT;
    margin-top: 15px !IMPORTANT;
    margin-left: 10% !IMPORTANT;
}
.qty {
    float: left;
}
.summery-heder {
    position: fixed;
    top: 89px;
    width: 100%;
    float: left;
    margin: 0px auto;
    padding: 0px;
}
.summery-heder .text-center {
   
    width: 100%;
    float: left;
    margin: 0px auto;
    padding: 0px;
}
.summery-heder .text-center h1 {
   
    width: 100%;
    float: left;
    margin: 0px auto;
    padding: 6PX 0PX;
	 border-radius:0px;
}
.row.col-sm-12.summery-heder {
    height: 131px;
    background: #FFF;
    z-index: 9999;
}
.row.col-sm-12.headerback.textcenter.summery {
    padding-top: 20px !IMPORTANT;
}
.row.col-sm-12.textcenter.bt-continue {
    position: fixed;
    bottom: 0px;
    height: 148px !IMPORTANT;
}

.summery .summery-sub {
    padding-bottom: 223px !IMPORTANT;
}
.button-login-reset-sign-up table {
    margin: 0 auto !important;
    width: 100% !IMPORTANT;
    float: none !important;
}

.button-login-reset-sign-up table {
    margin: 0 auto !important;
    width: 74% !IMPORTANT;
    float: none !IMPORTANT;
	margin:0 auto;
	}
.row.summery-sub {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
/****************shap***********/
.shap {
    width: 100%;
    float: left;
    /* margin: 0 auto; */
    margin-top: 25px;
    color: #126367;
    padding: 0 29px;
}
.shap h4 {
    font-size: 25px;
}

/****thank-page**/
.thanks-main {
    margin: 32px auto;
    font-size: 24px;
}
/*summary*/
.qty-ans {
    float: left !important;
}

td.sign-up {
    width: 78px;
    text-align: left ;
}
td.login {
    width: 125px ;
    text-align: center ;
}
td.gust-login {
    width: 125px ;
    text-align: right ;
}
.shap {
    background: #fff;
    border-radius: 3px;
}
.button-login-reset-sign-up td {
    text-align: center;
}

.arrow-sign-up i {
    font-size: 37px;
    color: #FFF;
}
/********************
1200  lg
992   md
768   sm
767   xs
*******************/


/*************custom***************/
@media (min-width: 0px) and (max-width: 590px) {
	.button-login-reset-sign-up table td {
    WIDTH: 100% !important;
     float: left !important;
    margin-bottom: 29px;
	text-align: center;
}

	}
/***************************************************************************************************************************************/

/***<xs>*********** (landscape phones, 576px and up)***************/
@media (min-width: 200px) and (max-width: 767px) {}

/***<sm>*********** Medium devices (tablets, 768px and up)***************/
@media (min-width: 768px) and (max-width: 991px) {}

/***<md>***********Large devices (desktops, 992px and up)******************/
@media (min-width: 992px) and (max-width: 1199px) {}


/***<lg>*** Extra large devices (large desktops, 1200px and up)****/
@media (min-width: 1200px) { }



/**********************************-----------------********/
.accordion .col-sm-12 {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
.headerback.textcenter , .row.textcenter.bt-continue , .row.summery {
    width: 100% !IMPORTANT;
    float: left !IMPORTANT;
    margin: 0px !IMPORTANT;
    padding: 0px !IMPORTANT;
}