/*****************RELATRIX CORPORATION [EUI] Cascading Stylesheet****************/
/*****************copyright - Relatrix Corporation 2014**************************/
/******************for use with Relatrix Online Contact Center Only**************/

body{background:url('../../../includes/images/bg.jpg') repeat scroll 0% 0% #EFEFEF;}

/*Top Banner*/
.BANNER
{
background: none repeat scroll 0% 0% #000000;
}

/*Navigation Menu*/

/* color of bar in 3-bar button */
.H_LINE{background-color: #fff;}

/* Background color of menu and 3-bar button */
.TOP_NAVIGATION_COLOR {background-color: #000000; color: #fff;}

/* font-size and color of link*/
.TOP_NAVIGATION_STYLE a {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}

/* color of link on hover*/
.TOP_NAVIGATION_STYLE a:hover {background-color: #36c6d3; color: #fff;}

/*Buttons*/

.btn_page_level {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0px;
font-family: Arial;
color: #ffffff;
font-size: 16px;
background: #4d728a;
padding: 5px 10px 5px 10px;
text-decoration: none;
}

.btn_page_level:hover {
background: #328bc2;
text-decoration: none;
}

.btn_color:hover
{
font-weight: normal;
text-decoration:underline;
color:#3739ff;
padding: 4px 14.5px;
}

/*Page Paragraph*/
P{
font-family:Arial !important;
font-size:14px !important;
}

/*Page Title Background color*/
.PAGE_TITLE
{
background-color: #8b8b7e;
}

/*Page Title text*/
.PAGE_TITLE_TEXT
{
font-family: "Verdana";
font-size: 18px;
color: #ffffff;
}

/*Page Section*/
.SECTION_TITLE
{
font-family: Verdana;
font-size: 14px;
color: #000000;
background-color: #D3D3D3;
}

/*Footer*/
.FOOTER
{
background: none repeat scroll 0% 0% #000000;
}

/*Footer label*/

.FOOTER span
{
font-family: Arial;
font-size: 14px;
color: #D3D3D3;
}

/* Footer interface list drop down menu */
.futrofr select {
background: #FFFFFF;
width: 100%;
font-family: Verdana;
font-size: 14px;
border: 0;
height: 35px;
line-height: 20px;
color: #000000;
border: 1px solid #7a6962;
}

/**************************************************/
/*****************MY Account Section****************/
/**************************************************/

/*Unsubscribe block*/

.UNSUBSCRIBE_BLOCK
{
background-color:#8b8b7e;
color:#000;
padding:5px;
font-family: Arial;
}

/*Page Title Background color*/

.PAGE_TITLE.MYACCOUNT
{
background-color:#8b8b7e;
}

/*Page Title text*/

.PAGE_TITLE_TEXT.MYACCOUNT
{
font-family: Verdana;
font-size: 18px;
color: #FFFFFF;
}

/*Page Section*/

.SECTION_TITLE.MYACCOUNT
{
font-family: Verdana;
font-size: 14px;
color: #000;
background-color: #8b8b7e;
}

/* Signup blocks for users, volunteers, partners*/
/******** Displayed below login block************/

/* New User Signup */
.login-rytnew
{
width: 100%;
float: left;
border: 1px solid;
border-color: #48372f;
background-color: #99cc66;
margin-top: 10px;
padding: 3px 0px 3px 0px;
font-family: Verdana;
font-size: 14px;
color: #666666;
}

/* New Volunteer Signup */
.login-rytnew1
{
visibility: hidden;
width: 100%;
float: left;
border: 1px solid;
border-color: #48372f;
background-color: #3cb371;
margin-top: 10px;
padding: 3px 0px 3px 0px;
font-family: Verdana;
font-size: 14px;
color: #666666;
}

/* New Partner-Profile Manager Signup */

.login-rytnew2
{
visibility: hidden;
width: 100%;
float: left;
border: 1px solid;
border-color: #48372f;
background-color: #cccc66;
margin-top: 10px;
padding: 3px 0px 3px 0px;
font-family: Verdana;
font-size: 14px;
color: #666666;
}

/* New Partner-Employee Signup */

.login-rytnew3
{
visibility: hidden;
width: 100%;
float: left;
border: 1px solid;
border-color: #48372f;
background-color: #cc9966;
margin-top: 10px;
padding: 3px 0px 3px 0px;
font-family: Verdana;
font-size: 14px;
color: #666666;
}
/* New EZPartner-Staff Signup */
.login-rytnew4
{
visibility: hidden;
width: 100%;
float: left;
border: 1px solid;
border-color: #48372f;
background-color: #66cc9a;
margin-top: 10px;
padding: 3px 0px 3px 0px;
font-family: Verdana;
font-size: 12px;
color: #666666;
}

/* Set visibality of school section in volunteer registration page*/
.VOLUNTEER-SCHOOL-SECTION { display:table-row; }

/**********************************************************************************************
********************************** Survey Page[Take_survey.aspx] ********************************
***********************************************************************************************/
P.svy_take_instruction
{
font-family:Lato !important;
font-size:16px !important;
}

.svy_take_separator
{
height: 35px;
width: 100%;
font-size:16px;
}

.svy_take_validation
{
font-weight: bold;
color: red;
height: 19px;
padding-bottom: 15px;
font-size:16px;
font-family:Lato;
}

.svy_take_nomore
{
width: 100%;
height: 45px;
text-align: center;
font-size:16px;
font-family:Lato;
}

.svy_take_line
{
border-bottom: 1px solid;
margin-bottom: 40px;
font-size:16px;
}

.svy_take_quest_title
{
background-color: #F6F6F6;
padding-left: 10px;
padding-top: 10px;
font-size:16px;
padding-bottom: 10px;
vertical-align: middle;
font-family:Lato;
}

.svy_take_questions
{
margin-left: 5px;
margin-top: 20px;
margin-bottom: 20px;
vertical-align: top;
font-size:16px;
}
.svy_take_questions label{padding-left:5px;font-size:16px;font-family:Lato;}

.svy_take_questions_radiobutton
{
margin-left: 35px;
margin-top: 20px;
margin-bottom: 20px;
vertical-align: top;
width:10px !important;
transform: scale(1.25, 1.25);
font-size:16px;
}

.svy_take_questions_radiobutton label{ padding-right: 20px;
float: left;
text-align: center;
font-size:16px;
font-family:Lato;
}

.svy_take_explanation
{
padding-left: 10px;
vertical-align: top;
margin-bottom: 15px;
font-size:16px;
font-family:Lato;
}

/* ===== CSISD Modern Refresh =====
   Added by CSISD. Uses "html body" and ":not(#csisd)" so these win over WebsiteStyle.css,
   which loads after this file. Fonts are NOT set here (use Website Styles). */

/* Form fields: 16px text stops iPhone auto-zoom, roomier tap area */
html body input.my_textbox:not(#csisd),
html body select.my_textbox:not(#csisd),
html body textarea.my_textbox:not(#csisd)
{
font-size: 16px !important;
min-height: 44px;
padding: 10px 12px !important;
border: 1px solid #c9cdd2 !important;
border-radius: 8px !important;
box-sizing: border-box;
transition: border-color .15s, box-shadow .15s;
}
html body input.my_textbox:not(#csisd):focus,
html body select.my_textbox:not(#csisd):focus,
html body textarea.my_textbox:not(#csisd):focus
{
outline: none;
border-color: #1F8AA1 !important;
box-shadow: 0 0 0 3px rgba(31,138,161,.2);
}

/* Buttons: bigger tap target, hover feedback */
html body .btn_page_level
{
min-height: 44px;
padding: 10px 24px !important;
border-radius: 8px !important;
font-weight: 500;
cursor: pointer;
transition: background-color .15s;
}
html body .btn_page_level:hover
{
background-color: #17707F !important;
}

/* Toggles: rounded, on-brand */
html body .bootstrap-switch.bootstrap-switch-wrapper
{
border-radius: 999px !important;
overflow: hidden;
border-color: #c9cdd2 !important;
}
html body .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary
{
background: #1F8AA1 !important;
}
html body .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default
{
background: #6b7280 !important;
color: #fff !important;
}

/* Main page card: softer edge instead of black outline */
html body .pagecontainer
{
border: 1px solid #e3e6ea !important;
border-radius: 12px !important;
box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
html body .detail-pagenew
{
border-radius: 10px;
}

/* Hide footer campus dropdown (mobile fix). Black bar stays. */
html body .FOOTER .futrofr,
html body #_ctl0_FooterCtrl_ddlInterface
{
display: none !important;
}

/* Opportunity list cards: soft edge, gentle lift on hover */
html body .pageheader.category:not(#csisd)
{
border: 1px solid #e3e6ea !important;
border-radius: 12px !important;
box-shadow: 0 2px 10px rgba(0,0,0,.06);
transition: box-shadow .2s, transform .2s;
}
html body .pageheader.category:not(#csisd):hover
{
box-shadow: 0 6px 18px rgba(0,0,0,.10);
transform: translateY(-2px);
}

/* Opportunity cards: Learn More button sits fully inside its row, so the
   space below it matches the space above the title (about 20px each) */
html body .pageheader.category .readmorelft .btn_page_level:not(#csisd)
{
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 24px !important;
line-height: 1.2;
box-sizing: border-box;
}

/* Opportunity cards: tuck the Learn More button right under the details
   instead of below the map column (desktop). Phones still stack normally. */
html body .pageheader.category .req-firstlft > .contentryt:not(#csisd)
{
float: right !important;
}
html body .pageheader.category .req-firstlft > .contentryt + .contentlft:not(#csisd)
{
clear: none !important;
}
html body .pageheader.category .readmorelft:not(#csisd)
{
padding-top: 16px !important;
}

/* ===== Opportunities page (My Account): safe visual polish =====
   Colors, spacing, borders and fonts only. No hiding, moving or
   rebuilding anything, so Relatrix features keep working. */

/* Sections become soft white cards */
html body .detail-pagenew5:not(#csisd)
{
background: #fff !important;
border: 1px solid #e3e6ea !important;
border-radius: 14px !important;
box-shadow: 0 2px 10px rgba(0,0,0,.05);
}

/* Section titles: bigger and bolder */
html body .detail-pagenew5 h2 span:not(#csisd)
{
font-size: 20px !important;
font-weight: 700 !important;
color: #17707F !important;
}

/* Field labels: a little stronger */
html body .detail-pagenew5 h4:not(#csisd)
{
font-weight: 700 !important;
color: #232325 !important;
}

/* Hour totals: make the numbers pop */
html body #_ctl0_Body_lnkTotalHoursLogged:not(#csisd),
html body #dvlnkHoursThisYear a:not(#csisd)
{
font-size: 22px !important;
font-weight: 700 !important;
color: #1F8AA1 !important;
}

/* Divider lines: light gray instead of black */
html body .pagecontainer hr:not(#csisd)
{
border: 0 !important;
border-top: 1px solid #e3e6ea !important;
background: none !important;
height: 0 !important;
}

/* Tables: rounded corners, roomier rows, soft row highlight */
html body table.dataTable:not(#csisd)
{
border-collapse: separate !important;
border-spacing: 0 !important;
border: 1px solid #e3e6ea !important;
border-radius: 12px !important;
overflow: hidden;
}
html body table.dataTable thead th:not(#csisd)
{
font-weight: 700 !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
}
html body table.dataTable tbody td:not(#csisd)
{
padding-top: 12px !important;
padding-bottom: 12px !important;
border-color: #eef0f2 !important;
}
html body table.dataTable tbody tr:hover td:not(#csisd)
{
background-color: #f2fafb !important;
}

/* Edit form and Cancel icons: bigger, colored, easier to tap */
html body #sorting-advanced a.icon-note:not(#csisd),
html body #sorting-advanced a.icon-opp-calendar:not(#csisd)
{
display: inline-block;
font-size: 20px !important;
padding: 6px;
border-radius: 8px;
transition: background-color .15s;
}
html body #sorting-advanced a.icon-note:not(#csisd)
{
color: #1F8AA1 !important;
}
html body #sorting-advanced a.icon-note:not(#csisd):hover
{
background: #e6f4f6;
}
html body #sorting-advanced a.icon-opp-calendar:not(#csisd):hover
{
background: #fff1ef;
}

/* Hours links: bold teal so they read as clickable */
html body #sorting-advanced td a[id*="Hours"]:not(#csisd),
html body #sorting-advanced td:nth-child(4) a:not(#csisd)
{
font-weight: 700 !important;
color: #1F8AA1 !important;
}

/* Log Hours form fields */
html body .detail-pagenew5 input.txtnew_field:not(#csisd),
html body .detail-pagenew5 textarea.txtnew_field:not(#csisd)
{
font-size: 16px !important;
min-height: 42px;
padding: 8px 12px !important;
border: 1px solid #c9cdd2 !important;
border-radius: 8px !important;
box-sizing: border-box;
}
html body .detail-pagenew5 input.txtnew_field:not(#csisd):focus,
html body .detail-pagenew5 textarea.txtnew_field:not(#csisd):focus
{
outline: none;
border-color: #1F8AA1 !important;
box-shadow: 0 0 0 3px rgba(31,138,161,.2);
}

/* Log Hours button: bigger and rounder */
html body input.btn_primary:not(#csisd)
{
min-height: 44px;
padding: 0 26px !important;
border-radius: 8px !important;
font-size: 16px !important;
font-weight: 700 !important;
cursor: pointer;
}
html body input.btn_primary:not(#csisd):hover
{
background-color: #17707F !important;
}

/* Phones: let wide tables scroll sideways instead of getting cut off */
html body .dataTables_wrapper:not(#csisd)
{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

/* Date field: wide enough to show the full date */
html body .detail-pagenew5 input.hasDatepicker:not(#csisd)
{
width: 150px !important;
}

/* ===== Small finishing touches ===== */

/* Opportunity card titles turn gold on hover */
html body .pageheader.category a.ankr:not(#csisd):hover
{
color: #a8841a !important;
}

/* Card details in Lato (the Card Content font setting won't save) */
html body .pageheader.category .testsmall *:not(#csisd)
{
font-family: 'Lato', Arial, sans-serif !important;
}