:root{
	--mainColor: #5cbfe6;
	--mainColorDark: #25abde;
	--mainColorLight: #aedef4;
}

/*Main Color Used */

footer{
    background-color: var(--mainColor);
    color:white;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.loginLink:hover{
	text-decoration: none;
}

.center{
	text-align:center;
}

.loginPanel{
	padding: 20px;
	margin-bottom:20px;
}

.page-content-container{
	padding:20px 0px;
}

.pageTitle{
	list-style:none;
	background-color: var(--mainColor);
	padding: 10px 0px;
	margin-bottom:0px;
}

.row-main-content{
	color:#474747;
	background-color: #eee;
	min-height: 100%;
}

.slide-box{
    background-color: white;
    padding: 20px;
    border-radius: 6px;
    margin: 20px 0px 18px;
}

.image-heading{
    color: var(--mainColor);
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}

.dropdown-item{
	border-width:0px; 
	width: auto;
}

.dropdown-menu{
	width:190px;
	text-align:center;
}

.dropdown-toggle>img{
	margin-right:5px;
}

.hmenu-toggle>img{
	margin-right:10px;
}

.hmenu-dropdown-toggle>img{
	margin-right:5px;
}

.hmenu-dropdown-menu>.hmenu-dropdown-item{
	width: 250px;	
	font-size:12px;
}

.dropdown-item .dropdown-menu .dropdown-item{
	width: 250px;
    background-color: white;
}

.dropdown-item .dropdown-menu{
	padding: 0px;
}

.dropdown-menu{
	text-align:left;
	background-color:transparent;
}

.breadcrumb { 
	border-radius: 0px;
  list-style: none; 
  overflow: hidden; 
  margin-bottom:0px;
  background-color: var(--mainColor);
  color: white;
  padding: 10px;
  font-size:18px;
}
.breadcrumb li { 
  float: left; 
}

.breadcrumb>.active{
	color: white;
	font-size:25px;
}

.form-section{
	padding: 25px 25px 5px;
	background-color:white;
	border-radius: 5px;
	margin-bottom:15px;
	overflow:hidden;
}

.data-table-heading{
	color: var(--mainColor);
	margin-bottom:15px;
	text-transform: uppercase;
	font-size: 18px;
    padding-bottom:5px;
}

.form-section-header{
	color: var(--mainColor);
	margin-bottom:15px;
	text-transform: uppercase;
	font-size: 18px;
    border-bottom: 1px solid var(--mainColor);
    padding-bottom:20px;
    background: #fff url(/internet-portal/resources/images/blue/glyphicons-219-circle-arrow-top.png) no-repeat scroll 100% top;
	cursor: pointer;
	min-height:40px;
}

.form-section-header.up-arrow {
	background: #fff url(/internet-portal/resources/images/blue/glyphicons-220-circle-arrow-down.png) no-repeat scroll 100% top;
}

.form-section-content{
	padding: 15px;
	overflow:hidden;
}

.warning-highlight{
	border: 2px solid red;
}

.form-field{
	margin-bottom: 10;
}

.control-label{
    font-size: 15;
}

.mandatory label::after { 
	color:red;
	content:" *";
}

.form-field-value input[type=text]:focus, 
.form-field-value input[type=date]:focus,
.form-field-value input[type=datetime]:focus,
.form-field-value input[type=number]:focus,
.form-field-value input[type=search]:focus,
.form-field-value input[type=time]:focus,
.form-field-value input[type=url]:focus,
.form-field-value input[type=email]:focus,
.form-field-value textarea:focus, 
.form-field-value select:focus{
    -moz-box-shadow: 0 0 8px var(--mainColorLight);
    -webkit-box-shadow: 0 0 8px var(--mainColorLight);
    box-shadow: 0 0 8px var(--mainColorLight);
    border: 1px solid var(--mainColorLight);
}

.form-template-button{
	display:inline-block;
}

.btn-group{
	text-align:right;
}

.form-template-button .btn {
  border-radius: 5px;
  font-size: 17px;
  text-decoration: none;
  color: #fff;
  position: relative;
  display: inline-block;
  background-color: var(--mainColor);
  box-shadow: 0px 5px 0px 0px var(--mainColorDark);
  margin: 0px 5px 10px;
  border: 0px;
 }
 
.form-template-button .btn:hover {
	background-color: var(--mainColorDark);
}

.notification-message-body{
	padding: 25px;
	background-color:white;
	border-radius: 5px;
	margin-bottom:12px;
	color: white;
	
	border: 3px solid var(--mainColor);
    background-color: var(--mainColorDark);
}

.warning-notification{
    border: 3px solid #e28a81;
    background-color: #c0392b;
}

.notification-message-body ul{
	list-style:none;
	margin: 0px;
}

.progress-list{
	list-style-type:none;
	padding: 0px;
	margin-bottom:18px;
    border-bottom: 2px solid var(--mainColor);
}

.progress-item{
    display: inline-block;
    background-color: #95a5a6;
    padding: 10 20;
    margin-right:7px;
    border-radius: 5px 5px 0 0;
}

.progress-list .active{
	background-color:var(--mainColor);
}

.progress-item a{
	color: white;
}

.summary-page{
	background-color: white;
    padding: 30px;
    border-radius: 4px;
}

.summary-page-title{
 	color: var(--mainColor);
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 25px;
    border-bottom: 1px solid var(--mainColor);
    padding-bottom: 5px;
}

.summary-page-section{
	padding: 0 20px;
}

.summary-page-section-title{
	font-size: 18px;
    border-bottom: 1px solid var(--mainColor);
    color: var(--mainColor);
    margin: 20px 0 10px;
}

.summary-page .summary-chapter-section {
	padding: 0 20px;
}

.section-group{
	border: 1px solid var(--mainColorLight);
    padding: 15px;
    border-radius: 10px;
    margin-bottom:10px;
    display:flow-root;
}

.summary-group-header{
	color:var(--mainColor);
	font-size:16px;
	margin-bottom:5px;
}

.summary-field:last-child{
	border: 0;
}

.summary-field-label{
	font-weight:bold;
}

.summary-field-label{
	margin-bottom:3px;
}

.f1_left{
	float:left;
	height:auto;
	width: 210px;
	position:absolute;
}

.main-text{
    font-size: 3rem;
    margin-bottom: 5px;
}

.service-link:hover{
	text-decoration: underline;
	cursor: pointer;
	background-color: var(--mainColor);
}

.service-link{
	margin-bottom:10px;
    background-color: var(--mainColorDark);
    border-radius: 5px;
    padding: 5px;
}

.hasDatePicker{
    background: #fff url(#{request.contextPath}/resources/images/calendar.png);
    background-repeat: no-repeat;
  	background-position: right 10px top 5px;
}

.complete-heading{
	padding: 15px;
    border-radius: 15px;
    border: solid 2px var(--mainColor);
    width: 200px;
    margin: auto;
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: bold;
}

.complete-message{
	text-size: 15px;
}

.service-link-all{
    border: 1px solid var(--mainColor);
    border-radius: 8px;
    margin-top: 20;
    padding: 10;
}

.service-link-all:hover{
	background-color: var(--mainColor);
	cursor: pointer;
}

.license-desc{
    font-size: 13px;
    margin-left: 40px;
    color: var(--mainColor);
}

.license-desc:hover{
	color: var(--mainColorDark);
}

.desc-link{
	color: #999;
	display:inline;'
}

.desc-link:hover{
	cursor:pointer;
	color: black;
}

.payment-table{
    margin-bottom: 25px;
}

.payment-table-header td{
    color: white;
    padding: 5;
    text-align: center;
    font-weight: bold;
    background-color: var(--mainColor);
    border: solid 2px white;
}

.payment-table-content td {
	background: var(--mainColorLight);
    padding: 5;
    color: black;	
    border: solid 2px white;
}

.payment-table-total td{
	background: var(--mainColor);
    padding: 5;
    color: white;
    font-weight: bold;
    border: solid 2px white;
}

.ui-state-default, .ui-paginator-bottom{
	color: white;
    box-shadow: none;
    background: var(--mainColor);
    text-shadow: none;
}

th.ui-state-default:hover{
	background: var(--mainColorDark);
}

.ui-paginator-prev, .ui-paginator-next, .ui-paginator-page{
	box-shadow: none;
	text-shadow: none;
}

.hasDatePicker{
	background-color:white;
	color:black;
}

.ui-fileupload-buttonbar{
    text-shadow: none;
    background: var(--mainColor);
}

.radio-buttons input{
	display:inline;
}

.radio-buttons tr{
	background:transparent;
}

.radio-buttons label{
	margin-left:5px;
	font-weight:100;
	padding-top:3px;
	font-size:14
}

.radio-buttons label::after{
	content:"";
}

.radio-buttons tbody, .radio-buttons tr, .radio-buttons{
	border: 0
}

.form-tab-view{
	margin-bottom:15px;
}

.ui-widget-content{
	border:0;
}

.ui-tabs-nav{
	background:transparent;
}

.form-tab-view li{
	border: 0
	margin-right: 5px;
}

.form-tab-view .ui-widget-content{
	background:transparent;
}

.ui-tabs .ui-tabs-nav{
	background:transparent;
}

.ui-tabs-panels{
	background:#fff;
}

.ui-tabs .ui-tabs-nav li{
	border: 2px solid #ddd;
    background: #eee;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
	border: 2px solid #bbb;
}

.ui-state-hover{
	border:0;
}

.form-field-hint{
    margin-top: 4px;
    font-style: italic;
    font-size: 12;
    color: #888;
    padding:0;
    width:auto;
}

.expand-collapse{
    text-align: right;
    padding-right: 20;
    margin-bottom: 20;
}

.expand-collapse a{
    background-color: white;
    padding: 10 20;
    border-radius: 5px;
    margin-right: 5px;
        color: var(--mainColorDark);
}

.expand-collapse a:hover{
    background-color: var(--mainColorDark);
    padding: 10 20;
    border-radius: 5px;
    margin-right: 5px;
    color: white;
}

.navbar-custom{
	border-radius:0px;
}

.dropdown-menu>li>a{
	padding: 5 20;
	background-color: #fcfcfc;
}

.ui-confirm-dialog{
	margin-top:-400px;
}

.form-page {
  display: none;
}

.form-field-help {
    position: static;
}

.dropdown-menu.bootstrap-datetimepicker-widget{
	position: static!important;
}

.dropzone {
	border: 2px dashed!important;
	border-color: #0087F7;
	border-radius: 5px;
	background: #F3F3F3!important;
}

.dropzone .dz-message {
	font-weight: 400!important;
}

/* bootstrap 4 */
.popover-body {
	width:300px;
	height:300px;
	max-height:100%;
	max-width:100%;
	overflow-y:auto;
	resize:both;
}

/* bootstrap 3 */
.popover-content {
	width:300px;
	height:300px;
	max-height:100%;
	max-width:100%;
	overflow-y:auto;
	resize:both;
}

.popover {
	max-height:100%;
	max-width:100% !important;
}

.multiselect-container {
	width: 100% !important;
	overflow-y: scroll !important;
	max-height: 300px !important;
	-ms-scroll-chaining: none;
	overscroll-behavior-y: none;
}

.multiselect-selected-text {
	white-space: normal;
}

.multiselect-native-select .btn {
	width:100%;
	border-radius: unset;
	border: 1px solid #ced4da;
}