/*-------------Pay infrom css section----------*/
p{color:#525252; font-size:13px; padding-bottom:20px; }
.no-margin-left{ margin-left:0px !important; }
.no-margin-right{ margin-right:0px; }
.margin-top-30{margin-top:30px;}
h5.sub-head{ color:#1968b3; font-weight:bold; font-size:14px; padding-bottom:15px;}
.pay-inform{ border-bottom:1px solid #cecece; padding:0 0 24px 0; float:left; width:100%;}
.no-padding{ padding:0px;}
.input{ width:425px; height:50px; border:1px solid #cecece; color:#000; font-size:14px; padding:0 16px;}
.input:focus, .pay-inform .input-middle:focus, .input-small:focus, .input-large:focus{ -moz-box-shadow: inset 0 0 7px #d0d0d0;-webkit-box-shadow: inset 0 0 7px#d0d0d0;box-shadow: inset 0 0 7px #d0d0d0;}

.button-blue{background-color:#1968b3; border:0px; font-size:14px; width:183px; height:50px; color:#fff; transition: all 0.3s ease-in-out 0s; margin:0 0 0 12px;}
.button-blue:hover{-moz-box-shadow: inset 0 0 15px #03305b;-webkit-box-shadow: inset 0 0 15px#03305b;box-shadow: inset 0 0 15px #03305b; }
.button-blue-middle{background-color:#1968b3; border:0px; font-size:14px; width:146px; height:57px; color:#fff; transition: all 0.3s ease-in-out 0s; margin:0 0 0 12px; text-transform:uppercase;}
.button-blue-middle:hover{-moz-box-shadow: inset 0 0 15px #03305b;-webkit-box-shadow: inset 0 0 15px#03305b;box-shadow: inset 0 0 15px #03305b; }


.button-blue-small{background-color:#1968b3; border:0px; font-size:14px; width:117px; height:50px; color:#fff; transition: all 0.3s ease-in-out 0s; margin:0 0 0 25px;}
.button-blue-small:hover{ -moz-box-shadow: inset 0 0 15px #03305b;-webkit-box-shadow: inset 0 0 15px#03305b;box-shadow: inset 0 0 15px #03305b;}
.pay-con{color:#525252;	font-size:14px;	padding:27px 0 0 0;}
.pay-con a{font-weight:bold;}
.select {border:1px solid #cecece; height:48px; width:253px; color:#525252; font-size:14px;}
.input-middle{ width:347px; height:50px; border:1px solid #cecece; color:#000; font-size:14px; padding:0 16px; margin:0 0 0 21px;}
.input-small{ width:250px; height:50px; border:1px solid #cecece; color:#000; font-size:14px; padding:0 16px; margin-right:25px;  }
.input-datepick{width:544px; height:50px; border:1px solid #cecece; color:#000; font-size:14px; padding:0 16px; background:url(../images/cal-ic.png) no-repeat 98% 8px; }
.clearfix-margin{ clear:both; margin-top:30px;}
.last-row{margin-left:30px;}
.input-large{ width:823px; height:50px; border:1px solid #cecece; color:#000; font-size:14px; padding:0 16px; margin-top:30px; }

/*-------------important css section----------*/
.important-area{ border-bottom:1px solid #cecece; padding:12px 0; float:left; width:100%;}
.important-area h6{font-size:14px;color:#84a623;}
.important-area h6 small{color:#ff4a0b;font-size:12px;line-height:25px;}
h2.arrow-left{background: url(../images/green-arrow.png) no-repeat left top;font-weight:600;font-size:14px;padding:0 0 10px 22px}
ul.imp{margin:0px;padding:0px;list-style:none;}
ul.imp li{background:url(../images/blue-arrow.png) no-repeat left 8px;padding:0px 0 20px 16px;font-size:14px;color:#5e5e5e;}
.no-brd-btm{border-bottom:0px;}

/*-------------advicenote css section----------*/
.advice-note{float:left;width:100%;font-size:12px;color:#797979;padding:31px 0 0 0;}

/*-----------pagination css custom-----------*/

.pagination
{
	margin:0px !important;
}
.pagination li a
{
	background-color:none;
	border:0px;
	 padding: 0px 3px;
	 color:#919191;
	 font-size:14px;
}

.pagination li a:hover, .pager li a:hover
{
	background-color:#fff;
	color:#ff4800;
}
.pagination li:first-child a
{
	padding-left:0px;
}

.pagination li a.active
{
	color:#ff4800;
	font-weight:bold;
}


.pager
{
	margin:6px 0px; !important;
}
.pager li
{
	float:left;
}

.pager li a
{
	font-weight:bold;
	color:#1968b3;
	border:0px;
}

.pager li:first-child a
{
	padding-left:0px;
}

/*-----------table section css---------------*/

.table-responsive
{
	padding-top:25px;
}
.table
{
	border:1px solid #cecece;
	
}
.table th
{
	background-color:#deebbb;
	font-weight:bold;
	font-size:14px;
	color:#717c54;
	border-bottom:1px solid #cecece; !important;
	border-right:0px solid #bdcc92 !important;
	padding:13px 0 0 21px !important;
	padding-bottom:12px !important;
	position:relative;
}

.table th::after
{
	content:"";
	position:absolute;
	width:1px;
	height:30px;
	background-color:#bdcc92;
	right:0px;
	top:8px;
}

.table th:nth-child(4)::after
{
	background-color:transparent !important;
	
}

.table td
{
	border-top:0px !important;
	border-right:1px solid #cecece;
	padding-left:21px !important;
}


.table td:nth-child(1) {
  width: 10%;
}
.table td:nth-child(2) {
  width: 22%;
} 
.table td:nth-child(3) {
  width: 18%;
} 

.table td:nth-child(4) {
  width: 40%;
} 

/*-----------custom select css section-------------*/

.sbHolder{
	background-color: #fff;
	border: solid 1px #cecece;
	font-size: 14px;
	font-weight: normal;
	height: 50px;
	position: relative;
	width: 250px;
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	height: 50px;
	left: 0;
	line-height: 50px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 250px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #525252;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(../images/select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top: 10px;
	width: 30px;
}
.sbToggle:hover{
	background: url(../images/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(../images/select-icons.png) 0 -116px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../images/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background-color: #fff;
	border: solid 1px #cecece;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 250px;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 0px;
}
.sbOptions a{
	border-bottom: solid 1px #cecece;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #525252;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #fff;
	background-color:#1968b3;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

/*------tab section css-----*/

.nav-tabs > li > a
{
	margin-right:0px;
	border-radius:0px;
	border:1px solid #cecece;
	border-left:0px;
}

.nav-tabs > li > a:hover
{
	background-color:transparent;
	border-color:#cecece;
}

.nav > li > a
{
	padding:13px 29px;
	color:#8c8c8c;
	font-size:14px;
}

.nav-tabs > li:first-child > a
{
	border-left:1px solid #cecece;
}

.nav > li.active > a
{
	border-top-color:#000;
	border-left-color:#000;
	border-right-color:#000;
	color:#000;
	 box-shadow:        inset  0  8px 8px -8px #757575, 
                        inset  0 -8px 0px -0px #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover
{
	border-top-color:#000;
	border-left-color:#000;
	border-right-color:#000;
}

.row-brd{border-bottom:1px solid #cecece;padding-bottom:32px;float:left;width:100%;margin-bottom:17px;}

.textarea{height:100px;}
.radio label{margin-right:20px; margin-bottom:20px; color:#525252; }
label.madatatory{ margin-left:120px; color:#ff3737; font-size:12px;}
label{font-size:14px !important; font-weight:normal; margin-right:10px;}
.cant-read{padding-left:28px !important; padding-top:16px !important; padding:0px; margin:0px !important;}

/*----------datepicker jquery ui css----------*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
	background-image: none !important;
}

/*file type css section*/
        .btn-file {
        position: relative;
        overflow: hidden;
    }
    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }


@media screen and (max-width:800px) {
.pay-inform .input{ width:380px; height:50px; border:1px solid #cecece; color:#525252; font-size:14px; padding:0 16px;}
.pay-inform .button-blue{background-color:#1968b3; border:0px; font-size:14px; width:163px; height:50px; color:#fff; transition: all 0.3s ease-in-out 0s; margin:12px 0px 0 12px;}
.pay-inform .input-middle{margin:0 0 0 0px;}
.pay-inform .button-blue-small{margin:0 0 0 0px;}
.input-large, .input-small, .input-datepick{width:95% !important;}
.last-row{margin-left:0px !important;}
.input-datepick{ margin-top:15px;}
.input-large{margin-top:15px !important ;}
label.madatatory{ margin-left:0px; color:#ff3737; font-size:12px;}
.cant-read{padding-left:0px !important; padding-top:16px !important; padding:0px; margin:0px !important;}

}

@media screen and (max-width:768px) {
.pay-inform .input{ width:100%; height:50px; border:1px solid #cecece; color:#525252; font-size:14px; padding:0 16px;}
.pay-inform .button-blue{background-color:#1968b3; border:0px; font-size:14px; width:183px; height:50px; color:#fff; transition: all 0.3s ease-in-out 0s; margin:12px 12px 0 0px;}
.pay-inform .input-middle{margin:0 0 0 0px;}
.pay-inform .button-blue-small{margin:0 0 0 0px;}
}

@media screen and (max-width:480px) {
.pay-inform .input{ width:100%; height:50px; border:1px solid #cecece; color:#525252; font-size:14px; padding:0 16px;}
.pay-inform .button-blue{background-color:#1968b3; border:0px; font-size:14px; width:100%; height:50px; color:#fff; transition: all 0.3s ease-in-out 0s; margin:12px 12px 0 0px;}
}

