/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
@media only screen and (min-width:220px) and (max-width:768px) {
#colorbox{width:77% !important; left:0 !important; right:0; margin:auto !important}
#cboxWrapper, #cboxLoadedContent{width:100% !important}
#cboxContent{width:89% !important}
#cboxTopCenter, #cboxBottomCenter{width:89% !important}
.ui-dialog{width:76% !important}
}
#colorbox, #cboxOverlay, #cboxWrapper{width:100%; height:100%; position:absolute; top:0; left:0; z-index:100000; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/*#cboxOverlay{background:#000;} */

#cboxOverlay{background-image:url(data:image/gif;base64,
R0lGODlhAgACAIAAADc3N0xMTCH5BAAAAAAALAAAAAACAAIAAAIDRAIFADs=);opacity: .45;filter: alpha(opacity=45);}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(../images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(../images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(../images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(../images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(../images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(../images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
#dropdown-thumbnail-preview .menu #show-menu, #dropdown-thumbnail-preview .menu .show-menu{display:none !important}
#acknowledge{transform:scale(1) !important}
.noticeaccept{width:auto !important;}
.dynamic-table{width:100% !important}
#acknowledge{margin-top:0 !important}


#PageContent1_ctl00_CONTROL_PaymentHistory_Lbl_Range{padding-right:10px}
#OneTimePaymentScheduleBox .col-sm-1, #OneTimePaymentScheduleBox .col-sm-2, #OneTimePaymentScheduleBox .col-sm-3{padding-left:0 !important; padding-right:0 !important}
#dateMessage{margin-top:0 !important}
#Txt_PaymentDate{margin-bottom:0 !important}
#OneTimePaymentScheduleBox .col-sm-1{width:16.333% !important}
.paymentHistoryRow input, #dateRecordright input{padding-top:5px !important; line-height:25px !important; height:23px !important}

.sectionTitleDescription, .PaymentPlanPayment, #installmentNoFeeFooter{display:table; width:100%}

#PaymentScheduleBox #PaymentPlanPaymentDate, #PaymentScheduleBox #PaymentDateTitle, #PaymentScheduleBox #SinglePaymentDateTitle, #PaymentScheduleBox #singlePaymentDate, #PaymentScheduleBox #paymentdate, #PaymentScheduleBox #PaymentPlanPayee, #PaymentScheduleBox #PayeeTitle, #PaymentScheduleBox #SinglePayeeTitle, #PaymentScheduleBox #singlePayee, #PaymentScheduleBox #payee, #PaymentScheduleBox #PaymentPlanAmount, #PaymentScheduleBox #PaymentAmountTitle, #PaymentScheduleBox #SinglePaymentAmountTitle, #PaymentScheduleBox #singlePaymentAmount, #PaymentScheduleBox #totalAmount, #PaymentScheduleBox #PaymentPlanFee, #PaymentScheduleBox #FeeTitle, #PaymentScheduleBox #SingleFeeTitle, #PaymentScheduleBox #singleFee, #PaymentScheduleBox #PaymentPlanTotalAmount, #PaymentScheduleBox #TotalAmountTitle, #PaymentScheduleBox #SingleTotalAmountTitle, #PaymentScheduleBox #singleTotalAmount
{
	display:table-cell; width:19%
}
#installmentWithFeeFooter #totalsWithFeeLabel, #installmentWithFeeFooter .payee_content, #installmentWithFeeFooter #installmentWithFeeFooterAmount, #installmentWithFeeFooter #installmentWithFeeFooterFee, #installmentWithFeeFooter #installmentWithFeeFooterTotalAmount, #installmentNoFeeFooter #totalsNoFeeLabel, #installmentNoFeeFooter .payee_content1,  #installmentNoFeeFooter #installmentNoFeeFooterTotalAmount
{
	display:table-cell; /*width:19% !important; */margin-left:0 !important; margin-top:0; text-align:left
}
#installmentNoFeeFooter #installmentNoFeeFooterTotalAmount{text-align:right}
#PaymentScheduleBox .wrapper{/*height:auto*/}
.payee_content{width:23%}
#installmentWithFeeFooterTotalAmount{text-align:center}
#PageContent1_ctl00_CONTROL_Response_paymentConfirmationAnotherPaymentMessage, #makeAnotherPayment{ display:none;}

@media screen and (max-width: 768px)
{
.noticeaccept{height:auto !important; padding:10px !important; width:93% !important}
.gridPaymentHistoryPager a, .gridPaymentHistoryPager span{padding-left:20px !important; padding-right:20px !important}
.gridPaymentHistoryPager table{width:100% !important}
.gridPaymentHistoryPager td table tbody tr td{ text-align:left !important; float:left !important}
.version{text-align:center !important; float:none !important; margin:0 !important; width:100% !important}
.DigiCert_logo{width:102px; margin:auto !important}
.paymentHistoryRow input, #dateRecordright input, #txtFirstPaymentDate, #txtEndDate{padding-top:5px !important; line-height:25px !important; height:23px !important}
a[href^=tel] { color: inherit; text-decoration: none; }
#OneTimePaymentScheduleBox .col-sm-3, #OneTimePaymentScheduleBox .col-sm-2 {padding-left:0 !important}
#OneTimePaymentScheduleBox .col-sm-1{width:auto !important}
#creditCardItems label,#bankAccountItems label{font-size:16px;}
#bankAccountItems .radio input[type=radio],#creditCardItems .radio input[type=radio]{transform:scale(1.25, 1.25) !important;}
}
@media only screen and (min-width:260px) and (max-width:400px)
{
#confirmationNumber, .PaymentConfirmationNumber{font-size:12px !important}
#PaymentScheduleBox #PaymentDateTitle, #PaymentScheduleBox #PaymentPlanPaymentDate{width:20%}
#PaymentScheduleBox #PayeeTitle, #PaymentScheduleBox #PaymentPlanPayee{width:23%}
#PaymentScheduleBox #FeeTitle, #PaymentScheduleBox #PaymentPlanFee{width:16%}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1242px) 
and (orientation : landscape) 
{
	#Txt_PaymentDate{text-align:left !important; width:120px;}
}
/*@media screen and (max-width: 774px)
{
#ascrail2000
{
	position: fixed !important; left:94% !important 
}
.touch .modal .modal-body {max-height: none; -webkit-overflow-scrolling: touch;}
#basic-modal-content, #payment, #simplemodal-container{height:300px !important}
#simplemodal-container
{
   max-width:683px !important;   width:90% !important;
}
}*/