body {
    margin: 0px;
    padding: 0px;
	font-family: Arial;
    font-size: 14px;

}
#ie-warning {
    background-color: goldenrod;
    text-align: center;
    padding: 10px;
    color: black;
}

    #ie-warning a {
        color: black;
        text-decoration: underline;
    }
/*body backdround*/
/*#background {
    left: 0px;
    top: 0px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1086px;
    height: 1368px;
    overflow: hidden;
    z-index: 0;
	 overflow: scroll;
}*/

/*header style*/

/*ring logo style*/
.sub_logo{
padding-left:400px;

}


/*Kyklos logo image style*/
/*h1{

    left: 49px;
    top: 50px;
    position: absolute;
    width: 252px;
    height: 55px;
    z-index: 24;
	background-image:url(images/Kykloslogo.png);
}*/


/*life is better line style*/
.sub_header{

    left: 49px;
    top: 111px;
    position: absolute;
    width: 153px;
    height: 10px;
    z-index: 23;
	padding-top:10px;
}

/*create new patient link*/
.new_patient{
left: 770px;
    top: 24px;
    position: absolute;
    width: 137px;
    height: 20px;
    z-index: 20;
	color:white;
	}

	/*sign out link*/
.sign_out{
left: 932px;
    top: 24px;
    position: absolute;
    width: 62px;
    height: 20px;
    z-index: 22;
	color:white;

}
/*search textbox*/
.search{
	/*left: 770px;*/
    top: 62px;
    /*position: absolute;*/
    width: 155px;
    height: 31px;
    z-index: 28;
	}

#HelloUserLink {
    /*left: 770px;*/
    top: 75px;
    /*position: absolute;*/
    width: 285px;
    height: 31px;
    z-index: 30;
    display: block;
    clear:both;
    float:right;
    /*color:rgba(246, 146, 28, 1) !important;*/
    color:white !important;
    margin-right: -100px;
}
#HelloUserLink a{
    color: white!important;
}

    #HelloUserLink:visited, #HelloUserLink:active, #HelloUserLink:hover {color:white !important;    }
/*Navigation menu style*/
#home_cover{
	left: 48px;
    top: 145px;
    position: absolute;
    width: 108px;
    height: 27px;
    z-index: 7;
	background-color:#B04EC4;
}
.home{

	left: 85px;
    top: 144px;
	color:white;
    width: 35px;
    height: 10px;
    z-index: 8;
	text-align:center;
	padding-top:5px;
}

#patient_cover{

left: 159px;
    top: 145px;
    position: absolute;
    width: 109px;
    height: 27px;
    z-index: 9;
background-color:#B04EC4;
}

.patient{
    left: 168px;
    top: 144px;

    width: 89px;
    height: 10px;
    z-index: 10;
	color:white;

}


#survey_cover{
left: 271px;
    top: 145px;
    position: absolute;
    width: 125px;
    height: 27px;
    z-index: 11;
	background-color:#B04EC4;

}

.survey{
	    left: 313px;
    top: 144px;
    color:white;
    width: 42px;
    height: 13px;
    z-index: 12;
}

#testing_cover{
	left: 399px;
    top: 145px;
    position: absolute;
    width: 124px;
    height: 27px;
    z-index: 13;
	background-color:#B04EC4;
}
.testing{
	left: 437px;
    top: 144px;
   color:white;
    width: 44px;
    height: 13px;
    z-index: 14;

}

#diagnosis_cover{
	left: 526px;
    top: 145px;
    position: absolute;
    width: 125px;
    height: 27px;
    z-index: 15;
	background-color:#B04EC4;
}
.diagnosis{
	left: 559px;
    top: 144px;
    color:white;
    width: 59px;
    height: 13px;
    z-index: 16;

}
a {
    color: #B04EC4;
    text-decoration: none;
}
#purchase_cover{
	left: 654px;
    top: 145px;
    position: absolute;
    width: 108px;
    height: 27px;
    z-index: 17;
	background-color:#B04EC4;
}
.purchase{
	left: 680px;
    top: 144px;
    color:white;
    width: 56px;
    height: 10px;
    z-index: 18;
}

/*welcome to your clinic style*/



/* welcome to your clinic text style*/
.text{
	padding-top:40px;
	padding-left:60px;
}

/* THIS STYLE IS FOR MIDDLE DESIGN
#patient_appointment{
	left: 48px;
    top: 300px;
    position: absolute;
    width: 993px;
    height: 39px;
    z-index: 25;
	background-color:#0d71b2;
	color:white;
	font-size:20px;
	font-family:helvetica;
}
.patient_text{

	left: 108px;
    top: 313px;
    position: absolute;
    width: 175px;
    height: 16px;
    z-index: 26;
}

.back_view{
left: 109px;
    top: 349px;
    position: absolute;
    width: 950px;
    height: 315px;
    z-index: 30;

}

.upcoming{
    left: 48px;
    top: 363px;
    position: absolute;
    width: 993px;
    height: 39px;
    z-index: 104;
	background-color:#0c74b5;
	font-family:helvetica;
	font-size:16px;
	color:white;


}
.pua{
padding-left:60px;

}

#data{
	left: 109px;
    top: 349px;
    position: absolute;
    width: 937px;
    height: 315px;
    z-index: 30;
	padding-top:90px;
	padding-left:10px;

}

.symptom{


	left: 694px;
    top: 580px;
    position: absolute;
    width: 234px;
    height: 39px;
    z-index: 129;
	background-color:#147bbb;

}
.report_button{
	padding-top:14px;
	padding-left:15px;

}

.arrow{

color:white;
padding-left:80px;
padding-top:8px;
}
*/

/*content style*/
#content{

/*height:980px;*/
min-height:227px;;
margin-left:46px;
margin-right:20px;
}


/*footer style*/
.footer{

width: 1086px;
padding-left:10px;
float:left;
clear: both;
margin-top: 30px;

}

#SignOutLink {
    color: white !important;
}

    #SignOutLink:hover,  #SignOutLink:visited,  #SignOutLink:focus {
        color: white !important;
    }

/*------------- New Css-------------*/




#main_wrapper {margin:0 auto; width:1086px; }
#full-wrap{ }
	/* start header*/
/*#header{  margin: 0 auto; width: 1086px; height: 168px; background:#009ad8 url(images/header_background.png) repeat-y ;}*/
#header{  margin: 0 auto; width: 1086px; height: 195px; background-color:#B04EC4;}
.header_left { float:left;}
.header_right { float:right; }
.subHead{width:1086px;height:100px;background-color:#B04EC4;Color:white;padding-top:40px;padding-left:60px;font-family:Helvetica Bold;font-size:18px;}
.top_head { display: inline-block; width: 1086px; }
/*#top_nav { float:left;  width: 1086px; margin: 13px 15px 15px 0px; }*/
#top_nav { float:left;  width: 1086px; margin: 5px 15px 15px 0px; }



.kyklos_logo { position:relative; margin-left:26px; padding-top:32px;  margin-right: 3px;  }
.kyklos_logo a{ display: block; height: 56px; }
.kyklos_logo a .kyklos_img { float:left; }
.kyklos_logo a .treatments2you_logo {
    float:left;
    max-width: 310px;
    max-height: 152px;
    margin-top: -37px;
    margin-bottom: 20px;
}
.kyklosClinic_img { float:left; height: 88px; width: 255px;margin-top: -35px;}

.app_img{ position:absolute;float:left; margin-left:9px; padding-top:5px;  margin-right: 49px;padding-bottom:5px;}
.logo_line { position: absolute; top: 70px; }
.logo_span { height:110px; width:114px; float:left; padding-left:135px; position: absolute; top: 7px; }
.right_navi { margin-top:10px; background-color: #B04EC4;}
.right_navi nav{ }
.right_navi ul { }
.right_navi ul li { list-style:none; float: left; padding-right: 8px; color:white !important; }
.right_navi ul li a { /*font-size: 9pt;*/ text-decoration: none; color:white !important; }

.nav_top { width:100%; /*font-size: 9pt;*/ padding-left:25px;}

.nav_top ul{ margin:0; width:1086px;padding-left:0px;}
.nav_top ul li{ list-style:none;display:block;float:left;margin:0 1px 0 0;padding:0; }
.nav_top ul li a { color:#fff;display:block;line-height:18px;padding:8px 10px;text-decoration:none;background:#0760ac;}
.nav_top ul li a:hover { background-color:#E6E6E6;color:#000000; }
.nav_top ul li a.selected { background-color:#E6E6E6;color:#000000; }


#top_nav_startingsteps{ float:left;  width: 1086px; margin: 13px 15px 15px 23px;}
.nav_top_startingsteps{ width:100%; /*font-size: 9pt;*/ padding-left:25px;}
.nav_top_startingstepsfr{ width:100%; /*font-size: 9pt;*/ padding-left:25px;}
.nav_top_startingsteps ul{ margin:0; width:1086px;padding-left:0px;}
.nav_top_startingstepsfr ul{ margin:0; width:1086px;padding-left:0px;}

.nav_top_startingsteps ul li{ list-style:none;display:block;float:left;margin:0 4px 0 0;padding:0; color:white;display:block;line-height:18px;padding:8px 32px;text-decoration:none;background:#797a7d;}
.nav_top_startingstepsfr ul li{ list-style:none;display:block;float:left;margin:0 4px 0 0;padding:0; color:white;display:block;line-height:18px;padding:8px 18.5px;text-decoration:none;background:#797a7d;}
/*.nav_top_startingsteps ul li a:hover { background-color:#4fb948;color:#000000; }*/
.nav_top_startingsteps ul li a:hover { }
	/* end header*/
	/*start wrap*/
#wrap { float: left; /*height: 115px;*/ height: 35px; width: 1086px; }

#welcome { background-color:#B04EC4; }
.inner_button { }
.link_button { }
.link_button a{background: rgba(0, 0, 0, 0) url("images/button_back_new.png") repeat scroll 0 -39px; display: inline-block; height: 39px;padding-left: 16px;}
.link_button a span{  background: rgba(0, 0, 0, 0) url("images/button_back_new.png") repeat scroll 100% 0 ; display:inline-block;
font-size:12px; font-weight:bold; height:39px; line-height:39px; padding-left:13px; padding-right:68px; text-decoration:none; color: #fff; }

.footer_nav { float:right }
.footer_nav nav {}
    .footer_nav nav ul {
        display: inline-block;
        vertical-align: top;
        margin-top: 5px;
}
.footer_nav nav ul li{ list-style:none; margin-right:25px; }
.footer_nav nav ul li a { color:#999999; text-decoration:none; }

.footer_disclaimer {
    font-size: 11px;
    margin-top: 5px;
    color: #999999;
}
/* *********************** */
/* <gkochar@201510119>     */
.bodyheader {
    background-color:#B04EC4;
    color: #FFF;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 15px;
    padding: 7px 0 7px 20px;
}
a.ctrlrbutton:link,
a.ctrlrbutton:hover,
a.ctrlrbutton:visited {
    background-color:#B04EC4;
    color: #FFF;
    display: block;
    font-weight: bold;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 7px 0 7px 20px;
    text-decoration: none;
    width: 49%;
}
#container1 {
	color: #FFF;
    background-color:#B04EC4;
    padding: 20px 20px 20px 40px;
    width:1012px;
}
.bodysection {
	background-color: #b1e4f5;
	margin-bottom: -6px;
    overflow: auto;
    padding: 20px;
}
.bodysection.leftcol {
	float: left;
	width: 49%;
}
.bodysection.rightcol {
	clear: right;
	float: right;
	width: 49%;
}
#container2.bodysection {
    background-color: #FFF;
    padding: 0;
    margin-top:16px;
}
#container2 .bodysection.leftcol {
    background-color: #FFF;
    margin: 0;
    padding: 0;
    width: 30%;
}
#container2 .bodysection.leftcol a {
    background-color: #faa31b;
    background-image: url(images/arrow.jpg);
    background-position: right;
    background-repeat: no-repeat;
    color: #FFF;
    display: block;
    font-weight: bold;
    height: 37px;
    line-height: 37px;
    padding-left: 10px;
    text-decoration: none;
    vertical-align: middle;
}
#container2 .bodyheader {
    margin: 0;
}
#container2 .bodysection.rightcol {
	background-color: #ddf7de;
    width: 70%;
}
#helpMenu {
	margin-top: 15px;
    overflow: auto;
}
.helpMenuText {
	background-color: #c7e9f4;
	background-image: url(images/arrow1.jpg);
	background-position: right;
	background-repeat: no-repeat;
    display: inline-block;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
    padding: 5px 28px;
    width: 18%;
}
.helpMenuText.selected {
	background-color:#B04EC4;
    background-image: url(images/arrow_slctd.jpg);
    color: #FFF;
    font-weight: bold;
}
#helpMenu1 {
	margin-top: 15px;
    overflow: auto;
    margin-left:-29px;
}
.helpMenuText1 {
	background-color: #c7e9f4;
	background-image: url(images/arrow1.jpg);
	background-position: right;
	background-repeat: no-repeat;
    display: inline-block;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
    padding: 5px 18px;
    width: 25%;
}
.helpMenuText1.selected {
	background-color:#B04EC4;
    background-image: url(images/arrow_slctd.jpg);
    color: #FFF;
    font-weight: bold;
}
.techMenuText {
	background-color:#B04EC4;
	background-image: url(images/White_arrow.png);
	background-position: right;
	background-repeat: no-repeat;
    display: inline-block;
	float: left;
	margin-left: 20px;
	margin-bottom: 15px;
    padding: 5px 20px;
    width: 80%;
    height:40px;
    color:white;
}
#srpContent {
	padding: 20px;
}
#srpContent .column {
	float: left;
    margin-left: 3%;
    width: 30%;
}
.recentArticle { overflow: auto; }
.recentArticle .leftcol {
    float: left;
    padding: 20px 0;
    width: 40%;
}
.recentArticle .rightcol {
    border-left-color: #ccc;
    border-left-style: solid;
    border-left-width: 1px;
    float: left;
    padding: 20px 0;
    width: 60%;
}
.recentArticle .leftcol .publisher,
.recentArticle .leftcol .publication,
.recentArticle .rightcol .pubsummary {
    padding-left: 20px;
    padding-right: 20px;
}

.valuableResources{overflow:auto;}
.valuableResources .leftcol {
    float: left;
    padding: 20px 0;
    width: 25%;
}
.valuableResources .leftcol1 {
    float: left;
    padding: 20px 0;
    width: 25%;
    height:20%;
    background-color: #B04EC4;
    margin-top: 33px;
}
.valuableResources .rightcol {
    border-left-color: #ccc;
    border-left-style: solid;
    border-left-width: 0px;
    float: left;
    padding: 51px 0;
    width: 70%;
}
.valuableResources .pubsummary {
    padding-left: 20px;
    padding-right: 20px;
    color:white;height:370px;font-size:17.01px;font-family:Arial, Helvetica, sans-serif;align-items:center;
    margin-top:22px;
}
.valuableResources .rightcol .rleft{
     float: left;
   // padding: 51px; 0;
    width: 42%;
    //padding-left:15px;
     color:#B04EC4;
    padding-top:24px;margin-left:56px;font-size:14.17px;font-family:Arial, Helvetica, sans-serif;

}
.valuableResources .rightcol .rright{
     float: right;
    padding: 20px 0;
    width: 50%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14.17px;
}




.aboutKyklos { overflow: auto; }
.aboutKyklos .leftcol {
    float: left;
    padding: 20px 0;
    width: 40%;
}
.aboutKyklos .rightcol {
    border-left-color: #ccc;
   // border-left-style: solid;
   // border-left-width: 1px;
    float: left;
    padding: 20px 0;
    width: 60%;
}
.aboutKyklos .leftcol .publisher,
.aboutKyklos .leftcol .publication,
.aboutKyklos .rightcol .pubsummary {
    padding-left: 20px;
    padding-right: 20px;
}




.contactus-content { overflow: auto; }
.contactus-content .leftcol {
    float: left;
    width: 49.5%;
}
.contactus-content .rightcol {
    float: right;
    width: 50%;

}
dl.askanexpert-qa dt {
    clear: left;
    color:#B04EC4;
    float: left;
    margin-bottom: 80px;
    width: 30%;
}
dl.askanexpert-qa dd {
    clear: right;
    float: left;
    margin-left: 10%;
    margin-bottom: 15px;
    width: 60%;
}
/* </gkochar@20151019>     */
/* *********************** */

.ChangePasswordTxtBox{
    float:left;
    width:50%;

}
.ChangePasswordImg{

    float:right;
    width:50%;
}
.advanceReporting{

    background-color:#B04EC4;
	//background-image: url(images/White_arrow.png);

	background-position: right;
	background-repeat: no-repeat;
    display: inline-block;

	margin-left: 15px;
	margin-bottom: 6px;
    margin-top:13px;
    padding: 5px 20px;
    width: 95%;
    height:35px;
    color:white;
}

/*---------CSS for bubble tag------------*/
.bubble
{
position: relative;
width: 295px;
height: 80px;
padding: 0px;
background:#B04EC4;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: white solid 5px;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0px 2px 0px 0;
border-color: transparent #B04EC4;;
display: block;
width: 0;
z-index: 1;
left: -8px;
top: 43px;
}

.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 1px 12px 4px 0;
border-color: transparent #FFFFFFF;
display: block;
width: 0;
z-index: 0;
left: -17px;
top: 39px;
}

.percent{
   margin-left:370px;
   margin-top:6px;
}
.placeholder_size{
    font-size:13px;

}

/*-------------Technical Support Page------------------*/
.maindiv{
    background-color:rgb(225,245,252);
    height:374px;
}
.inputbox{
    width:28%;
    background-color:rgb(90,195,111);
    float:left;
    height:310px;
    margin-top:25px;
}
.techimg{
    width:38.5%;
    float:right;
    padding-right:15px;
    margin-top:25px;
}
/*---------Ask an expert-------------*/
.txtbox{
    color:white;
    padding-left:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14.17px;
}
.input_txt{
    padding-left:10px;
    margin-top:-10px;
}
.sendemailtext{
    color:white;
    padding-top:20px;
    padding-left:10px;
    font-family:Arial, Helvetica, sans-serif;
}

/*-----------_Layout1 Date Box CSS----------------*/
.datebox{
    margin-top:-35px;
    padding-left:15px;
    padding-top:5px;
    color:rgb(136,136,136);
    margin-left:840px;
    margin-right:10px;
    background-color:white;
    height:34px;
    width:159px;
}
.free-shipping-message{
    font-weight: bold;
    padding-bottom: 25px;
}
.navigation-bar-links-container{
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    margin: 0;
}
.treatments-2-you-terms-container{
    margin-top: 15px;
    display: flex;
    justify-content: space-evenly;
}
.treatments-2-you-terms-container a {
    color: #999999;
    text-decoration: none;
}
.online-order-cell{
    padding-top:10px;
}
.online-order-pack-size-cell{
    min-width: 90px;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: baseline;
}
.online-order-quantity-cell{
    display:flex;
    flex-direction: column;
    align-items: center;
}
.medication-image-container {
    position: relative;
}
.medication-image-overlay-container {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    background: white;
    padding: 15px;
    border: 1px solid black;
}
.medication-image-overlay {
    object-fit: contain;
    width: 300px;
    height: 300px;
}
.medication-image-overlay-description {
    padding-top: 10px;
    padding-bottom: 10px;
}
.policy-embed{
    width: calc(100%);
    height: 900px;
}
.footer-kyklos-circle{
    position:absolute;
    top: 90px;
    left: calc(100% - 100px); 
    width: 97px; 
    height: 80px;
    z-index:2;
}
.about-container{
    background-color:rgb(224,245,253);
}
.about-cell{
    background-color:rgb(197,237,252);
    margin-top: 5px;
}
.about-cell:first-of-type{
    margin-top: 0;
}
.login-form-container{
    display: block
}
.forgot-password-page{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.change-password-page{
    display: block
}
.register-page{
    display: block
}
.reset-password-page{
    display: block
}
.login-button-container{
    width:100%;
    display: flex;
    justify-content: center;
}
.login-button-container-register{
    display: flex;
    justify-content: center;
}
.forgot-password-link{
    font-size: 15px;
    margin-top: 10px;
    text-align: right;
    width:66%!important;
}
.my-calendar-page{
    display: block;
    margin-top:20px
}
#leftBar {
    width: 26%;
    height: 259px;
    float: left;
    margin-left:-10px;
    /*background-color: antiquewhite;*/
}
.patient-profile-name-input{
}
.patient-profile-language-input{
    margin-right: 10px;
}
div.kcTableRow.patient-profile-name{
    display: flex;
    width: 100%;
    flex-direction: row;
    margin-bottom: 20px;
}
div.kcTableRow.patient-profile-language{
    display: flex;
    width:100%;
    flex-direction: row;
    margin-bottom: 20px;
    align-items: center;
}
div.kcTable.patient-profile-name-language{
    display: flex;
}
.register-title-text{
    width:15%;
}
.order-medication-container{
    width:90%;
}
.inner-table{
    width:85%;
}
.shipping-address-two{
    margin-top: 10px;
    margin-bottom: 10px;
}
.shipping-address-container{
    padding-right: 15px;
}
.shipping-address-input{
    margin-bottom: 10px;
}
.place-order-table{
    width:100%;
    margin-bottom: 20px;
}
.register-button{
    width:200px;
}
.login-button{
    width:200px;
    margin-right: 70px;
}
.login-container{
    display:flex;
    flex-direction: column; 
}
.login-container-input{
    display:flex;
    flex-direction: column;
}
.form-horizontal .control-label{
    text-align: unset;
}
.login-checkbox-container{
    margin-left:20px;
}
.form-horizontal .checkbox{
    padding-top: 0;
}
.forgot-password-container{
    display: flex;
    flex-direction: column;
}
.email-link-button{
    width:200px;
}
.forgot-password-container{
    width:500px;
}
.email-link-button{
    float: right;
}
.email-link-button-container{
    padding:0!important;
}
.sign-up-button{
    width:200px;
    margin-left: auto;
    margin-right: auto;
}
form {
    width: 100%;
}
.register-container{
    display: flex;
    flex-direction: column;
}
.register-input{
    width:100% !important;
}
.register-title-text{
    width:100%;
}
div.kcContentLine{
    overflow-x: auto;
    width: 500px;
    margin-right: auto;
    margin-left: auto!important;
}
div.col-md-10{
    width:500px!important;
}
.patient-profile-container{
    width: 100%;
}
.patient-profile-header{
    width: 100%!important;
}
.change-password-container{
    width:500px!important;
    display: flex;
    flex-direction: column; 
}
.ChangePassword{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.change-password-input{
    width:100%;
    padding-left:0;
    padding-right: 0;
}
.change-password-container-form{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.change-password-page-button{
    width:200px;
    font-size: 18px;
}
.change-password-button-container{
    width:100%;
    display:flex;
    justify-content:center;
}
.order-medication-container{
    width:100%!important;
}
.order-amount{
    width:45px!important;
    margin-bottom: 10px;
}
.order-subtotal{
    width:70px!important;
}
.order-medication-cart-button{
    width:200px;
    margin-right: 20px;
    margin-top: 20px;
}
.cart-quantity-input{
    margin-bottom: 10px;
}
.cart-button-container{
    text-align: right;
}
.shipping-name-input-container{
    width:45%;
    padding-right:15px;
}
.shipping-name-input{
    width:100%;
}
.complete-order-button{
    width:200px;
}
.complete-order-button-container{
    text-align: center;
}
.header-mobile{
    display: none;
}
.order-medications-title{
    padding-left: 0!important;
}
.subTotalID{
    font-weight: 600;
}
.btn-primary{
    font-size: 18px;
    width: 200px;
    background-color:#B04EC4!important;
}
.medication-image{
    width:150px;
}
.k-button{
    font-size: 18px;
    width:200px!important;
}
.login-form-control{
    margin-right: 0!important;
    margin-left: 0!important;
    margin-top: 0!important;
}
@media only screen and (max-width: 1150px) {
    .shipping-address-container{
        padding-right:0px;
    }
    .shipping-name-input-container{
        padding-right:0px;
    }
    #full-wrap{
        height: 100vh;
    }
    #main_wrapper {
        width: 100vw;
    }
    .top_head{
        width: 100%;
        font-size: 19px;
    }
    .subHead{
        width:100%;
    }
    .footer{
        width: 100%;
    }

    form {
        width: 100%;
    }
    .row {
        margin-left: 0;
        margin-right: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
        height: 100%;
        overflow-y: auto;
    }
    #header {
        width: 100vw;
        height: auto;
    }
    #top_nav {
        width: 100vw;
        height: auto;
    }
    .header_right {
        font-size: 18px;
        margin-top: 10px;
    }
    html, body {
        overflow-x: hidden;
    }
    .footer {
        width: 100vw;
        padding-bottom: 5px;
        background-color: white;
    }
    .footer img {
    }
    .footer_nav {
        font-size: 12px;
        color: rgba(0, 0, 0, 1);
    }
    .footer_nav nav ul li a {
        color: rgba(0, 0, 0, 1);
    }
    .footer-link {
        margin-right: 10px;
    }
    .contactus-content .leftcol {
        font-size: 16px;
        width: calc(50% - 0px);
    }
    .contactus-content {
        display: flex;
        width: calc(100% - 20px);
    }
    div.kcContentLine {
        margin-left: 0;
    }
    .subHead {
        font-size: 15px;
        height: auto;
        padding: 10px;
        width: calc(100% - 20px);
    }   
    .kcContentCell {
        font-size: 15px;
    }
    .nav_top ul {
        font-size: 15px;
    }
    .row {
        font-size: 15px;
    }
    #main_wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .login-page .btn {
        width: 100%;
    }
    div.col-md-8 {
        padding: 0 !important;
    }
    div.col-md-10 {
        padding: 0 !important;
    }
    .login_leftSide .form-group {
        width: 100%;
    }
    .login_leftSide .form-group {
        display: flex;
        flex-direction: column;
    }
    .k-button {
        margin-bottom: 20px;
    }
    .subnav-date {
        padding-left: 15px;
        padding-top: 0px;
        color: rgb(255, 255, 255);
        margin-left: auto;
        height: 34px;
    }
    .form-horizontal .control-label {
        text-align: left !important;
        padding-left: 0 !important;
    }
    .contact-us-info {
        margin-left: 0px !important;
    }

    .reset-password-input-cell {
        margin-left: 0px !important;
    }
    .activate-account-page{
        margin-left: 0!important;;
    }
    .forgot-password-page{
        margin: 0!important;
    }
    .subHead{
        display: none;
    }
    #content{
        margin-left: 20px;
        height:auto;
    }
    .policy-embed {
        width: calc(100% - 20px);
        height: calc(100vh - 200px);
    }
    .bodyheader{
        margin-left: 0;
        width: calc(100% - 20px);
        height: 50px;
        background-size: contain;
    }
    .footer-kyklos-circle{
        display: none;
    }
    .about-container{
        background-color:rgb(255,255,255);
    }
    .about-cell{
        background-color: rgb(255,255,255);
        display: flex;
        flex-direction: column;
    }
    .aboutKyklos .rightcol{
        width: 100%;
        padding-top: 0;
    }
    .aboutKyklos .leftcol {
        width: 100%;
    }
    .form-horizontal .form-group{
        margin-left: 0;
        margin-right: 0;
    }
    .login-form-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: auto;
        margin-left: auto;
        overflow-x: hidden;
    }
    .forgot-password-page{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: auto;
        margin-left: auto;  
    }
    .change-password-page{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: auto;
        margin-left: auto;
    }
    .register-page{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: auto;
        margin-left: auto;
    }
    .reset-password-page{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: auto;
        margin-left: auto;  
    }
    .contact-us-info-cell{
        background-color:rgb(255,255,255);
        height: auto;
    }
    .footer-kyklos-circle{
        display: none;
    } 
    .contactus-content .leftcol {
        font-size: 16px;
        width: calc(50% - 0px);
    }
    .contactus-content {
        display: flex;
    }
    .login-title{
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }
    .login-button-container{
        display: flex;
        justify-content: center;
    }
    .my-calendar-page{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }
    .leftbar{
        height: auto!important;
        width: 100% !important;
    }
    div.kcTable.patient-profile-name-language{
        flex-direction: column;
    }
    .login-container{
        width:500px;
        margin-left: auto;
        margin-right:auto;
    }
    .forgot-password-link{
        width: 500px;
    }
    .login-button{
        margin-right: 0px;
    }
    .login-register-new-account{
        width:500px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
    .register-button{
        margin-top: 20px;
    }
    .email-link-button{
        margin-right: 20px;
    }
    div.kcTableRow.patient-profile-language{
        margin-left:20px;
    }
    .patient-profile-container{
        width:80%;
        margin-left: auto;
        margin-right: auto;
    }
    .cart-checkout-button{
        width: 270px!important;
        max-width: 100%!important;
    }
    .cart-checkout-button-container{
        text-align: center;
    }
    .medication-image{
        width:120px;
    }
}
@media only screen and (max-width: 768px) {
    .shipping-address-city-province-country-container{
        display: flex;
    }
    .logo-container{
        display: none;
    }
    .header_left{
    }
    .header_right{
        display: flex;
        flex-wrap: wrap;
    }
    .contactus-content{
        flex-direction: column-reverse;
        align-items: center;
        width: calc(100% - 20px);
    }
    .contactus-content .leftcol{
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .contactus-content .rightcol{
        width: 100%;
    }
    #map{
        width: 100% !important;
    }
    div.kcContentLine{
        overflow-x: auto;
    }
    .control-container{
        height: 45px;
    }
    #main_wrapper{
        min-height: calc(100vh  - 44px);
    }
    #content {
        min-height: calc(100vh - 214px);
    }
    .form-horizontal .control-label{
        text-align: left!important;
    }
    .my-calendar-page{
        margin-top: 10px;
    }
    div.kcTableRow{
        display: flex;
        flex-direction: column;
    }
    div.kcTableRow.patient-profile-name{
        display:flex;
        flex-direction:row;
    }
    div.kcTableRow.patient-profile-language{
        display:flex;
        flex-direction:row;
    }
    .kcTextBox{
        width:100%!important;
    }
    .patient-profile-name-input{
        width: 50%;
    }
    div.kcTable{
        display: block;
    }
    .patient-profile-language-input{
        width: 50%;
        margin:0;
    }
    .patient-profile-language-input:first-of-type{
        margin-left:10px;
    }
    .patient-profile-language-input span.k-header{
        width:140px!important;
    }
    .change-password-page-button{
        float:right;
        margin-right: 20px;
    }
    .register-title-text{
        width:100%;
    }
    .register-input{
        width:100%!important;
    }
    .sign-up-button{
        margin-top: 20px;
    }
    .forgot-password-container{
        width:100%;
    }
    .email-link-button-container{
        display:flex;
        justify-content:center;
    }
    .email-link-button{
        width:200px;
        margin-top: 20px;
    }
    .footer img{
        margin-bottom: 20px;
    }
    .login-container{
        width:100%;
    }
    .login-container-input{
        width:90%;
    }
    .online-order-item-number-cell{
        display:none;
    }
    .order-medication-item-number-title{
        display:none!important;
    }
    .order-medication-container{
        width:100%;
    }
    #content{
      margin-left:auto;
        margin-right:auto;
        width: 90%;
    }
    .inner-table{
        width:90%;
        padding-left: 20px;
    }
    .online-order-price-cell{
        text-align: center;
    }
    .online-order-quantity-cell input{
        width: calc(100% - 10px);
    }
    .order-medication-cart-button{
        margin-right: 30px;
        margin-top: 20px;
    }
    .order-medication-cart-total{
        margin-right: 30px;
        margin-top: 10px;
    }
    .cart-subtotal{
        padding-right:10px;
    }
    .online-order-quantity-cell{
        text-align: center;
    }
    .cart-quantity-cell input{
        max-width: unset;
    }
    .shipping-address-container{
        display: flex;
        flex-direction: column;
        width:100%;
    }
    .place-order-table{
        width:80%;
        margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 10%;
    }
    .login-register-new-account{
        width:100%;
    }
    .patient-profile-container{
        width:90%;
    }
    .top_head{
        display: none;

    }
    .header-mobile{
        display: flex;
        justify-content: space-between;
    }
    .kyklos_logo{
        margin-left: 10px;
        margin-top: 17px!important;
        margin-bottom: 0!important;
    }
    .kyklos_logo a .treatments2you_logo{
        width: 200px;
        margin-left: unset;
        margin-right:10px;
    }
    .kyklos_logo a{
        height: auto;
    }
    .navbar-fullscreen{
        display: none
    }
    .header-mobile-navigation{
        display: none;
    }
    .header-mobile-navigation-icon:hover .header-mobile-navigation{
        display: flex;
        flex-direction: column;
        position: absolute;
        z-index:5;
        right: 18px;
    }
    .header-mobile-navigation-icon{
        padding-right:50px;
        font-size: 35px;
    }
    .navigation-bar-links-container{
        background-color: white;
        list-style-type: none;
        padding-inline-start: 0px;
        padding:10px;
        width:200px;
        box-shadow: 0px 3px 5px 2px rgba(136, 136, 136, 0.45);
        font-size: 18px;
    }
    .medication-image{
        width:100px;
    }
    #SignOutLink {
        color: #337ab7!important;
    }
    #SignOutLink:hover,  #SignOutLink:visited,  #SignOutLink:focus {
        color:#337ab7!important;
    }
    .login-account-container{
        padding-left:0;
        padding-right: 0;
    }
    div.kcContentLine{
        overflow-x: auto;
        width: 100%;
        margin-right: auto;
        margin-left: auto!important;
    }
    .change-password-container{
        width:calc(100% - 100px)!important;
    }
}

@media only screen and (max-width: 414px) {
    html, body{
    }
    .title{
        padding-bottom: 10px;
        padding-top: 10px;
        margin-bottom: 0px;
    }
    h1{
        font-size: 24px;
    }
    .btn{
        min-width: 140px;
    }
    .header_right{
        font-size: 14px;
    }
    .right_navi{
        border-radius: 0!important;
        height:80px!important;
    }
    .patient-profile-container{
        width:100%;
    }
    .cart-button-container{
        text-align: center;
    }
    .complete-order-button{
        width:100%;
    }
    .kyklos_logo a .treatments2you_logo{
        width: 100px;
    }
    .medication-image{
        width:80px;
    }
    .medication-image-overlay-description{
        display:none;
    }
    .login-form-control{
        width:calc(100vw - 50px)!important;
    }
    .change-password-container{
        width:300px!important;
    }
}