@charset "utf-8";
/* CSS Document */
/* Global CSS Please don't make any Changes if you don't know */
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
	color: rgb(255, 255, 255)
}

.navbar-default .navbar-nav>li>a {
	background: linear-gradient(to bottom, rgb(3, 137, 202) 0%,
		rgb(20, 74, 159) 100%);
	color: rgb(255, 255, 255);
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
	{
	background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%,
		rgba(32, 124, 229, 1) 100%);
	color: rgb(255, 2552, 255)
}

.dropdown-menu>li>a {
	background: #fff;
	color: #0878be;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus,
	.navbar-default .navbar-nav>.open>a:hover {
	background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%,
		rgba(32, 124, 229, 1) 100%);
	color: rgb(255, 255, 255)
}

.topheader {
	background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%,
		rgba(32, 124, 229, 1) 100%);
}

input[type="submit"], input[type="reset"], input[type="button"], button,
	a.btn {
	color: #fff;
	background: linear-gradient(to bottom, rgb(35, 107, 220) 0%,
		rgb(32, 102, 211) 21%, rgb(22, 79, 168) 82%, rgb(20, 75, 160) 100%);
}

button:hover, input[type=reset]:hover, input[type=button]:hover, a.btn:hover
	{
	background: #7898ca
}

.graybg {
	background: #f1f1f1;
}

ul.leftmenu {
	color: rgb(255, 255, 255)
}

.language-change select {
	background: #0878be;
	color: #fff
}

span.logotext {
	color: #0878be;
}

span.logosubtext {
	color: #0878be;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background: #398fe8;
	color: #fff
}

.breadcrumbarea {
	background: url(../../images/breadcrumbbg.png) no-repeat;
	background-size: 100% 100%;
}

.ownerdetails {
	background: url(../../images/ownerdetails.png) 4px 43% no-repeat
		!important
}

.servicedetails {
	background: url(../../images/servicedetails.png) 4px 4% no-repeat
		!important
}

.dms {
	background: url(../../images/dmsdocumentupload.png) 4px 4% no-repeat
		!important
}

.fee-details {
	background: url(../../images/feesdetails.png) 4px 4% no-repeat
		!important
}

.insurance-details {
	background: url(../../images/insurancedetails.png) 4px 4% no-repeat
		!important
}

.appointment {
	background: url(../../images/appointment.png) 4px 4% no-repeat
		!important
}

.sign-upl {
	background: url(../../images/dmsdocumentupload.png) 4px 4% no-repeat
		!important
}

.niclogo {
	background: url(../../images/nic-logo.png) left top no-repeat;
}

ul.title li a {
	color: #0878be;
}

ul.title li a.active {
	color: #313131;
}

.detailsarea .httext, .ministername, .detailsarea-home .httext,
	.ministername {
	color: #144a9f;
}

.detailsarea a {
	color: #144a9f;
}

.ministerposition a {
	color: #144a9f
}

.ministerposition a:hover {
	color: #144a9f
}

.footerarea {
	background: #3c3c3c;
}

.footerlink ul li, .footerlink ul li a, .socialMed a, .support i,
	.support p {
	color: #dedede
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
}

.bx-wrapper .bx-caption {
	background: #666;
	background: rgba(80, 80, 80, .75);
}

.
.modal-header {
	background: #0878be
}

.modalrow {
	background: #f9f9f9;
	border: 1px solid #ececec;
}

table.customtable thead th {
	background: #0878be;
	color: #fff;
}

table.customtable .fa {
	color: #0878be;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
	.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
	{
	background: #0878be
}

.pagination>li>a, .pagination>li>span {
	color: #0878be
}

li.ordering .fa {
	color: #0878be
}

.instructionbt, a.custombtn {
	background: rgb(8, 120, 190)
}

a.instructionbt:hover, a.instructionbt:focus {
	color: #fff;
	background: #0878be;
}

a.custombtn:focus, a.custombtn:hover {
	background: #7898ca
}

.userloginarea {
	border-bottom: 0 solid #398fe8;
}

.userlogininnerarea {
	border-bottom: 24px solid #398fe8;
}

.informationarea {
	border: 2px solid #8b8b8c;
}

.informationarea h2 {
	color: #0878be;
	border-bottom: 1px solid #8b8b8c;
}

.informationarea h3, .modal-body h3 {
	color: #333;
}

.modal-body p {
	color: #333;
}

.customfrombox, .loginareaouter {
	background: rgb(255, 255, 255);
}

.loginarea {
	border: 1px solid #e8e8e8;
	background: #f3f3f3;
}

ul.links li a {
	color: #0878be
}

#hypothecation-addition .related-services.active .panel-heading a,
	.headingtext {
	color: #0878be;
	border-bottom: 1px solid #8b8b8c;
}

button.common-btn.form-control.resetbt {
	background: #b3b3b7 !important
}

.togl-btn {
	color: #0878be;
}

form.loginarea.reset-form input[type=submit].common-btn {
	background: #144a9f;
	color: #fff;
}

fieldset.customfieldset {
	border: 1px solid #144a9f;
}

.formheadingtext {
	color: #fff;
	background: #144a9f;
}

.owner-detail-div h2 {
	color: #144a9f;
}

.owner-detail-div .left-panel .status-part h3 {
	color: #fff;
	background: #0878be;
}

.owner-detail-div .left-panel .status-part .panel-heading {
	color: #144a9f;
}

.owner-detail-div .left-panel .status-part .panel-body.acc-open ul li a
	{
	color: #144a9f;
}

.owner-detail-div .left-panel .status-part .panel-body.acc-open ul li:first-child a.green-circle
	{
	background: #09f124;
}

.owner-detail-div .left-panel .status-part {
	border: 1px solid #0878be;
}

.panel-heading a, .panel-heading a:hover {
	color: #144a9f
}

.leftcontent .httext {
	color: #144a9f;
}

.newgraybg {
	background: #f1f1f1;
}

.summary-page form h2 {
	background: #144a9f;
}

.summary-page .part-3 h3, .summary-page form h3 {
	background: #144a9f;
}

.summary-page form .part-1 p span {
	color: #00f
}

.summary-page .part-6 table tr td, .summary-page .part-6 table tr th {
	background: #b39149;
}

.summary-page .part-6 table tr td {
	background: 0 0
}

.toolip-txt {
	background: #144a9f;
}

.toolip-txt::after {
	border-top: 10px solid #144a9f;
}

a.print-btn-new {
	background: #236bdc;
	background-image: linear-gradient(to bottom, #236bdc 0, #2066d3 21%, #164fa8 82%, #144ba0
		100%);
}

.dis.fa {
	color: #888383 !important
}

.ui-widget-content a {
	color: #0878be !important;
}

.ui-widget-header {
	background: #0878be !important;
	color: #fff !important
}

.ui-widget-header button {
	background: 0 0 !important;
	border: none !important
}

.vehicalno label {
	color: #0878be;
}

.datepicker .row.header .prev.disabled .arrow {
	border-right-color: #DDD
}

.datepicker .row.header .next.disabled .arrow {
	border-left-color: #DDD
}

}
.datepicker .cell.day.today {
	color: #000;
	background: #D6EAFF
}

.datepicker .cell.day:hover, .datepicker .cell.decade:hover, .datepicker .cell.month:hover,
	.datepicker .cell.year:hover {
	background: #3298FF;
	color: #FFF
}

.datepicker .cell.day.selected, .datepicker .cell.decade.selected,
	.datepicker .cell.month.selected, .datepicker .cell.year.selected {
	background: #0065CC;
	color: #FFF
}

.datepicker .cell.grayed {
	color: #CCC
}

.datepicker .days .cell {
	color: #555
}

body .ui-tooltip {
	border-width: 2px
}

.ui-widget {
	font-family: 'Arial'
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea
	{
	font-family: 'Arial';
	font-size: 1em
}

.ui-widget-content {
	background: #fff;
	color: #333
}

.ui-widget-header {
	color: #333;
}

.ui-widget-header a {
	color: #333
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
	{
	color: #454545;
	text-decoration: none
}

ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,
	.ui-widget-header .ui-state-highlight a {
	color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
	{
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f
}

.ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a,
	.ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a,
	.ui-widget-header .ui-state-error-text {
	color: #5f3f3f
}

#hypothecation-addition .panel-heading a, .panel-heading h4 a {
	color: #0878be;
}

.ui-icon:hover, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon:hover,
	.ui-icon:hover, .ui-widget-content .ui-icon:hover, .ui-widget-header .ui-icon:hover
	{
	background-image: url(images/ui-icons_444444_256x240.png)
}

.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_777777_256x240.png);
	background-color: red;
}

}
.ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
	background-image: url(images/ui-icons_555555_256x240.png)
}

.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_777620_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cc0000_256x240.png)
}

.ui-widget-overlay {
	background: #aaa;
}

.ui-widget-shadow {
	background: #666;
}

#hypothecation-addition .panel-heading a {
	border-bottom: 1px solid #8b8b8c
}

.department, .departmentaddress {
	color: #1252a4
}

.online-application-sec p {
	color: #000
}

button.print.btn.focus, button.print.btn:focus, button.print.btn:hover {
	color: #fff;
	background: #236bdc
}

table.customtable th {
	color: #0878be;
}

.fa-check-square {
	color: #259F07
}

.errorstyle {
	background: #8e0707;
}

table.master-table-cus thead tr th {
	background: #0878be;
	color: #fff;
	border: 1px solid #063f63 !important
}

.mtoptwenty, button.multiselect.dropdown-toggle.btn.btn-default:hover,
	td form.iconform button[type=submit].del-quota, td.verti-center a button[type=submit].del-serviceId
	{
	background: 0 0
}

table.master-table-cus tbody tr td {
	border: 1px solid #0878be;
}

table.master-table-cus.table-bordered tbody tr td table.master-table-cus.table-bordered>tfoot>tr>td,
	table.master-table-cus.table-bordered>tbody>tr>td, table.master-table-cus.table-bordered>tbody>tr>th,
	table.master-table-cus.table-bordered>tfoot>tr>th, table.master-table-cus.table-bordered>thead>tr>td,
	table.master-table-cus.table-bordered>thead>tr>th {
	border: 1px solid #0878be
}

span.disclass .fa {
	color: #9a9a9a
}

.mtoptwenty i.fa.fa-filter {
	color: #236bdc;
}

span#service {
	color: #fe0000;
	background: rgba(255, 170, 170, .5)
}

.hidden-print {
	background-image: linear-gradient(to bottom, rgb(3, 137, 202) 0%,
		rgb(20, 74, 159) 100%)
}

.bookappoint {
	background: rgb(20, 74, 159);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	background: linear-gradient(to bottom, rgb(35, 107, 220) 0%,
		rgb(32, 102, 211) 21%, rgb(22, 79, 168) 82%, rgb(20, 75, 160) 100%)
}

.btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover
	{
	color: rgb(255, 255, 255)
}

.service-final a:hover {
	color: rgb(255, 255, 255)
}

@media ( max-width :767px) {
	.userlogininnerarea {
		background: #263238
	}
	.innernavi {
		background: #0878be;
	}
	.naviarea button, .naviarea button:hover {
		background: 0 0 !important
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff
	}
	.naviarea .navbar-toggle:focus, .naviarea .navbar-toggle:hover {
		background-color: #c73d19
	}
	.topheader .navbar-toggle:focus, .topheader .navbar-toggle:hover {
		background-color: #073154
	}
	.detailsarea .httext {
		border-bottom: 1px solid #ededed;
	}
	.detailsarea p {
		color: #7b7b7b;
	}
	.detailsarea a {
		color: #144a9f;
	}
	.dropdown-menu>li>a {
		background: rgb(2, 90, 165);
		color: rgb(255, 255, 255)
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: rgb(255, 255, 255)
	}
}