/*
 * ©2017 Ingram Micro Inc. all Rights Reserved
 */

/* - Popup Box - */
.popup-box { position: absolute; font-size: 12px; z-index: 100; letter-spacing: 0; opacity: 1; -webkit-transition: opacity .4s linear; transition: opacity .4s linear; }
.popup-box .popup-wrapper { border-collapse: separate; margin: 0; text-align: left; max-width: 400px; }
.popup-box .popup-wrapper .popup-container { padding: 0; }
.popup-box .c1 { position: relative; }
.popup-box .popup-heading { border-color: #495583; color: #fff; background: #495583;background-clip: padding-box;box-shadow: none; border-radius: 0;}
.popup-box .heading-area { padding: 6px 25px 7px 10px; min-height: 16px; }
.popup-box .heading-area h4 { margin: 0; padding: 0; }
.popup-box .close { position: absolute; width: 10px; height: 10px; cursor: pointer; }
.popup-box .heading-area .close { position: static; float: right; margin: 4px -17px 0 0; }
.popup-box .popup-content-area { padding: 8px 10px 12px; line-height: 1.4; }
.popup-box.collapsed { overflow: hidden; max-height: 0; visibility: hidden; opacity: 0; }
.popup-box .arrow, .popup-box .arrow:after { position: absolute; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popup-box .arrow:after { z-index: -1; content: ""; }
.popup-box.top .arrow { bottom: -7px; left: 50%; margin-left: -7px; border-width: 7px 7px 0; }
.popup-box.top .arrow:after { bottom: -1px; left: -8px; border-width: 8px 8px 0; }
.popup-box.left .arrow { top: 50%; right: -7px; margin-top: -7px; border-width: 7px 0 7px 7px; }
.popup-box.left .arrow:after { right: -1px; bottom: -8px; border-width: 8px 0 8px 8px; }
.popup-box.bottom .arrow { top: -7px; left: 50%; margin-left: -7px; border-width: 0 7px 7px; }
.popup-box.bottom .arrow:after { top: -1px; left: -8px; border-width: 0 8px 8px; }
.popup-box.bottom .popup-heading .arrow { border-width: 0 7px 8px; }
.popup-box.bottom .popup-heading .arrow:after { border-width: 0 8px 9px; }
.popup-box.right .arrow { top: 50%; left: -7px; margin-top: -7px; border-width: 7px 7px 7px 0; }
.popup-box.right .arrow:after { bottom: -8px; left: -1px; border-width: 8px 8px 8px 0; }
.popup-box.left { margin: -7px 0 0 -9px; }
.popup-box.right { margin: -7px 0 0 9px; }
.popup-box.top { margin-top: -9px; }
.popup-box.bottom { margin-top: 9px; }
.popup-box .popup-box-bottom-actions { padding: 5px 0 0; text-align: center; }
.popup-box a.btn { padding: 4px 9px; min-width: 54px; }
.popup-box .btn button { padding: 5px 10px; min-width: 70px; }
.popup-box .c1 { background: #ccc; box-shadow: 0 5px 10px rgba(0, 0, 0, .3); border-radius: 0;}
.popup-box .popup-heading { border-color: #555; color: #ccc; background: #555; background-clip: padding-box; box-shadow: none; border-radius: 0; }
.popup-box .heading-area h4 { color: #eee; font-weight: 700; font-size: 14px; }
.popup-box .popup-content { box-shadow: none; }
.popup-box.top .arrow { border-top-color: #555 }
.popup-box.top .arrow:after { border-top-color: #555; }
.popup-box.right .arrow { border-right-color: #555; }
.popup-box.right .arrow:after { border-right-color: #555; }
.popup-box.right .popup-heading .arrow { border-right-color: #555; }
.popup-box.right .popup-heading .arrow:after { border-right-color: #555; }
.popup-box.bottom .arrow { border-bottom-color: #555; }
.popup-box.bottom .arrow:after { border-bottom-color: #555; }
.popup-box.bottom .popup-heading .arrow { border-bottom-color: #555; }
.popup-box.bottom .popup-heading .arrow:after { border-bottom-color: #555; }
.popup-box.left .arrow { border-left-color: #555; }
.popup-box.left .arrow:after { border-left-color: #555; }
.popup-box.left .popup-heading .arrow { border-left-color: #555; }
.popup-box.left .popup-heading .arrow:after { border-left-color: #555; }
.popup-box .close { background: url(../images/close.png) no-repeat; background-size: 15px 72px; }
.popup-box span.close:hover { background-position: 0 -10px; }

/* - Calendar - */
.apsDateTextBox .dijitInputContainer, .apsDateTextBox .s-btn { float: left; }
.apsDateTextBox input { width: auto !important; }
.apsDateTextBox .s-btn { margin: 3px; }
.dijitCalendarMonthMenu { position: absolute; font-size: 12px; margin: 0; padding: 5px; border: 1px solid; border-radius: 0 0 5px 5px; }
.dijitCalendarMonthMenu .dijitCalendarMonthLabel { margin-bottom: 2px; cursor: pointer; }
.dijitOffScreen, .dijitA11ySideArrow, .dijitArrowButtonChar { display: none; }
.dijitCalendarDayLabelTemplate, .dijitCalendarDateTemplate { padding: 0; text-align: center; border: none; }
.dijitCalendarDayLabelTemplate { padding: 5px 9px; }
.dijitCalendarMonthMenu .dijitCalendarMonthLabelHover,
.dijitCalendarHoveredDate .dijitCalendarDateLabel,
.dijitCalendarEnabledDate:hover .dijitCalendarDateLabel,
.dijitCalendarPreviousMonth:hover .dijitCalendarDateLabel,
.dijitCalendarNextMonth:hover .dijitCalendarDateLabel { background: none; text-decoration: underline; cursor: pointer; }
.dijitCalendarDisabledDate { text-decoration: line-through; }
.dijitCalendarDisabledDate a { text-decoration: none; cursor: default; }
.dijitSpacer { position: relative; visibility: hidden; height: 1px; overflow: hidden; }
.dijitCalendarYearLabel { margin-top: 10px; }
.dijitPopup { position: absolute; }
.dijitCalendarSelectedYear,.dijitCalendarPreviousYear,.dijitCalendarNextYear { display: inline-block; width: 31%; text-align: center; }
.dijitCalendarArrow, .dijitDropDownButton,.dijitCalendarPreviousYear,.dijitCalendarNextYear { cursor: pointer; }
.dijitCalendarSelectedYear { font-weight: 700; }
.dijitCalendarMonthMenu { border-color: #ccc; background: #fff; box-shadow: none; }
.apsCalendar.popup-box .dijitCalendarSelectedDate { background: #fbe694; }
.apsCalendar.popup-box div.c1 { background: #fdfbf5; }
.popCalendar .wd { color: #777;}
.popCalendar .c1, .popCalendar .c2, .popCalendar .c3 { font-size: 12px; padding: 0 7px; line-height: 25px; text-align: center; }
.popCalendar .c1 { background-color: #fff; box-shadow: none; }
.popCalendar .c2 { background-color: rgba(0,0,0,.05); }
.popCalendar .c3 { background-color: transparent; }

/* = APS Icons =
------------------------------------------------------------------------------ */
.sid-aps .s-btn span { background-position: 0 50%; background-repeat: no-repeat; background-size: 16px; width: 16px; height: 16px; display: inline-block; cursor: pointer; }
.sid-aps .sb-reset-button span { background-image: url(../images/icons/16/pa/revert.png); }
.sid-aps .sb-show-password-button span { background-image: url(../images/icons/16/pa/show.png); }
.sid-aps .dijitCalendarDecrease span { background-image: url(../images/icons/16/pa/arr_lt.png); }
.sid-aps .dijitCalendarIncrease span { background-image: url(../images/icons/16/pa/arr_gt.png); }
.sid-aps .dates-icon span { background-image: url(../images/icons/16/pa/dates.png); }