/*!
* Copyright (c) 2019 or the year of first publication, if earlier, HighQ Solutions Limited or its licensors
*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {font-family: 'Roboto', sans-serif, Arial; font-weight: 400; line-height:22px; font-size: 14px; margin: 0px; padding: 0px;}
form {margin: 0; padding: 0;}

.margTop30{margin-top: 30px;}
.pull-left{float: left !important;}
.pull-right{float: right !important;}
/* Form Module section */
.hq-form{margin: 0px;}
.hq-form-wrapperSpace{max-width: 1400px; margin: 20px auto; padding: 20px; background: #fff;}
.hq-form .clearfix{clear: both;}
.hq-form hr{ border: 0; border-top: 1px solid #c0c0c0; margin: 20px 0px; height: 0; box-sizing: content-box;}
.TxtLeft 			{text-align:left!important;}
.TxtRight 			{text-align:right!important;}
.TxtCenter			{text-align:center!important;}
.hq-form label.labelTitle{padding:0px; margin: 0px 0px 2px; font-size: 15px; font-weight: 500; display: block;}
.collapse {display: none;}
.collapse.in {display: block;}
.list-unstyled {padding-left: 0; list-style: none; }

.alert {padding: 10px; margin-bottom: 25px; border: 1px solid transparent; border-radius: 4px; }
.alert-danger {color: #A00000;  background-color: #FFCDCD; border-color: #e3e3e3;}
.alert > p, .alert > ul {margin: 0;}
.alert-success {color: #387C2B; background-color: #E5F8E2;    border-color: #e3e3e3;}
.alert-info {color: #005DA2; background-color: #CDEAFF; border-color: #e3e3e3;}

.recaptchaMargin{margin-bottom:100px;}
/*	
	---------------------------------------------------------------------------------------
 	---------------------------------------------------------------------------------------
 								----  Bootstrap-select Start -----
	---------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------
*/

select.bs-select-hidden, select.selectpicker { display: none !important; }
.bootstrap-select { width: 220px \0; /*IE9 and below*/}
.bootstrap-select > .dropdown-toggle {width: 100%; padding-right: 25px; z-index: 1;}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {color: #999;}
.bootstrap-select > select {position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none !important;}
.bootstrap-select > select.mobile-device {top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2;}
.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle {border-color: #b94a48; }
.bootstrap-select.fit-width {width: auto !important;}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 220px;}
.bootstrap-select .dropdown-toggle:focus {outline: thin dotted #949494 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; }
.bootstrap-select.form-control {margin-bottom: 0; padding: 0; border: none; }
.bootstrap-select.form-control:not([class*="col-"]) {width: 100%;}
.bootstrap-select.form-control.input-group-btn {z-index: auto;}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {border-radius: 0;}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {float: none;  display: inline-block;  margin-left: 0;}
.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {float: right;}
.form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {margin-bottom: 0;}
.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {padding: 0;}
.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit;}
.form-inline .bootstrap-select.btn-group .form-control {width: 100%;}
.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled {cursor: not-allowed; }
.bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; }
.bootstrap-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important; }
.bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option {display: inline-block; overflow: hidden; width: 100%; text-align: left; }
.bootstrap-select.btn-group .dropdown-toggle .caret {position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle;}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {width: 100%; }
.bootstrap-select.btn-group .dropdown-menu {min-width: 100%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bootstrap-select.btn-group .dropdown-menu.inner {position: static; float: none;  border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
.bootstrap-select.btn-group .dropdown-menu li {position: relative;}
.bootstrap-select.btn-group .dropdown-menu li.active small {color: #fff;}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {cursor: not-allowed;}
.bootstrap-select.btn-group .dropdown-menu li a {cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.bootstrap-select.btn-group .dropdown-menu li a.opt {position: relative; padding-left: 2.25em;}
.bootstrap-select.btn-group .dropdown-menu li a span.icon-tick {display: none; }
.bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; }
.bootstrap-select.btn-group .dropdown-menu li small {padding-left: 0.5em; }
.bootstrap-select.btn-group .dropdown-menu .notify {position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5;   border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bootstrap-select.btn-group .no-results {padding: 3px; background: #f5f5f5; margin: 0 5px;  white-space: nowrap;}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; }
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.icon-tick {position: absolute; display: inline-block; right: 15px; margin-top: 5px; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {margin-right: 34px; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {z-index: 1061;}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {content: '';  border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none;}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {right: 12px; left: auto; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {right: 13px; left: auto; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {display: block;}
.bs-searchbox, .bs-actionsbox, .bs-donebutton {padding: 4px 8px; }
.bs-actionsbox {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.bs-actionsbox .btn-group button {width: 50%; }
.bs-donebutton { float: left;  width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bs-donebutton .btn-group button { width: 100%; }
.bs-searchbox + .bs-actionsbox {padding: 0 8px 4px; }
.bs-searchbox .form-control {margin-bottom: 0; width: 100%; float: none; }

/*	
 	---------------------------------------------------------------------------------------
 								----  Bootstrap-select End -----
	---------------------------------------------------------------------------------------
*/











/*	
	---------------------------------------------------------------------------------------
 	---------------------------------------------------------------------------------------
 				----  Form Section Button/Input/textarea and Dropdown CSS Start -----
	---------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------
*/

.hq-btn, .btn{ display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; text-decoration:none; color:#005da2; white-space: nowrap; 
 	padding:6px 10px; font-size: 14px; line-height:normal; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline:none; border: #005da2 solid 2px; background: transparent; 
 }
.hq-form .bootstrap-select .btn{
 	display: inline-block; padding: 6px 10px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation;
    cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: -webkit-linear-gradient(#fff, #fff 40%, #ededed) !important; border: 1px solid #bababa; border-radius: 4px; color:#949494;
}
.hq-form select { 
 	-webkit-appearance: none; -webkit-border-radius: 4px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 25px !important; -webkit-padding-start: 10px; -webkit-user-select: none;
	 background-image: linear-gradient(#fff, #fff 40%, #ededed) !important;background-position: right center !important; background-repeat: no-repeat !important; border: 1px solid #bababa; 
	margin: 0; overflow: hidden; padding-top: 2px; padding-bottom: 4px; text-overflow: ellipsis; white-space: nowrap; outline: none !important; line-height: initial !important;
}
.hq-btn:focus, .hq-btn:active:focus, .hq-btn.active:focus, .hq-btn.focus, 
.hq-btn:active.focus, .hq-btn.active.focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; background: #005da2; color: #FFF;}
.hq-btn:active, .hq-btn:hover, .hq-btn.focus{background: #005da2; color: #FFF; text-decoration: none; outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}


/* Form custom input and textarea */
.clearfix:before, .clearfix:after, .hq-form-horizontal .hq-form-group:before, .hq-form-horizontal .hq-form-group:after,
.hq-btn-group-vertical > .hq-btn-group:before, .hq-btn-group-vertical > .hq-btn-group:after {content: " "; display: table;}
.clearfix:after, .hq-form-horizontal .hq-form-group:after, .hq-btn-group-vertical > .hq-btn-group:after { clear: both;}
.hq-form-group{position: relative; margin:12px 0px 25px;}
.hq-form-control{ border: 0; padding: 4px 0; border-bottom: 1px solid #949494; background-color: transparent; height: 35px; border-radius:0px; box-shadow:none; color: #404040; width: 100%; box-sizing: border-box; position: relative; outline: none; z-index: 2; display: block; font-family: 'Roboto', sans-serif, Arial; font-size: 14px;}
.hq-form textarea, textarea.hq-form-control{height: auto; overflow: auto;}
.hq-form-control:focus{box-shadow:none;}
.hq-form-control ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #005da2; transition: 0.4s; z-index: 2;}
.hq-form-control:focus ~ .focus-border /* .has-content.hq-form-control ~ .focus-border */{width: 100%; transition: 0.4s;}
.hq-form-control ~ label{position: absolute; left: 0; top: 9px; color: #949494; transition: 0.3s; letter-spacing: 0.5px; font-weight: 400; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hq-form-control:focus ~ label, .has-content.hq-form-control ~ label{top: -16px; font-size: 12px; color: #005da2; transition: 0.3s;}
.hq-form-wrapperSpace .hq-form-control ~ label {z-index: unset;}

/* Default bootstrap radio and checkbox overwrite */
.hq-radio, .hq-checkbox {position: relative; display: block; margin-top: 5px; margin-bottom: 10px;}
.hq-radio label, .hq-checkbox label { min-height: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }
.hq-radio input[type="radio"], .hq-radio-inline input[type="radio"], .hq-checkbox input[type="checkbox"], .hq-checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }
.hq-radio + .hq-radio, .hq-checkbox + .hq-checkbox {margin-top: -5px; }
.hq-radio-inline, .hq-checkbox-inline {position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }


/* Form custom radio and checkbox */
.hq-form .hq-checkbox label:after, .hq-form .hq-radio label:after {content: ''; display: table; clear: both; }
.hq-form .hq-checkbox .hq-tick, .hq-form .hq-radio .hq-tick {position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 18px; height: 18px; float: left; margin-right: .5em; top: 1px;}
.hq-form .hq-radio .hq-tick { border-radius: 50%;}
.hq-form .hq-checkbox .hq-tick .icon-tick, .hq-form .hq-radio .hq-tick .icon-tick {position: absolute; font-size: .8em; line-height: 0; top: 2px; left: 2px; color: #005da2;}
.hq-form .radio .hq-tick .icon-tick {margin-left: 0px;}
.hq-form .hq-checkbox label input[type="checkbox"], .hq-form .hq-radio label input[type="radio"] {display: none;}
.hq-form .hq-checkbox label input[type="checkbox"] + .hq-tick > .icon-tick, .hq-form .hq-radio label input[type="radio"] + .hq-tick > .icon-tick{ transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in;}
.hq-form .hq-checkbox label input[type="checkbox"]:checked + .hq-tick > .icon-tick, .hq-form .hq-radio label input[type="radio"]:checked + .hq-tick > .icon-tick { transform: scale(1) rotateZ(0deg); opacity: 1;}
.hq-form .hq-radio label input[type="radio"]:checked + .hq-tick > .icon-tick{ color: #FFF; background: #005da2; border-radius: 50%; padding:2px; font-size: 8px; top: 2px; left: 2px; display: inline-block;}
.hq-form .hq-checkbox label input[type="checkbox"]:disabled + .hq-tick, .hq-form .hq-radio label input[type="radio"]:disabled + .hq-tick { opacity: 0.5; }

/* Form Error msg */
.formError .hq-form-control{border-color: #A00000;}
.formError .hq-form-control ~ label, .formError .hq-form-control:focus ~ label, .formError .has-content.hq-form-control ~ label{color: #A00000;}
.formError .hq-form-control ~ .focus-border{background-color: #A00000;}
.formError .hq-radio label, .formError .hq-checkbox label, .formError .datePickerBtn, .formError .btn-group > .btn, .formError .labelTxt{color: #A00000; }
.formError .hq-checkbox .hq-tick, .formError .hq-radio .hq-tick, .formError .btn-group > .btn{border-color: #A00000;}
.hq-form .btn-group, .hq-form .btn-group-vertical { position: relative;  display: inline-block; vertical-align: middle; }
.hq-form .btn-group > .btn, .hq-form .btn-group-vertical > .btn { position: relative; float: left; }
.hq-form .btn-group > .btn:hover, .hq-form .btn-group-vertical > .btn:hover, .hq-form .btn-group > .btn:focus,
.hq-form .btn-group-vertical > .btn:focus, .hq-form .btn-group > .btn:active, .hq-form .btn-group-vertical > .btn:active,
.hq-form .btn-group > .btn.active, .hq-form .btn-group-vertical > .btn.active {z-index: 2;}
.hq-form .btn-group .btn + .btn, .hq-form .btn-group .btn + .btn-group, .hq-form .btn-group .btn-group + .btn,
.hq-form .btn-group .btn-group + .btn-group {margin-left: -1px;}
.hq-form .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.hq-form .dropup, .hq-form .dropdown {position: relative;}
.hq-form .dropdown-toggle:focus {outline: 0;}
.hq-form .dropdown-menu, .bootstrap-datetimepicker-widget{
	position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; 
	font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; 
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box;
}

/* Form Upload Button*/
.hq-uploadBtn {cursor: pointer; overflow: hidden; position: relative;}
.hq-uploadBtn .icon {font-size:18px; left:-5px; top:2px; cursor:pointer;}
.hq-uploadBtn input {cursor: pointer; font-size: 30px; line-height: normal; opacity: 0; position: absolute; right: 0; top: 0; filter: alpha(opacity=0);}
.hq-uploadList{background: #f5f5f5;  margin:15px 0 0px;padding:5px;border-radius:4px; border:1px solid #e4e4e4; position: relative;}
.hq-uploadList .icon-remove {position: absolute; top: 50%; margin-top: -10px; font-size: 14px; color: #cf4d4f; right: 5px; padding: 0 6px;}
.hq-loadingbtn[disabled], .disabled.hq-loadingbtn{background:#FFF url("images/ajax-loader.gif") no-repeat center center !important; transition:none; border-color:#afafaf; color:#989999; background: transparent; text-indent: -1000px; overflow: hidden; min-width: 40px;}
.hq-btn-default.hq-disabled, .hq-btn-default.hq-disabled:hover{transition:none; border-color:#afafaf; color:#989999; background: transparent; cursor: no-drop;}


/* Form custom Bootstrap Select overwrite*/
.hq-form .dropdown-menu.pull-right {right: 0; left: auto;}
.hq-form .dropdown-menu .divider {height: 1px;  margin: 9px 0;  overflow: hidden;  background-color: #e3e3e3;}
.hq-form .dropdown-menu > li > a { display: block;  padding: 3px 20px; clear: both;  font-weight: normal; line-height: 1.42857143; color: #949494; white-space: nowrap; }
.hq-form .dropdown-menu > li > a:hover, .hq-form .dropdown-menu > li > a:focus {text-decoration: none;  color: #262626; background-color: #f5f5f5;}
.hq-form .dropdown-menu > .active > a, .hq-form .dropdown-menu > .active > a:hover, .hq-form .dropdown-menu > .active > a:focus {color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7; }
.hq-form .dropdown-menu > .disabled > a, .hq-form .dropdown-menu > .disabled > a:hover, .hq-form .dropdown-menu > .disabled > a:focus {color: #777777;}
.hq-form .dropdown-menu > .disabled > a:hover, .hq-form .dropdown-menu > .disabled > a:focus {text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed;}
.hq-form .open > .dropdown-menu {display: block;}
.hq-form .open > a {outline: 0;}
.hq-form .dropdown-menu-right {left: auto;  right: 0;}
.hq-form .dropdown-menu-left {left: 0; right: auto;}
.hq-form .dropdown-header {display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap;}
.hq-form .dropdown-backdrop {position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }
.hq-form .pull-right > .dropdown-menu {right: 0; left: auto;}
.hq-form .dropup .caret{border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; }
.hq-form .dropup .dropdown-menu{top: auto; bottom: 100%; margin-bottom: 2px;}
.hq-form .input-group {position: relative; display: table; border-collapse: separate;}
.hq-form .input-group .hq-form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0;}
.hq-form .input-group .hq-form .form-control:focus {z-index: 3;}
.hq-form .input-group-btn, .hq-form .input-group .hq-form .form-control {display: table-cell; }
.hq-form .input-group-btn {width: 1%; white-space: nowrap; vertical-align: middle;}
.hq-form .input-group-btn {position: relative; font-size: 0; white-space: nowrap;}
.hq-form .input-group-btn > .hq-btn {position: relative;}
.table-condensed{font-size: 14px;}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}



/*	
	---------------------------------------------------------------------------------------
 	---------------------------------------------------------------------------------------
 							----  Datetimepicker for Bootstrap v3 -----
 			version : 3.1.3 * https://github.com/Eonasdan/bootstrap-datetimepicker
	---------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------
*/
.datetimepickerInputDiv{max-width: 180px;}
.datePickerBtn{display: inline-block; background:transparent; color: #949494; border: 0px; font-size: 18px; cursor: pointer;}
.picker-open .btn{border: 0px;}
.datetimepickerInputDiv .input-group-btn{z-index:9; position: absolute; right: 22px;}
.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:99999!important;border-radius:4px}
.bootstrap-datetimepicker-widget.timepicker-sbs{width:600px}
.bootstrap-datetimepicker-widget.bottom:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:7px}
.bootstrap-datetimepicker-widget.bottom:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:8px}
.bootstrap-datetimepicker-widget.top:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:-7px;left:6px}
.bootstrap-datetimepicker-widget.top:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;bottom:-6px;left:7px}
.bootstrap-datetimepicker-widget .dow{width:14.2857%}
.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px;}
.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px;}
.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0;}
.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0;}
.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none;}
.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}
.bootstrap-datetimepicker-widget button[data-action]{padding:6px}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}
.bootstrap-datetimepicker-widget .datepicker>div{display:none}
.bootstrap-datetimepicker-widget .picker-switch{text-align:center}
.bootstrap-datetimepicker-widget table{width:100%;margin:0}
.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;border-radius:4px}
.bootstrap-datetimepicker-widget td{height:54px;line-height:54px;width:54px}
.bootstrap-datetimepicker-widget td.cw{font-size:10px;height:20px;line-height:20px;color:#777}
.bootstrap-datetimepicker-widget td.day{height:20px;line-height:20px;width:20px}
.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#777}
.bootstrap-datetimepicker-widget td.today{position:relative}
.bootstrap-datetimepicker-widget td.today:before{content:'';display:inline-block;border-left:7px solid transparent;border-bottom:7px solid #428bca;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:4px;right:4px}
.bootstrap-datetimepicker-widget td.active.today:before{border-bottom-color:#fff}
.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0 0;color:#777;cursor:not-allowed;}
.bootstrap-datetimepicker-widget td span{display:inline-block;width:54px;height:54px; line-height:54px; margin:2px 1.5px; cursor:pointer; border-radius:4px;}
.bootstrap-datetimepicker-widget td span:hover{background:#eee;}
.bootstrap-datetimepicker-widget td span.old{color:#777;}
.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0 0;color:#777;cursor:not-allowed;}
.bootstrap-datetimepicker-widget th{height:20px;line-height:20px;width:20px}
.bootstrap-datetimepicker-widget th.picker-switch{width:145px}
.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}
.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0 0;color:#777;cursor:not-allowed}
.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}
.input-group.date .input-group-addon span{display:block;cursor:pointer;width:16px;height:16px}
.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}
.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px}
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td{padding:0!important}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}
.bootstrap-datetimepicker-widget td span.active{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}




.datepicker table tr td.day:hover {background: #eeeeee;  cursor: pointer;}
.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e; background-image: -moz-linear-gradient(top, #b3b3b3, #808080); background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
  background-image: -o-linear-gradient(top, #b3b3b3, #808080); background-image: linear-gradient(top, #b3b3b3, #808080); background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: #808080 #808080 #595959; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
  
.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] {background-color: #808080;}

.datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #666666 \9;}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
  background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {background-color: #0044cc;}

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {background-color: #003399 \9;}

.datepicker table tr td span {display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px;}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {background-color: #0044cc;}

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {background-color: #003399 \9; }


@media screen and (max-width:767px){
	.bootstrap-datetimepicker-widget.timepicker-sbs{width:283px}
}

/*	
 	---------------------------------------------------------------------------------------
 			----  Bootstrap Date and Time picker End -----
	---------------------------------------------------------------------------------------
*/









/*	
	---------------------------------------------------------------------------------------
 	---------------------------------------------------------------------------------------
 								----  Font Icon -----
	---------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------
*/
.icon{font-size:20px; line-height: 20px; display: inline-block; -webkit-transform: translateZ(0);-webkit-font-smoothing: antialiased; text-decoration: none;}

@font-face {
  font-family: "p4form";
  src:url("fonts/p4form.eot");
  src:url("fonts/p4form.eot?#iefix") format("embedded-opentype"),
    url("fonts/p4form.woff") format("woff"),
    url("fonts/p4form.ttf") format("truetype"),
    url("fonts/p4form.svg#p4form") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "p4form" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "p4form" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

.icon-tick:before {
  content: "\e000";
}
.icon-calendar:before {
  content: "\e001";
}
.icon-clock:before {
  content: "\e002";
}
.icon-chevron-down:before {
  content: "\e003";
}
.icon-chevron-up:before {
  content: "\e004";
}
.icon-remove:before {
  content: "\e005";
  vertical-align: middle;
}
/*	
 	---------------------------------------------------------------------------------------
 			----  Font icon End -----
	---------------------------------------------------------------------------------------
*/







/*	
	---------------------------------------------------------------------------------------
 	---------------------------------------------------------------------------------------
 								----  CK Custom Start -----
	---------------------------------------------------------------------------------------
	---------------------------------------------------------------------------------------
*/

body.cke_editable, body.cke_ltr {background-image:none;}
.ckContentArea{font-family: 'Roboto', sans-serif, Arial; font-weight: 400; line-height:22px; font-size: 14px;word-wrap: break-word;}
.ckContentArea img {max-width:100%; margin-bottom:10px; height:auto !important;}
.cke_panel_listItem *{line-height: normal;} /* for CK editor drop-down menu */

.ckContentArea h1, .ckContentArea h2, .ckContentArea h3, .ckContentArea h4, .ckContentArea h5, .ckContentArea h6{margin: 25px 0; line-height: normal;}
.ckContentArea h1, .cke_panel_listItem h1{ color: #2f2f2f; font-size: 32px; font-weight: 400;}
.ckContentArea h2, .cke_panel_listItem h2{color: #2f2f2f; font-size: 27px; font-weight: 400;}
.ckContentArea h3, .cke_panel_listItem h3{ color: #2f2f2f; font-size: 23px; font-weight: 400;}
.ckContentArea h4, .cke_panel_listItem h4{ color: #2f2f2f; font-size: 19px; font-weight: 400;}
.ckContentArea h5, .cke_panel_listItem h5{color: #2f2f2f;  font-size: 16px; font-weight: 500;}
.ckContentArea h6, .cke_panel_listItem h6{color: #2f2f2f; font-size: 14px; font-weight: 500;}

@media (max-width: 767px) {
	.ckContentArea h1{ font-size: 26px; margin: 10px 0;}
	.ckContentArea h2{ font-size: 22px; margin: 10px 0;}
	.ckContentArea h3{ font-size: 18px; margin: 10px 0;}
	.ckContentArea h4{ font-size: 16px; margin: 10px 0;}
	.ckContentArea h5{ font-size: 14px; margin: 10px 0;}
	.ckContentArea h6{ font-size: 13px; margin: 10px 0;}
	.ckContentArea {overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.ckContentArea table {max-width: none;} 
}




/* IE8 css hack */
@media \0screen {
	.hq-form-control{padding-top: 10px; display: inline-block;}
	.hq-form-control ~ label{top: -13px\9; font-size: 12px\9;  transition: 0.3s\9;}
	.hq-form-control:focus ~ label, .has-content.hq-form-control ~ label{top: -13px\9; color: #005DA2\9; transition: 0.3s\9;}
	.hq-radio input[type="radio"], .hq-radio-inline input[type="radio"], .hq-checkbox input[type="checkbox"], .hq-checkbox-inline input[type="checkbox"] {position: relative\9; margin-left: 0px\9; margin-top: 0px\9; top: 2px;}
	.hq-form .hq-checkbox .hq-tick, .hq-form .hq-radio .hq-tick{display: none\9;}
	.hq-form .hq-checkbox label input[type="checkbox"], .hq-form .hq-radio label input[type="radio"] {display: inline-block\9;}
}

/*	
 	---------------------------------------------------------------------------------------
 			----  Form Section Button/Input/textarea and Dropdown CSS End -----
	---------------------------------------------------------------------------------------
*/