@import url('fonts.css');

/* brand-styles.css 
 * Description: AVMA Branded Styles
 * Version: 1.0.0
 ------------------------------------------------------------ */

/* Color Palette
 * -- AVMA Green        #55b800
 * -- Dark Green        #418c01
 * -- Light Green       #cbebb0
 * -- X-Light Green     #edfae1
 * -- AVMA Blue    		#00305e
 * -- Dark Blue  	    #01172c
 * -- Light Blue        #709ac0
 * -- X-Light Blue      #dae7f2
 * -- Link Blue         #0079c1
 * -- AVMA Gray         #7d868c
 * -- X-Dark Gray       #222526
 * -- Dark Gray         #4f5559
 * -- Light Gray        #cad3d9
 * -- X-Light Gray      #e6edf2
 * -- XX-Light Gray     #f2f7fa
 * -- AP Red  		    #c4262e
 * -- AC Teal   		#00b5d1
 * -- PAC Blue 		    #0075c9
 * -- COE Gray  	    #7ba7bc
 */

/* Table of Contents
 * Common
 * -- Typography
 * -- Hyperlinks
 * -- Buttons
 * -- Images
 * Layout
 * -- Body
 * -- Containers
 * -- Columns
 * -- Headers & Footers
 * -- Tables
 * -- Lists
 * Navigation
 * -- Menus
 * -- Toggle (Hide/Reveal)
 * -- Panels/Accordions
 * Responsive
 ------------------------------------------------------------ */

/* -- Layout -- */
html, body, #site-header, #site-footer, #site-content {
    min-width: 375px;
}
html {
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    font-size: 100%;
    font-size:16px;
} 
h1 {
    font-family: "lexia",serif;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 1.5rem;
    font-size: 2.25rem;
   }
h2 {
    font-family: "lexia",serif;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    color: #00305e;
    font-size: 1.375rem;
   }
h3 {
    font-family: "Roboto",serif;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    font-size: 1.375rem;
   }
h4 {
    font-family: "lexia",serif;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
   }
h5 {
    font-family: "Roboto",serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.0625em;
    line-height: 1.4;
    color: #008b95;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
   }
h6 {
    font-family: "benton-sans",sans-serif;
    font-weight: 600;
    line-height: 1.7;
    color: #00305e;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
   }
/* Web application  pages */
#bodyPAC {padding-top: 40px;}
#PACcontrib {padding: 0px 0px 0px 113px;}
.PACccMsg { padding: 10px 0px 0px 65px; text-align: left;}

/* -- Containers -- */
#Page {
    width: 100%;
    margin: 0 auto;
    padding: 27px 0 27px 0;
    max-width: 90em;
}
#divHeader {
    margin: 0 0 27px 0;
}
/* header */
.container, .loginTop {
    /*    width: 1040px;
    margin-right: auto;
    margin-left: auto;*/
    width: 100% !important;
    margin: 0 auto;
    max-width: 1040px;
    padding: 0;
}
.content-container {
    width: 100% !important;
    margin: 0 auto;
    max-width: 1040px;
    padding: 0;
    min-height: calc(96vh - 96.5px - 96.5px);
    margin-bottom: 4rem;
} 
#logo {
    float: left;
    position: absolute;
    border-style: none !important;
    width: 350px;
    height: 95px;
    margin-left: 0px;
    margin-top: -77px;
}
#AVMAheader a {text-decoration:none !important;}
#AVMAheader	{
	padding-top: 110px;    
	/*background: transparent url(/App_Themes/AVMA/_img/AVMA_Logo_RGB_sm.png) no-repeat top left; 	
	margin-top: 5px;	
	min-width: 330px;
	height: 20px;	*/
}
#site-header, #site-header .container {
    position: relative;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 5px;
    border: 1px solid transparent;
}
#site-header .navbar-header {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.5em;
}
#site-header .navbar {
    background: #fff;
    border-bottom: 10px solid #00305e;
    /*-moz-box-shadow: 0 -6px 22px 20px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 -6px 22px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0 -6px 10px 8px rgba(0, 0, 0, 0.25);*/
}
.logo {
    margin-top: 10px;
}
#user-identity-nav {
    text-align: right;
    float: right;
}
#user-identity-nav .identity-welcome {
    font-size: .9em;
    color: #4f5559;
}
#user-identity-nav .wrong-identity {
    font-size: .9em;
    color: #4f5559;
}
#user-identity-nav .identity-action {
    font-size: 0.9em;
}
/* body */
/* Page breadcrumb/print */
.breadcrumb {float: left; /*font-size: .75em; */}
.breadcrumb a, .print a {color: #00838c; text-decoration: underline;}
.print {float: right; font-size: .75em;}
.printImg {padding-right: 5px;}
/* footer */
#site-footer {
    width: 100%;
    color: #5E6A71;
    border-top: 1px solid #7d868c;
    padding: 0;
    text-align: center;
}
.footer {
    width: 100%;
    height: 2.5rem;
    text-align: center;
}
#site-footer p {
    margin-bottom: 3px;
}

/* -- Login Page -- */
/* LoginB control */
#loginTopMenu {
    width: 1040px;
    margin-right: auto;
    margin-left: auto;
}
#C001_txtUserID, #C001_txtPassword, #C002_txtUserID, #C002_txtPassword, #C003_txtUserID, #C003_txtPassword, 
    #C004_txtUserID, #C004_txtPassword {width: 280px;}
#lblID, #lblPWD {
    height: 30px;
    width: 55px;
    line-height: 30px;
}
#lblRqrdID, #lblRqdPWD {padding-right: 10px;}
#loginIdDiv, #loginPwddiv {width: 155px; padding-right: 5px;}
#lblIDMessage, #lblPWDMessage {font-size: .9em !important;}  
#tdIDMessage {padding: 5px 0px 25px 0px !important; line-height: 1em !important; color: #7d868c; font-size: 1em;}
#tdIPWDMessage {padding: 5px 0px !important; line-height: 1em !important; color: #7d868c; font-size: 1em;}
.RightColumn {text-align: right;}

/* Start LMS Login*/
#cmdLogin #cmdLogin_input {
    border: 1px solid #55B800;
    color: #2F3538;
    font-size: .875em !important;
    font-family:"Roboto",serif;
    text-decoration: none !important;
    width: 200px;
    height: 40px;
    cursor: pointer;
    padding: 5px 25px;
        padding-right: 25px;
        padding-left: 25px;
    padding-right: 25px;
    padding-left: 25px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-appearance: none;
    background-color: #fff;
    font-weight: 500;
    background-image: none;
}
#cmdLogin #cmdLogin_input:hover {
    outline: 0;
    -moz-outline-style: none;
    cursor: hand;
    color: #fff !important;
    background-color: #55B800 !important;
    background-image: linear-gradient(to right, #55b800 0%, #3e8500 50%) !important;
} 
/* End LMS Login*/

/* Primary Button */
#cmdLogin_input, #cmdContinue_input, #cmdSubmit_input, #btnSubmit_input, #cmdCharge_input {
    color: #fff;
    font-size: 1.2em !important;
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    width: 200px;
    height: 40px;
    cursor: pointer;
    padding: 0;
    background-color: #55b800;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-appearance: none; /* override  IOS device default button styling */
    background-image: none;
}
#forgotUID, .forgotUID  {padding-top: 10px;font-size: .9em;}
.loginError {font-size: .9em!important; width: 280px; display: inline-block;}
#tblLoginSec {width: 350px !important; /*border-right: 1px solid #4f5559;*/ padding-right: 60px; padding-left: 50px;}
#HelpMemPgs {text-align: right; padding-left: 60px;}
.help-join-renew {
    color: #55b800;
    line-height: 1.3em;
    text-align: right;
    margin-top: 30px;
    font-size: 1.2em;
}
.phone {
    color: #0079c1;
    font-size: 1em;
    line-height: 1.3em;
    text-align: right;
}
.phone::before {
   content: url('_img/phone-icon.png');}
divHelpMemPgs{
    display: -moz-inline-grid;
    text-align: right;
    padding-left: 40px;
    vertical-align: top;
    width: 135px;
}
div#divHelpMemPgs {
    display: -moz-inline-grid;
    text-align: right;
    padding-left: 40px;
    vertical-align: top;
    width: 135px;
}
 
/* --- Common --- */
/* Tables */

/* -- Images -- */

/* Headlines */
/* h1, h2, h3, h4, h5 {line-height: 1.1em; color: #00305e;}
h1, h5, h6 {font-weight: 600;}
h1 {font-size: 2.4em;}
h2, h3, h4 {font-weight: 300;}
h2 {font-size: 1.9em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5, h6 {
	font-size: 1em;
	text-transform: uppercase;}
h6 {color: #55b800;} */
body { 
    margin: 0;
    font-family: "benton-sans", sans-serif;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#2f3538;
    text-align:left;
    background-color:white;    
}

p {color: #222526;}

/* Reusable styles */
.clr {clear: both; height:0;}
.hide {display: none;}
hr {border: 1px solid #7d868c;}
hr.hrShadow {
    border: 0;
    height: 0;
    box-shadow: 0 0 8px 1px #c2c2c2;
    -moz-box-shadow: 0 0 8px 1px #c2c2c2;
    -webkit-box-shadow: 0 0 8px 1px #c2c2c2;
    width: 75px;
    margin-top: -5px;
}

/* Hyperlinks */
a {
    color: #00838c;
    text-decoration: none;
    background: 0 0;
}
a:active,a:hover {
	outline:0;
    text-decoration: underline;
}

/* -- Lists -- */

/* -- Labels and Boxes -- */
/* start textbox, select default placeholder text */
::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder, :-ms-input-placeholder {
  color: #4f5559; font-family: "benton-sans", sans-serif; font-size: 1em; 
}

/* -- Labels and Input Boxes -- */
.divLabels, .divLabelsWrap {
    float: left; 
    padding-right: 10px; 
    height: 39px; 
    width: 160px; 
    line-height: 39px; 
    text-align: right;
}
.divTxtboxes {float: left;}
.divRecHeight {padding: 15px 0px;}

select {
	padding-left: 1px;
	height: 39px;	
}
input[type="text"], input[type="password"], input[type="Number"], select {
    width: 305px;
    height: 35px;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    font-size: .9em;
    color: #2f3538;
    border: 2px solid rgba(0, 0, 0, 0.2);
    padding-left: 5px;
    padding-right: 5px;
    font-family: "benton-sans", sans-serif;
}      
input[type="Number"] {
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;       
}   
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus, select:focus, 
input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, textarea:hover, select:hover {
    border: 2px solid #002b45 !important;
}
.divNumberTxtbx {
    padding: 4px; 
} 
.divNumberTxtbx input[type=number] {
    font-size: 0.9em;
    border: 0px none !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    width: 165px !important;
    height: 27px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;    
} 
/* input textbox with $ */
.divCurrencyTxtbx input[type=number] {
	background: url(../../../Images/dollar-icon.png) no-repeat left center;
	padding-left: 30px;	
	width: 180px;
	height:35px;	      
} 
/* Input textbox type=number remove spinners in Chrome */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}  

/* radio buttons */
input[type=radio] + label {padding-left: 5px;}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1em;
    height: 1em;
    border: 1px solid #7d868c;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #455560;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;    
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* -- Checkboxes -- */
input[type="checkbox"] + label {
    width: auto;
    float: left;
    padding-left: 2em;
    margin-top: -1.5em;
}
/*input[type="checkbox"] {
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999px;
  position: absolute !important;
}
input[type="checkbox"]:checked + label:before {
    content: '';
    display: inline-block;
    line-height: 1em;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #7d868c;
}
input[type="checkbox"]:checked + label:before {
  content: '\2713';
  color: #455560;
}*/
input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    width:20px;
    height:20px;
    border-radius:5px;
    border: 2px solid #c2c2c2;
}
input[type="checkbox"]:checked {
    -moz-appearance: none;
    -webkit-appearance: none;
    width:20px;
    height:20px;
    border-radius:5px;
    border: 2px solid #c2c2c2;
}

/* Rad drop-down selection list*/
.RadDropDownList {
    border: 1px solid #7d868c;
    padding-left: 5px;
    color: #00305e;
    height: 37px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: right;
    padding-right: 5px;
    font-family: "benton-sans", sans-serif !important;
    font-size: .9em;
    font-weight: 400;
}
.RadDropDownList_MetroTouch .rddlInner {border: medium none; background-color: transparent; color: #00305e; text-align: left;}
.rddlPopup_MetroTouch {font-family: "benton-sans", sans-serif !important; color: #00305e; font-size: .9em; width: 100%;}
.rddlPopup_MetroTouch .rddlItemSelected {background-color: #7d868c;}
.RadDropDownList_MetroTouch .rddlFocused {background-color: transparent; color: #00305e;}
.RadDropDownList_MetroTouch .rddlIcon {background-image: url(../../images/avma-dropdown-arrow.png) !important; background-position: 10px 14px !important;}
.rddlPopup_MetroTouch .rddlItemHovered {color: #00305e;}  


/* -- Buttons -- */

/* Primary Button */
/*
#radBtnContinue_input, #btnPrint_input {
    color: #FFF;
    font-size: 1.2em !important;
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    border: medium none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #55b800;
    height: 40px;
    width: 200px;
    padding: 0;
    -webkit-appearance: none; /* override  IOS device default button styling */

/* Secondary Button *//*
    color: #fff;
    font-size: 1.2em !important;
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 150px;
    height: 40px;
    padding: 0;
    background-color: #00305e;
    border: none;         
    border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px; 
    -webkit-appearance: none; /* override  IOS device default button styling */

/* Third-level Button *//*    
    color: #0079c1;
    font-size: 1.2em !important;
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid #0079c1 !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FFF;
    width: 200px;
    height: 40px;
    padding: 0;
    -webkit-appearance: none; /* override  IOS device default button styling */

/* Primary Button */
#radPrimaryBut_input, #radBtnContinue_input, #btnPrint_input, #radSaveMemEdge_input {
    color: #FFF;
    font-size: 1.2em !important;
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    border: medium none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #55b800;
    height: 40px;
    width: 200px;
    padding: 0;
    -webkit-appearance: none; /* override  IOS device default button styling */
    background-image: none;
}
/* Primary Button */
#btnBckToProfile_input {
    color: #FFF;
    font-size: 1.2em !important;
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    border: medium none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #55b800;
    height: 40px;
    width: 225px;
    padding: 0;
    -webkit-appearance: none; /* override  IOS device default button styling */
    background-image: none;
}
/* Third-level Button */
#radThirdlevelBut_input, #btnPrevious_input {
    color: #0079c1;
    font-size: 1.2em !important;
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid #0079c1 !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FFF;
    width: 200px;
    height: 40px;
    padding: 0;
    -webkit-appearance: none; /* override  IOS device default button styling */
    background-image: none;
}
#radPrimaryBut, #radThirdlevelBut, #radBtnContinue, #btnPrevious, #btnBckToProfile, #cmdLogin, #cmdContinue, #cmdSubmit, #btnSubmit,
#cmdCancel, #radSaveMemEdge {
    height: 40px;
    padding: 0;
    font-size: 1.2em;
    -webkit-appearance: none; /* override  IOS device default button styling */
    font-family: "Roboto",serif;
    background-image: none;
}

/* Button actions */
#btnBckToProfile_input[disabled], #btnPrevious_input[disabled] {
    border: 1px solid #418c01 !important; 
    color: #418c01 !important; 
    background-color: #ffffff !important;
    font-weight: normal !important;
    font-size: .875em !important;
}  
#radPrimaryBut_input[disabled], #radThirdlevelBut_input[disabled], #btnPrevious_input[disabled], #radBtnContinue_input[disabled], #cmdLogin_input[disabled],
#cmdContinue_input[disabled], #cmdSubmit_input[disabled], #btnSubmit_input[disabled], 
#cmdCharge_input[disabled]
 {
    border: 1px solid #418c01 !important; 
    color: #418c01 !important; 
    background-color: #ffffff !important;
    padding-left: 20px!important;    
    font-weight: normal !important;
    font-size: .875em !important;
}   

/* Member Edge start */
#radSaveMemEdge_input[disabled] {
    font-size: 1.2em !important;
    padding: 0 !important;
}
/* Member Edge end */

.pnlCCnumHover {
    /* outline: 0;
    -moz-outline-style: none;
    border-color:#0079c1 !important;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) */
    border: 2px solid #002b45 !important;
}
#btnRemove:hover{text-decoration: underline; cursor: pointer;}
input[type="text"]:focus, input[type="password"]:focus, #txtEmailAddr:focus, input[type="number"]:focus, 
textarea:focus, input[type="text"]:hover, #txtEmailAddr:hover, input[type="password"]:hover, input[type="number"]:hover, textarea:hover, 
#pnlCCnum:hover, #C001_pnlCCnum:hover, #pnlCCnum:focus, #C001_pnlCCnum:focus, select:hover, select:focus,
#C002_pnlCCnum:hover, #C002_pnlCCnum:focus {
    /* outline: 0;
    -moz-outline-style: none;
    border-color:#0079c1 !important;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) */
    border: 2px solid #002b45 !important;
}
input[type="checkbox"]:hover, input[type="checkbox"]:focus {
     outline: 0;
    -moz-outline-style: none;
    box-shadow: none !important;
}
.txtCardNumber:hover, .txtCardNumber:focus {
    outline: 0; 
    -moz-outline-style: none; 
    box-shadow: none !important; 
    -moz-box-shadow: none !important; 
    -webkit-box-shadow: none !important;    
}
#radPrimaryBut_input:hover, #radPrimaryBut_input:focus, #radBtnContinue_input:hover, #radBtnContinue_input:focus, 
#btnPrint_input:hover, #btnPrint_input:focus, 
#btnBckToProfile_input:hover, #btnBckToProfile_input:focus, 
#cmdLogin_input:hover, #cmdLogin_input:focus, 
#cmdContinue_input:hover, #cmdContinue_input:focus,
#btnSubmit_input:hover, #btnSubmit_input:focus,
#cmdCharge_input:hover, #cmdCharge_input:focus, #radSaveMemEdge_input:hover, #radSaveMemEdge_input:focus {
    outline: 0;
    -moz-outline-style: none;
    cursor: hand;
    background-color: #418c01;
    border: none;
} 
#radThirdlevelBut_input:hover, #radThirdlevelBut_input:focus, #btnPrevious_input:hover, #btnPrevious_input:focus {
    font-weight: 500;
    cursor: hand;
    background-image: linear-gradient(to right, #0056b3 0%, #00305e 100%);
    border-color: #0056b3;
    border: 1px solid transparent;
    color: white;
}

/* -- Other controls -- */
.pnlHide {position: absolute !important;}
.pnlShow {position: relative !important;}
.confirmMsg {color: #55b800; font-size: 1.9em;}

/* -- Error handling -- */
.RadMessageError {padding-left: 10px; text-align:left; font-family: "benton-sans", sans-serif; font-size: .875em; line-height: 1.7; color: #c4262e;}
.RadMessageError p {color: #c4262e;}
.RadMessageError ul {padding-left: 15px; float: none!important;}
.divErrMsg {padding: 5px 0px 0px 170px;}
.HideErrMsg {position: absolute !important; padding-bottom: 0px;}
.ShowErrMsg {position: relative !important; padding-bottom: 10px; color: #c4262e; font-size: .9em;} 
.ErrMsg {position: relative !important; padding-bottom: 10px; color: #c4262e; font-size: .9em;} 
.special-info {font-size: .9em; color: #4f5559; font-weight: normal}
.rqrdNotFilled {border: 1px solid #c4262e !important; background-color: #edfae1 !important;}
.rqrdFilled {border: 1px solid #7d868c; background-color: #fff !important;}
.ErrorYes {border-color: #c4262e !important; background-color: #fbf4bd !important; }
.ErrorNo {border-color: #7d868c !important; background-color: #fff !important;}
 
 /* -- Required asterisk -- */
.rqrdFld {color:#c4262e; font-weight: 900; font-size: 1.125em; vertical-align: middle;}
.rqrdFldFilled {color:#4f5559 !important; font-weight: 900; font-size: 1.125em; vertical-align: middle;}
.rqrdZipField, .rqrdStateField {color:#c4262e; font-weight: 900; position: relative; font-size: 1.125em; vertical-align: middle;}

/* -- Help Icons -- */
span.spnHelp {display: flex; display: -webkit-flex;}
.hint-icon {
    display: inline-block;
    font-style: normal;
    font-size: .8em;
    font-weight: bold;
    background-color: #7d868c;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 8px;
    margin-left: 10px;
    padding: 5px 2px 2px 5px;
}
.hint-icon:hover, .hint-icon:focus {
    background-color: #222526;
    color: #fff;
    text-decoration: none;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* -- Override telerik controls -- */
/* Telerik Metro Touch Theme */
.RadToolTip_MetroTouch table.rtWrapper td.rtWrapperContent {
    font: normal 14px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    line-height: 1.42857143 !important;
    color: #4f5559 !important;
}
.RadToolTip_MetroTouch table.rtWrapper tr td a.rtCloseButton {
    background-image: url(../../App_Themes/AVMA/_img/.RadToolTip_MetroTouchtable.rtWrappertrtda.rtCloseButton.png) !important;
    background-color: #cdcdcd!important;
    border: none!important;
}
.RadWindow_MetroTouch .rwTable .rwControlButtons li a {background-image: url(../../App_Themes/AVMA/_img/.RadWindow_Silk.rwTable.rwControlButtons-li-a.png) !important;}
.RadWindow_MetroTouch .rwTable a.rwIcon {background-image: none !important; width: 0px !important; height: 0px !important; margin: 0px !important;}
.rbSkinnedButton {padding-left: 0px !important; border: none !important; vertical-align: top !important;font-family:"Roboto",serif;}
.rbPrimaryIcon {top: 8px !important; left: 2px !important;}
.rbSave, .rbCancel, .rbNext, .rbPrevious, .rbSubmit, .rbContinue, .rbBack, .rbLogin {background-image: url(/Images/none.png)!important; opacity: 0;}
.rbNextAdd {background-image: url('/Images/none.png')!important;}
.btnDisable .rbPrimaryIcon {background-image: url('/images/ajax-loader.gif')!important; opacity: 1; width: 26px; height: 26px;}
.RadWindow_MetroTouch {font-family: "benton-sans", sans-serif !important; font-size: 1em !important;}
.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow_MetroTouch .rwTitleRow .rwTopLeft, 
.RadWindow_MetroTouch .rwTitleRow .rwTopRight {background-color: #00305e !important;}
.RadWindow .rwTitleRow em {
    font: normal bold 12px Helvetica, Arial !important;
    color: black !important;
    padding: 3px 0 0 1px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    float: left !important;
}
.RadWindow_MetroTouch .rwTable .rwTitlebarControls em {
    font-size: 22px !important;
    padding: 8px 0 0 8px !important;
    font-weight: 100 !important;
    color: white !important;
}
.RadDropDownList_MetroTouch .rddlFakeInput {line-height: 35px !important;}
.RadButton_Metro.rbSkinnedButton .rbDecorated {margin-left: 0px !important;font-family:"Roboto",serif;}
.RadButton_Metro.RadButton:active {border: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.RadGrid_MetroTouch, .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgDetailTable, .RadGrid_MetroTouch .rgGroupPanel table, .RadGrid_MetroTouch .rgCommandRow table, .RadGrid_MetroTouch .rgEditForm table, .RadGrid_MetroTouch .rgPager table {
    font-family: "benton-sans", sans-serif !important;
    font-size: 1em !important;
    line-height: 1.42857143 !important;
    color: #222526 !important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #7d868c;
  -webkit-text-fill-color: #222526;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* -- Start data_form css -- */
table.data-form { border: 0px; width: 100%;}  				
table.data-form td { padding: 3px; vertical-align: top; }		
				
tr.GridFooter td				
{						
    background-color: #2e4049;				
    font-weight: bold;				
    color: White;				
}				
tr.GridHeader td				
{							
    background-color: #2e4049;				
    font-weight: bold;				
    color: White;				
    border-width: 1px;				
    border-style: solid;				
    border-color: #707070;				
}		
.rgRow a
{
color: #00838c !important;
font-weight:bold !important;
text-decoration: none !important;    
}	
.rgAltRow a
{
color: #00838c !important;
font-weight:bold !important;
text-decoration: none !important;    
}	
.rgHeader 				
{							
    background-color: #2e4049 !important;				
    font-weight: bold !important;				
    color: White !important;				
    border-width: 1px !important;				
    border-style: solid !important;				
    border-color: #707070 !important;				
}				
tr.GridAlternatingRow td				
{				
    background-color: #f2f2f2;				
}				
tr.GridRow td				
{				
    background-color: White;				
}				
tr.GridPager td				
{						
    background-color: #2e4049;				
    color: White;				
    text-align: center;				
}					
.Repeater				
{ width: 100%;				
  margin-bottom: 10px;				
}							
.Repeater td				
{ vertical-align:middle;				
	text-align:center;			
}							
.RepeaterMsg 				
{				
	margin: 2px 5px 2px 10px;			
	width: 400px;			
}						
.RepeaterMsg td				
{				
	text-align:left;			
	border-bottom: solid 1px black;			
}					
.RepeaterMsg td.HeaderTxt{font-weight:bold;}						
/* -- end data_form css -- */

/* blue and white tooltip ? icon */
.divRadWindow .hint-icon {
    margin: 0px!important; 
    color: #0079c1; 
    background-color: #fff; 
    border: 1px solid #0079c1; 
    font-size: 1em !important;
    padding-top: 0px !important;
}
#btnSignInTooltip.hint-icon, #btnDemographicTooltip.hint-icon, #btnJournalTooltip.hint-icon {
    margin: 0px!important; 
}
.divRadWindow .hint-icon:hover, .divRadWindow.hint-icon:focus {color: #fff; background-color: #0079c1;}

/* buttons */
.aspPrimaryBtn {
    color: #FFF;
    font-size: 1.2em !important;
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    border: medium none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #55b800;
    height: 40px;
    width: 200px;
    padding: 0;
    -webkit-appearance: none; /* override  IOS device default button styling */
    background-image: none;
}

.aspSecondaryBtn,
#cmdSubmit_input {
    color: #fff;
    font-size: 1.2em !important;
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 150px;
    height: 40px;
    padding: 0;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #00305e;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-appearance: none;
    background-image: none;
}
.aspThirdlvlBtn {
    color: #0079c1;
    font-size: 1.2em !important;
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid #0079c1 !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FFF;
    width: 200px;
    height: 40px;
    padding: 0;
    -webkit-appearance: none; /* override  IOS device default button styling */
    background-image: none;
}
.aspThirdlvlBtn:hover, .aspThirdlvlBtn:focus {
    outline: 0;
    -moz-outline-style: none;
    color: #fff;
    background-color: #0079c1;
    font-weight: bold;
    cursor: hand;
}
.aspPrimaryBtn:hover, .aspPrimaryBtn:focus {
    outline: 0;
    -moz-outline-style: none;
    cursor: hand;
    background-color: #418c01;
    border: none;
}
.aspSecondaryBtn:hover, .aspSecondaryBtn:focus,
#cmdSubmit_input:hover, #cmdSubmit_input:focus {background-color: #0079c1;}

/* -- Start Other Apps*/

/* start session control */
.radSessionTimeout {
    border: 1px solid #c2c2c2;
    border-radius: 5px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: #c2c2c2 1px 5px 8px;
    -moz-box-shadow: #c2c2c2 1px 5px 8px;
    -webkit-box-shadow: #c2c2c2 1px 5px 8px;
}
#continueSession {
    font-size: .875em !important;
}
#continueSession_input {
    color: #0079c1;
    /* font-size: .875em !important; */
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid #0079c1 !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FFF;
    width: 200px;
    height: 40px;
    padding: 0px 10px;
    -webkit-appearance: none;
    background-image: none;
}     
#continueSession_input:hover {
    outline: 0;
    -moz-outline-style: none;
    color: #fff;
    background-color: #0079c1;
    font-weight: 500;
    cursor: hand;        
}
.RadNotification_MetroTouch .rnTitleBar {
    background-color: #00305e !important;
    height: 2.1em !important;
}     
.RadNotification_MetroTouch .rnTitleBarTitle {
    background-color: #00305e !important;
    height: 1.6875em !important;
    padding-left: 10px;
    width: 90% !important;
}        
.RadNotification_MetroTouch .rnTitleBarIcon {display: none !important;}               
/* end session control */  

/* Start Policy Database */
.rrbAuxiliaryPane .rrbTemplate ol {
    list-style: none;
    margin: 0 auto;
    padding: 10px;
}
.pnlTitle {padding: 5px 5px 5px 10px; border-bottom: 2px solid #7d868c; height: 100% !important;}
/* Search box */
.policy-container .rrbTemplateItem .txtKeywordSearch {padding-right: 10px;}
/* Search button */
.rrbCommandGroup .rrbTemplateItem .btnKeywordSearch {
    color: #fff;
    font-size: .875em !important;
    font-weight: 500;
    font-family: "Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 100px;
    height: 39px;
    padding: 0;
    background-color: #00305e;
    border: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-appearance: none;
}
#lblHeaderMsg {
    color: #00305e;
    font-weight: 600;
    font-size: 1.9em;
    margin-top: 9px;
    position: absolute;
    margin-left: 30px;
}

/* rad windows */
.divRadWindow {padding: 20px 10px;}
.pRadWindow {text-align: right; padding-right: 75px;}
.errorRadWindow {
    text-align: left;
    font-family: "benton-sans", sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #c4262e;
    padding: 0px 20px;
}
/* overwrite telerik controls */
.RadRibbonBar_Windows7 .rrbCommandArea, .RadRibbonBar_Windows7 .rrbCommandGroup, .RadRibbonBar_Windows7 .rrbWrap, .RadRibbonBar_Windows7 .rrbButton:hover {
    background: linear-gradient(to bottom, #fff 0%, #fff 30%, #e4edf8 99%, #e4edf8 100%)!important;font-family:"Roboto",serif;
}
.RadPicker .rcSelect {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.RadNotification_MetroTouch .rnTitleBar {background-color: #00305e !important;}
.policy-container .rrbTemplateItem {padding-right: 15px;}
.RadUpload_MetroTouch .ruSelectWrap .ruFakeInput {
    border: 1px solid #7d868c;
    padding-left: 5px;
    padding-right: 5px;
    width: 200px;
    height: 33px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: .9em;
    font-family: "benton-sans", sans-serif;
}
/* telerik:RadAsyncUpload button */
.RadUpload_MetroTouch .ruSelectWrap .ruButton {
    color: #0079c1;
    font-size: 1.2em !important;
    font-weight: 500;
    font-family:"Roboto",serif !important;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid #0079c1 !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #FFF;
    width: 117px;
    height: 34px;
    padding: 7px 0px 0px 0px;
    -webkit-appearance: none; /* override  IOS device default button styling */
    background-color: #fff !important;
}
.RadUpload_MetroTouch .ruSelectWrap .ruButton:hover, .RadUpload_MetroTouch .ruSelectWrap .ruButton:focus {
    outline: 0;
    -moz-outline-style: none;
    color: #fff;
    background-color: #0079c1;
    font-weight: 500;
    cursor: hand;
    padding-top: 7px;
	font-family:"Roboto",serif;
}
.RadUpload .ruFileWrap.ruStyled {padding-bottom: 20px !important;}
.ruFileLI.ruUploadSuccess .ruFileWrap.ruStyled, 
.ruFileLI.ruUploadFailure .ruFileWrap.ruStyled {padding-bottom: 0px !important; width: 285px; text-align: left;}
.RadWindow_MetroTouch .ruUploadProgress {font-size: .9em !important;}
.RadUpload .ruBrowse {margin-left: 10px !important}
.RadListBox_Windows7 {font-family: "benton-sans", sans-serif !important; font-size: .9em !important;}
.divRadWindow .RadListBox_Windows7 {
    font-family: "benton-sans", sans-serif !important; 
    font-size: .750em !important;
    text-align: left;
}
.rpRootGroup {float: inherit !important;}
.RadListBox .rlbList {width: 100%;}
.RadMonthYearPicker .riTextBox.riEnabled, .RadMonthYearPicker .riTextBox.riFocused  {
    border: 1px solid #7d868c;
    padding-left: 5px;
    padding-right: 5px;
    width: 130px;
    height: 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: .9em;
    font-family: "benton-sans", sans-serif;
    color: #222526;
}
.RadMonthYearPicker .riTextBox.riEnabled:hover, .RadMonthYearPicker .riTextBox.riEnabled:focus {
    outline: 0;
    -moz-outline-style: none;
    border-color: #0079c1 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    width: 130px;
    height: 35px;
}
.lstKeywordsLinked .rlbGroup.rlbGroupRight {height: 99% !important;}
.divTableCell-2 .lstKeywordsLinked {height: 100px !important;}
.pnlPolicyDB .RadListBox {
    border: 1px solid #7d868c !important; 
    -webkit-border-radius: 5px !important; 
    background-color: white;
    height: 47px !important;
    width: 100%;
}

/*.lstOversightEnt .rlbGroup.rlbGroupRight {
    border: none !important;
    height: 100% !important;
    background-color: white;
}*/

.RadListBoxScrollable .rlbGroup.rlbGroupRight {
    margin: 0px 1.5px 1px 0px;
    border: none;
    height: 98%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 1em;
    font-family: "benton-sans", sans-serif; 
    color: #222526;
}
.RadListBoxScrollable .rlbGroup.rlbGroupRight:hover, .RadListBoxScrollable .rlbGroup.rlbGroupRight:focus,
.txtEarlyReview:hover, .txtEarlyReview:focus {
    outline: 0;
    -moz-outline-style: none;
    border-color: #0079c1 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
/*
.RadListBoxScrollable .rlbGroup.rlbGroupRight {
    border: 1px solid #7d868c;
    padding-left: 5px;
    padding-right: 5px;
    height: 35px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: .9em;
    font-family: "benton-sans", sans-serif;  
    color: #222526;
}
.RadListBoxScrollable .rlbGroup.rlbGroupRight:hover, .RadListBoxScrollable .rlbGroup.rlbGroupRight:focus,
.txtEarlyReview:hover, .txtEarlyReview:focus {
    outline: 0;
    -moz-outline-style: none;
    border-color: #0079c1 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
*/
.txtEarlyReview {
    width: 98%;
    border: 1px solid #7d868c;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: .9em;
    font-family: "benton-sans", sans-serif;
    color: #222526;
}

/* textboxes */

/* panel */
.pnlPolicyDB {
    height: 100%;
    width: 99%;
    padding: 5px 5px 20px 5px
}
.pnlPolicyDB .divTable{
	display: table;
	width: 100%;
    table-layout: fixed;
    padding-top: 20px;
}
.pnlPolicyDB .divTableRow {	display: table-row; height: 65px;}
.pnlPolicyDB .divTableCell-1 {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
    width: 10%;
    vertical-align: top;
}
.pnlPolicyDB .divTableCell-2 {
	border: 0px solid #999999;
	display: table-cell;
    width: 45%;
    vertical-align: top;
}
.pnlPolicyDB .divTableCell-3 {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
    width: 5%;
}
.pnlPolicyDB .divTableCell-4 {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
    width: 10%;
    vertical-align: top;
}
.pnlPolicyDB .divTableCell-5 {
	border: 0px solid #999999;
	display: table-cell;
	padding: 3px 10px;
    width: 30%;
}
.pnlPolicyDB .divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.pnlPolicyDB .divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.pnlPolicyDB .divTableBody {
	display: table-row-group;
}

/* End Policy Database */

/* -- Start Other Apps*/

/* -- Responsive -- */
/* Start brand 2.0 - oomph styling */
@media (min-width:27.5rem) {
    h1,.h1{font-size:calc((2.25 * 1rem) + (3 - 2.25) * ((100vw - 27.5rem) / 62.5));}
    h2,.h2{font-size:calc((1.375 * 1rem) + (2.125 - 1.375) * ((100vw - 27.5rem) / 62.5));}
    h3,.h3{font-size:calc((1.375 * 1rem) + (1.5 - 1.375) * ((100vw - 27.5rem) / 62.5));}
    h4,.h4{font-size:calc((1.25 * 1rem) + (1.375 - 1.25) * ((100vw - 27.5rem) / 62.5));}
}
@media (min-width: 90rem) {
    h1,.h1{font-size:calc(3 * 1rem);}
    h2,.h2{font-size:calc(2.125 * 1rem);}
    h3,.h3{font-size:calc(1.5 * 1rem);}
    h4,.h4{font-size:calc(1.375 * 1rem);}
}

@media (min-width: 992px) {
    #imgFooterLogo {
        width: 210px;
        height: 55px;
    }
}
/* End brand 2.0 - oomph styling */
/*  iPads (landscape) */
 @media only screen and (min-width: 800px) and (max-width: 1224px) {
    .container, #C001_loginTop, #C002_loginTop {width: 98%; padding: 0px 0px 0px 7px; margin: 0px; /* background-color: yellow; */ }
    h1.PgTitle, table.data-form {padding-left: 5px;} 
    .breadcrumb {padding-left: 15px;} 
    #user-identity-nav {padding-left: 20px;}
    #site-footer {text-align: right;}       
    /* Policy DB start */
    .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgNumPart a, .RadGrid_MetroTouch .rgNumPart a:hover {font-weight: 400 !important;}
    /* Policy DB end */
}       
/* iPads (portrait) / iPhone & Samsung landscape */
@media only screen and (min-width: 600px) and (max-width: 799px) {
    .container, #C001_loginTop, #C002_loginTop {width: 98%; padding: 0px 10px; margin: 0px; /* background-color: yellow; */ }
    h1.PgTitle, table.data-form {padding-left: 10px;} 
    .breadcrumb {padding-left: 15px;} 
    #site-header .navbar-header {padding: 10px 0px 0px 10px;} 
    #user-identity-nav {padding: 0px 10px 0px 10px; width: 300px;}   
    #toggleNeedHelpNav {margin-top: 15px !important;} 
    #toggleNeedPacHelpNav {position: absolute; top: 2500px;}
    #site-footer {text-align: left; padding: 40px 0px 5px 5px;}    
    #tblLoginSec {padding-left: 0px !important;} 
    /* Policy DB start */
    .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgNumPart a, .RadGrid_MetroTouch .rgNumPart a:hover {font-weight: 400 !important;}
    /* Policy DB end */ 
}
/* Mobile (portrait and landscape) */
@media only screen and (max-width: 599px) {
    #imgHeaderLogo {display: none;}
    #AVMAheader { background: transparent url(/App_Themes/AVMA/_img/AVMA_Logo_200.png) no-repeat top left; padding-top: 60px; }    
    .container, #C001_loginTop, #C002_loginTop {width: 98%; padding: 0px 10px; margin: 0px; /* background-color: Aqua;*/ }      
    .breadcrumb {padding-left: 15px; width: 350px;} 
    #site-header {height: 150px;}
    #site-header .navbar-header {padding: 10px 0px 0px 10px;}
    #site-header .navbar {width: 100%;}
    h1.PgTitle {font-size: 1.625em !important;}
    h3 {font-size: 1.375em !important; }
    #user-identity-nav {padding: 0px 5px 0px 10px;}    
    .RadWindow_MetroTouch {width: 350px !important; height: 350px !important;}     
    input[type="text"], input[type="password"], input[type="email"] {font-size: .9em;}
    /* start login page */   
    table.data-form {height: 480px; padding-left: 5px;}
    #C001_txtUserID, #C001_txtPassword, #C002_txtUserID, #C002_txtPassword, #C003_txtUserID, #C003_txtPassword, 
    #C004_txtUserID, #C004_txtPassword {width: 200px !important;}
    #loginIdDiv, #loginPwddiv {width: 110px !important; text-align: right;}
    #tdIDMessage, #tdIPWDMessage {padding-right: 5px;}
    #forgotUID, .forgotUID {width: 200px; display: inline-block; margin-right: 30px;}
    #HelpMemPgs {left: -30px; position: absolute; top: 600px; text-align: left;}  
    #tblLoginSec {border-right: none; border-bottom: 1px solid #4f5559; padding: 0px 0px 10px 0px;}
    #site-footer {text-align: left; padding: 20px 0px 5px 5px; }
    #user-identity-nav {top: 122px; position: relative; text-align: left;}
    #stepNav {float: left;} 
    .loginError {
        width: 200px;
        display: inline-block;
        margin-right: 30px;
    }    
    .ErrMsgInvoice {padding: 10px 0px 0px 0px}
    .ShowIDErrMsg {padding-left: 0px!important;}
    span#memID {padding-right: 100px;}
    #tdIDMessage {padding: 0px 0px 25px 0px !important;}
    .toggleCol{padding-bottom: 550px; float: left;}
    #cmdLogin {margin-right: 30px;}
    /* end login page */   
    /* Policy DB start */
    .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgNumPart a, .RadGrid_MetroTouch .rgNumPart a:hover {font-weight: 400 !important;}
    /* Policy DB end */
}          
/* Only iPhone 5s (portrait mode) */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait){
    .RadWindow_MetroTouch {width: 300px !important; height: 350px !important;}   
    #imgHeaderLogo {display: none;}
    #AVMAheader { background: transparent url(/App_Themes/AVMA/_img/AVMA_Logo_200.png) no-repeat top left; padding-top: 60px;}   
    .container, #C001_loginTop, #C002_loginTop {width: 98%; padding: 0px; margin: 0px; /* background-color: lime; */ }  
    .breadcrumb, h1.PgTitle {width: 310px;}
    h1.PgTitle {font-size: 1.5em !important;} 
    /* start login page */  
    #DuesAmount, #subTotal {padding-right: 0px;}       
    #C001_txtUserID, #C001_txtPassword, #C002_txtUserID, #C002_txtPassword, #C003_txtUserID, #C003_txtPassword, 
    #C004_txtUserID, #C004_txtPassword  {width: 180px !important;}        
    #HelpMemPgs {left: -30px; position: absolute; top: 60px; text-align: left;}  
    #lblIDMessage {width: 200px; display: block; float: left; text-align: left;}
    #lblPWDMessage {width: 290px; display: block; float: left; text-align: right;}
    .RightColumn {text-align: left; width : 250px; }    
    forgotUID {padding-top: 10px; width: 290px; display: block; float: left; text-align: left; }
    #tblLoginSec {width: 350px !important;}
    h1.PgTitle{font-size: 1.125em;} 
    #C001_lblError, #C002_lblError {padding-left: 5px; float: left; }
    /* end login page */     
    /* Policy DB start */
    .RadGrid_MetroTouch .rgMasterTable, .RadGrid_MetroTouch .rgNumPart a, .RadGrid_MetroTouch .rgNumPart a:hover {font-weight: 400 !important;}
    /* Policy DB end */                   
}      
@media print {
  #site-header { display: -webkit-box!important; }
}
/* -- End Resonsive -- */