body {
	font-size: 17px
}

.file-upload-wrapper .closeblock i {
	font-size: 10px!important
}

.form-control {
	padding: 6px 5px
}

.nod-form .branch-icons-cover .styled-checkbox:checked+label:after {
	top: 19px!important
}

.optician-front .radiowrap {
	right: 9px!important
}

#parsley-id-multiple-cheklist11,
.optician-front #parsley-id-multiple-cheklist1,
.optician-front #parsley-id-multiple-cheklist2,
.optician-front #parsley-id-multiple-cheklist3,
.optician-front #parsley-id-multiple-cheklist4,
.optician-front #parsley-id-multiple-cheklist5,
.optician-front #parsley-id-multiple-cheklist6,
.optician-front #parsley-id-multiple-cheklist7,
.optician-front #parsley-id-multiple-cheklist8 {
	margin-top: -10px;
	margin-left: 33px
}

.form-group.assigned_list ul {
	padding: 0 15px;
	margin: 0
}

.form-group.assigned_list ul li {
	width: 50%;
	padding: 1px 0;
	float: left;
	list-style: disc
}

.label-static .uploaded_sections a {
	display: block;
	font-size: 12px;
	margin-top: 10px
}

.email-form label {
	text-align: left!important
}

.email-form .form-horizontal.tasi-form .form-group {
	border: none
}

.update-state-one-details a {
	display: block!important;
	margin-top: 28px;
	padding: 6px 10px!important
}

.outside-opt-admin label {
	padding-top: 0!important
}

.outside-opt-admin .radiowrap label {
	padding-top: 18px!important
}

.outside-opt-admin a p {
	position: absolute!important;
	right: 17px!important;
	top: 30px!important
}

.other_state_div {
	padding-top: 15px
}

.update-state-one-details .close i {
	top: 28px!important
}

.update-state-one-details .file-upload-input {
	margin-top: 30px
}

.update-state-one-details .file-upload-wrapper .file-upload-input {
	top: -4px
}

.update-state-one-details .file-upload-wrapper .closeblock {
	top: 15px
}

.update-state-one-details .addFile {
	margin-top: 26px!important
}

.nod-form .backend-forth-required-doc .col-sm-4 a {
	display: inline-block;
	width: 100%;
	padding: 6px 15px
}

.label-spacer {
	margin: 0 7px!important
}

.nod-form .screenin-question-wrap.sub-child .question-content {
	padding-right: 0!important
}

.nod-form .miletry-question .radiowrap {
	right: 0!important
}

.nod-form .explanation-wrap-position .radiowrap {
	position: absolute;
	right: 0!important
}

.sub-child-radio {
	margin-right: 62px
}

.backend-fourth-screening .addMoresq1 .col-sm-4 {
	margin: 10px 0
}

.upload_sections {
	margin-top: 10px
}

.apprantice-new-backend-add-btn {
	margin-top: 10px
}

.submit-inspection-modal a.btn.btn-success.addFile {
	padding: 7px 15px!important;
	font-size: 14px;
	font-weight: 700
}

.submit-inspection-modal .file-upload-wrapper .file-upload-input {
	min-height: 36px
}

.submit-inspection-modal .cheklist-wraper {
	margin-bottom: 0;
	margin-top: 20px
}

.submit-inspection-modal .modal-body {
	padding-bottom: 0;
	padding-top: 0
}

.submit-inspection-modal .modal-footer {
	padding: 10px 20px
}

.submit-inspection-modal .file-upload-button span,
.submit-inspection-modal .file-upload-input input {
	height: 36px
}

.submit-inspection-modal .cheklist-wraper span {
	font-size: 14px
}

.submit-inspection-modal .cheklist-wraper label {
	display: flex;
	align-items: center
}

.submit-inspection-modal .file-upload-wrapper {
	margin-bottom: 10px
}

.submit-inspection-modal .form-group.cheklist-row {
	margin-bottom: 0
}

.submit-inspection-modal .no-padding {
	padding: 0
}

.apprentice-backend-fee-btn {
	margin-top: 20px
}

.submit-inspection-madal h4.modal-title {
	font-weight: 500!important
}

.submit-inspection-madal .modal-body {
	padding-top: 0
}

.submit-inspection-madal .form-horizontal .control-label {
	font-weight: 700
}

.admin-fomr-info-second .styled-checkbox:checked+label:after {
	top: 13px!important
}

.apprantice-new-backend-uploade-btn.file-upload-wrapper {
	margin: 0!important
}

.apprantice-new-backend-army .styled-checkbox+label,
.backend-army-third-form .branch-icons-cover label {
	display: inline-block!important
}

.backend-army-third-form .branch-icons-cover .styled-checkbox:checked+label:after {
	top: 9px!important
}

.backend-army-third-form .branch-icons-cover .styled-checkbox+label {
	padding-left: 31px
}

.user-opt-lebal-wrap .parsley-errors-list {
	position: absolute;
	left: 10px;
	bottom: -28px;
	display: none
}

.optician-front .required-documents-form #screen3 .col-sm-4 {
	margin: 10px 0
}

.create-account-form .help-block.btn-danger,
.create-account-form .help-block.btn-danger:hover {
	background-color: transparent;
	border-color: transparent;
	color: #ff6c60;
	line-height: 1;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 14px;
	margin-top: 0
}

.app-for-app .backend-required-doc label span {
	padding-left: 15px!important
}

.app-for-app .branch-icons-cover .styled-checkbox:checked+label:after {
	top: 19px!important
}

.app-for-app .service-div {
	top: 20px;
	bottom: 20px
}

.user-opt-lebal-wrap .parsley-errors-list .parsley-maxdate {
	position: relative;
	z-index: 5;
	top: 12px
}

.optician-front .explanation-wrap-position .radiowrap {
	right: 24px!important
}

.apprantice-application-wrap .branch-icons-cover {
	margin: 5px 0
}

.login-logo {
	text-align: center
}

.brand-logo {
	border-radius: 5px;
	background: #deecf6;
	padding: 20px;
	position: relative;
	height: 100%;
	min-height: 100vh;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center
}

.optican-page .admin-service-section label {
	margin: 12px 0!important
}

.apprantice-page-panel .backend-application-form .col-sm-4 a,
.apprantice-page-panel .explanation-wrap-position .col-sm-4 a,
.citizen-wrap .col-sm-4 a,
.otp-form .backend-forth-required-doc .col-sm-4 a,
.otp-form .screening-question-section .col-sm-4 a {
	display: inline-block;
	width: 100%;
	padding: 6px 10px!important
}

.apprantice-page-panel .branch-icons-cover.service-div.col-sm-8 {
	margin: 0 auto;
	float: none;
	padding-top: 20px
}

.apprantice-page-panel .branch-icons-cover.service-div.col-sm-8 .styled-checkbox+label {
	display: inline-block;
	margin: 10px 0;
	padding-left: 30px;
	padding-bottom: 0
}

.apprantice-page-panel .backend-screening .styled-checkbox:checked+label:after {
	top: 19px!important
}

.otp-form .cheklist-row {
	margin: 15px 0
}

#country-list .selectEmployer {
	background: #fff;
	color: #000!important;
	width: 100%;
	border-radius: 0;
	cursor: pointer;
	padding: 5px 8px;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid rgba(204, 204, 204, .35)
}

#country-list .selectEmployer:hover {
	background: #deecf6;
	color: #fff
}

.app-to-opt .milletry-cover .parsley-errors-list {
	left: auto!important
}

.input-group-addon {
	z-index: 0
}

.otp-form .required-documents-form .upload_sections {
	margin-top: 0
}

.app-upload-wrap {
	padding-left: 30px
}

.maling-add-app {
	margin-bottom: 20px
}

.text-are-wrap {
	padding: 0 15px;
	margin-top: 10px
}

.apprantice-application-subchild {
	position: relative
}

.apprantice-application-subchild .radiowrap {
	position: absolute;
	right: 0;
	top: 0
}

.complaint .add-btn-cover {
	margin-right: 20px
}

.complaint #parsley-id-35 {
	position: absolute
}

.admin-optican .admin-opt-required-section .col-sm-4 {
	margin-bottom: 10px
}

.admin-optican .explanation-wrap-position .upload_sections {
	margin-top: 0!important
}

.admin-optican .personalinfo-section [class*=col-sm] {
	margin-top: 15px!important;
	margin-bottom: 0
}

.admin-apprentice-page .child-support-wrap label,
.admin-apprentice-page .license-information-wrap label {
	cursor: pointer
}

.seperater {
	background-color: #fff;
	padding: 5px 10px;
	width: 100%;
	text-align: center;
	margin: 40px 0 20px 0
}

.user-opt-army #parsley-id-multiple-users_infomilitary_service {
	position: absolute;
	right: 0;
	top: 20px
}

.optician-front .main-heading {
	padding-top: 20px
}

.apprantice-app-screening #parsley-id-multiple-military_service {
	right: 40px!important;
	left: auto!important
}

.army-input-wrap {
	position: relative
}

.army-date-input-wrap input[type=text] {
	width: 96%!important
}

.user-opt-renewal-screening .upload_sections .parsley-errors-list {
	position: absolute;
	top: 45px
}

.user-opt-reniwal-army label {
	font-size: 16px;
	padding-left: 15px!important
}

.admin-spacial-one .required-documents-form .cheklist-wraper label span {
	padding-left: 20px;
	display: flex
}

.admin-spacial-one .required-documents-form .cheklist-wraper .left-bold {
	padding-left: 20px
}

.user-opt-reniwal-army .col-sm-3,
.user-opt-reniwal-army .col-sm-5 {
	padding-left: 10px;
	padding-right: 10px
}

.optician-front .explanation-wrap-position .question {
	padding-right: 170px
}

.apprantice-app-screening .optician-front .explanation-wrap-position .radiowrap {
	right: 24px!important
}

.user-opt-child-support #parsley-id-multiple-license_status {
	left: 30px;
	position: absolute;
	top: 20px
}

.user-opt-reniwal-child #parsley-id-multiple-child_support {
	top: 20px!important
}

.seperater p {
	margin-bottom: 0;
	font-weight: 700;
	font-size: 18px
}

.backend-application-form .col-sm-4 a {
	margin-left: 10px
}

.explanation-wrap-position .radiowrap {
	display: flex
}

.backend-screening .question {
	display: flex
}

.backend-screening .styled-checkbox:checked+label:after {
	top: 37px!important
}

.backend-screening .dispenser-license-btn-wrap a {
	margin-top: 24px
}

.explanation-wrap-position textare {
	margin-bottom: 30px!important
}

.backend-screening .screenin-question-wrap.sub-child {
	display: flex!important
}

.backend-screening .screenin-question-wrap {
	display: block!important
}

.theme-color {
	color: #333
}

.apprantice-page-panel .cheklist-wraper {
	display: flex!important;
	margin-left: 10px!important
}

.help-block.btn-danger:hover {
	background-color: #ff6c60;
	border-color: #ff6c60
}

.backend-application-form .styled-checkbox:checked+label:after {
	top: 9px!important
}

.apprantice-page-panel .styled-checkbox:checked+label:after {
	top: 9px
}

.backend-screening .question {
	position: relative
}

.backend-screening .question .radiowrap {
	position: absolute;
	right: 0
}

.form-view-backend {
	position: absolute;
	right: -12px;
	top: -6px
}

.backend-screening .milletry-cover .radiowrap {
	right: 0!important
}

.backend-screening .opt-sub-child-wrap {
	margin-right: -91px!important
}

.backend-army-section .col-sm-8,
.backend-fifth-army-section .col-sm-8 {
	float: none;
	margin: 0 auto;
	position: relative;
	left: 74px
}

.backend-fifth-screening .radiowrap [type=radio]:checked+label:before,
.backend-fifth-screening .radiowrap [type=radio]:not(:checked)+label:before {
	top: -9px!important
}

.backend-fifth-screening [type=radio]:checked+label:after {
	top: -5px!important
}

.backend-fifth-army-section [type=radio]:checked+label:before,
.backend-fifth-army-section [type=radio]:not(:checked)+label:before {
	top: -7px!important
}

.backend-fifth-army-section [type=radio]:checked+label:after {
	top: -3px!important
}

.backend-fifth-army-section .styled-checkbox:checked+label:after {
	top: 9px
}

.backend-army-section .radiowrap {
	position: absolute;
	right: 0
}

.backend-second-screening .question {
	display: flex
}

.backend-army-section [type=radio]:checked+label:before {
	top: -8px!important
}

.backend-check-appropriate [type=radio]:checked+label:after {
	top: -11px!important
}

.backend-required-doc .styled-checkbox:checked+label:after {
	top: 9px!important
}

.backend-army-third-form .service-div {
	float: none;
	margin: 0 auto;
	position: relative;
	left: 74px
}

.optician-front .state-list-wrap {
	position: relative
}

.optician-front .state-list-wrap p {
	position: absolute;
	top: -17px
}

.optician-front .state-list-wrap {
	position: relative;
	top: -21px
}

.complaint-documentation .col-sm-4 {
	margin-bottom: 20px
}

.complaint #parsley-id-13 {
	position: absolute!important
}

.complaint-documentation ul.parsley-errors-list.filled {
	position: absolute;
	top: 45px
}

.opt-screening-question .col-sm-4 {
	margin-bottom: 15px
}

.optician-front .state-list-wrap .backend-army-third-form .branch-icons-cover {
	display: flex
}

.backend-fourth-screening .radiowrap {
	position: absolute;
	right: 0
}

.backend-explanation-wrap,
.backend-explanation-wrap textarea {
	margin-bottom: 30px
}

.otp-form .school-subchild {
	font-size: 17px;
	padding-left: 20px
}

.otp-form .explanation-wrap-position .radiowrap,
.otp-form .milletry-cover .radiowrap {
	right: 11px!important
}

.otp-form .add-btn button {
	margin-bottom: 15px
}

.backend-explanation-wrap .question {
	padding-right: 120px
}

.backend-fourth-screening .sub-child .question-content {
	padding-right: 0
}

.backend-fourth-army .service-div {
	float: none;
	margin: 0 auto;
	position: relative
}

.backend-fourth-army .styled-checkbox:checked+label:after {
	top: 37px!important
}

.backend-army-section .admin-service-section .col-sm-7 {
	margin-bottom: 10px
}

.backend-army-section .col-sm-8 {
	width: 80%!important
}

.backend-army-section .radiowrap {
	right: 11px!important
}

.backend-army-section .admin-service-section .form-group input[type=text] {
	margin-top: 0!important
}

.backend-army-section .admin-service-section .form-group {
	margin: 10px 0
}

.backend-army-section .admin-service-section .col-sm-3 {
	padding: 0 3px
}

.backend-forth-required-doc .styled-checkbox:checked+label:after {
	top: 9px!important
}

.backend-army-third-form .styled-checkbox:checked+label:after {
	top: 19px!important
}

.backend-check-appropriate [type=radio]:checked+label:before,
.backend-check-appropriate [type=radio]:not(:checked)+label:before {
	top: -15px!important
}

.backend-army-section [type=radio]:checked+label:after {
	top: -4px!important
}

.backend-army-section .question {
	position: relative
}

.backend-army-section .styled-checkbox:checked+label:after {
	top: 9px
}

.admin-optican .opt-sub-child-wrap {
	margin-right: -14px!important
}

.admin-screening-wrap .radiowrap {
	right: 0!important
}

.admin-upload-wrap {
	padding-left: 20px
}

.apprantice-page-panel .milletry-cover {
	margin-top: 25px;
	position: relative
}

.apprantice-page-panel .milletry-cover .radiowrap {
	position: absolute;
	right: 94px
}

.apprantice-page-panel .cheklist-wraper,
.required-document-wrap .cheklist-wraper span {
	padding-left: 5px!important
}

.optician-front .container {
	background: #deecf6
}

.opt-sub-child-wrap {
	margin-right: -20px!important
}

.optician-front .screening-question-section .file-upload-wrapper {
	position: relative
}

.user_details_section {
	padding-right: 50px
}

.switch .off,
.switch .on {
	font-size: 11px
}

.flag,
.status-wrap {
	position: relative
}

.flag:after,
.status-wrap:after {
	position: absolute;
	content: ":";
	top: 12px;
	left: 5px
}

.optician-front .screening-question-section .file-upload-wrapper #parsley-id-240 {
	position: absolute;
	left: 0;
	top: 45px
}

.btn-success .fa-times,
.closeblock1 .btn-danger {
	color: red;
	font-size: 23px;
	background: 0 0;
	border: none
}

.admin-app-li .backend-army-section .form-group {
	margin-bottom: 10px!important
}

.admin-app-li .backend-army-section input[type=text] {
	margin-top: 0!important
}

.admin-app-li .backend-army-section .radiowrap {
	right: 0
}

.admin-app-li .backend-army-section .col-sm-8 {
	width: 80%
}

.main-heading h2 {
	font-size: 25px
}

.close-btn,
.close-btn:hover {
	background: 0 0;
	border: none;
	margin-top: 10px
}

.custom-alert-msg-wrap .close-btn {
	margin-top: 0
}

.btn-primary {
	background-color: #3071a9;
	border-color: #285e8e;
	outline: 0!important;
	color: #fff;
	border-radius: 0;
	outline: 0;
	background: #256cb1;
	background: -moz-linear-gradient(top, #256cb1 0, #083664 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #256cb1), color-stop(100%, #083664));
	background: -webkit-linear-gradient(top, #256cb1 0, #083664 100%);
	background: -o-linear-gradient(top, #256cb1 0, #083664 100%);
	background: -ms-linear-gradient(top, #256cb1 0, #083664 100%);
	background: linear-gradient(to bottom, #256cb1 0, #083664 100%)
}

.btn-primary:hover {
	border-color: #256cb1
}

.btn-danger{
	border-radius: 0;
}

.admin-fomr-info-second .cheklist-wraper span {
	padding-left: 10px!important
}

.admin-fomr-info-second .checklist-form .cheklist-wraper label {
	display: flex!important
}

.admin-fomr-info-second .apprantice-page-panel {
	padding: 10px 0
}

.admin-fomr-info-second .service-div .styled-checkbox+label {
	display: inline-block;
	margin: 5px 0;
	padding-left: 30px
}

.service-div .branch-icons-cover span {
	margin-top: 0!important
}

.admin-fomr-info-second .service-div .styled-checkbox:checked+label:after {
	z-index: 5;
	left: 5px;
	top: 18px!important
}

.hand_icon_size {
	max-height: 40px;
	max-width: 40px
}

.brief_info {
	color: #309130
}

.work-info-wrap1 .col-sm-4 {
	margin-bottom: 19px
}

.validation_info {
	color: #118c21
}

.complaint-form-wrap p {
	margin: 0
}

.complaint-form-wrap span {
	padding-right: 5px
}

.complaint-upload-wrap,
.note-wrap,
.textarea-wrap {
	margin: 10px 0
}

.text-wrap,
.text-wrap p {
	display: flex
}

.user-opt-renewal-page .textarea-wrap {
	padding: 0 15px
}

.apprantice-application-wrap .milletry-cover .styled-checkbox:checked+label:after {
	top: 19px
}

.required-documents-form .styled-checkbox:checked+label:after {
	top: 9px
}

.admin-apprentice-page .checklist-form .cheklist-wraper {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	margin-bottom: 0
}

.admin-apprentice-page .form-group {
	margin-bottom: 19px
}

.admin-apprentice-page .mailing-address-wrap {
	margin-bottom: 20px
}

.admin-apprentice-page .screening-question-section .question-content {
	padding-right: 0
}

.admin-apprentice-page .milletry-cover .styled-checkbox:checked+label:after {
	top: 19px
}

.admin-apprentice-page .milletry-cover {
	padding-left: 0
}

.admin-apprentice-page .question {
	position: relative;
	padding-right: 120px
}

.admin-apprentice-page .radiowrap {
	position: absolute;
	right: -11px;
	top: 0
}

.admin-apprentice-page .child-support-wrap #parsley-id-multiple-child_support {
	position: absolute;
	left: 30px;
	top: 20px
}

.new-screening #parsley-id-multiple-sq1,
.new-screening #parsley-id-multiple-sq2,
.new-screening #parsley-id-multiple-sq3 {
	position: absolute;
	right: 13px;
	top: 24px
}

.date-label {
	margin: 5px 0!important;
	border-radius: 4px;
	background: #b5b5b5;
	font-size: 14px;
	min-width: 115px;
	float: right;
	color: #fff;
	padding: 1px 9px
}

.date-label i {
	margin-right: 5px
}

.mandatory {
	line-height: 17px
}

.label-info,
.label-primary {
	font-size: 12px!important
}

.admin-screening-wrap [type=radio]:checked+label:after,
.new-screening [type=radio]:checked+label:after {
	top: -5px!important
}

.admin-screening-wrap [type=radio]:checked+label:before,
.admin-screening-wrap [type=radio]:not(:checked)+label:before {
	top: -9px!important
}

.admin-apprentice-page .miletry-question {
	margin-top: 20px
}

.license-information-wrap #parsley-id-multiple-license_status {
	position: absolute;
	left: 30px;
	top: 22px
}

.apprantice-application-subchild #parsley-id-multiple-sq9 {
	left: 5px!important;
	position: absolute!important
}

.complaint-upload-wrap {
	margin-bottom: 10px
}

.supervision-form-wrap {
	margin-top: 20px
}

.input-group-addon {
	box-shadow: -11px 5px 15px 3px rgba(0, 0, 0, .1);
	background: #fff!important;
	position: relative
}

.required-document-first-section .cheklist-wraper {
	position: relative
}

.required-document-first-section .parsley-errors-list {
	position: absolute;
	left: 0;
	top: 21px
}

.required-document-first-section label,
.supervision-form-wrap label {
	padding-left: 20px!important
}

.apprantice-application-wrap .milletry-cover .parsley-errors-list {
	position: absolute;
	top: 26px;
	left: 22px;
	display: none
}

.btn.btn-secondary {
	background: #ccc;
	color: #000!important
}

.apprantice-application-wrap .milletry-cover span {
	position: relative
}

.apprantice-application-wrap .milletry-cover .parsley-maxdate {
	z-index: 5;
	position: relative
}

.name-change-request .parsley-required {
	display: inline-block;
	padding: 3px 6px;
	background: #ff5959;
	color: #fff!important;
	border-radius: 4px;
	font-size: 12px;
	line-height: 12px
}

.name-change-request #parsley-id-15 {
	position: absolute;
	top: 45px;
	width: 100%;
	left: 0
}

.apprantice-application-wrap #parsley-id-multiple-sq2 {
	position: absolute;
	top: 29px;
	width: 120px
}

.optician-front .opt-sub-child-wrap {
	padding-right: 34px!important
}

.apprantice-application-wrap .milletry-cover .question,
.required-document-first-section .file-upload-wrapper {
	position: relative
}

.apprantice-application-wrap .milletry-cover .radiowrap {
	position: absolute;
	right: 16px;
	top: -5px
}

.user-opt-renewal-screening .question {
	padding-right: 150px!important
}

.required-document-first-section .file-upload-wrapper #parsley-id-10,
.required-document-first-section .file-upload-wrapper #parsley-id-25 {
	position: absolute;
	left: 0;
	top: 45px
}

.user-opt-renewal-page .form-group {
	margin-bottom: 20px
}

.sign-section {
	margin-top: 20px
}

.user-screening-question {
	padding-right: 160px!important
}

.apprantice-application-wrap .milletry-cover .service-div {
	float: none;
	margin: 0 auto;
	position: relative;
	margin-top: 20px
}

.apprantice-application-wrap .file-upload-wrapper {
	position: relative
}

.apprantice-application-wrap .file-upload-wrapper .parsley-errors-list {
	position: absolute;
	top: 45px
}

.closeblock i {
	color: #bbb;
	background: 0 0;
	border: none;
	font-size: 24px
}

.closeblock .btn-info:hover {
	background: 0 0
}

.radiowrap .parsley-errors-list.filled {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 100%
}

.text-wrap p span {
	padding-right: 5px
}

.dispenser-license-btn-wrap {
	margin-top: 28px
}

.citizen-wrap,
.screeninQusflied {
	margin-top: 20px
}

.citizen-wrap {
	padding-left: 25px
}

.screening-question-section .business-cover {
	padding-left: 13px
}

.screening-question-section .screeninQusflied {
	padding-left: 24px
}

.text-box-wrap {
	padding-left: 20px
}

.citizen-wrap .disclaimer {
	margin-bottom: 20px;
	display: block
}

.file-upload-wrapper {
	position: relative
}

.otp-form .milletry-cover .styled-checkbox:checked+label:after {
	top: 19px!important
}

.otp-form .submit-wrap {
	padding: 20px 0
}

.backend-fourth-screening .sub-child .question-content {
	padding-right: 8px!important
}

.backend-fourth-screening .sub-child .question-content label {
	padding-left: 28px!important
}

.otp-form .screening-question-section .question {
	margin-bottom: 20px
}

.file-upload-wrapper .file-upload-input {
	width: 100%;
	position: relative;
	min-height: 46px
}

.label-block label {
	display: block!important
}

.label-block input {
	width: 100%!important
}

.file-upload-input input {
	height: 46px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-left: 10px;
	cursor: pointer;
	background: #ebebe4;
	border: 1px solid #ccc;
	box-shadow: none
}

.file-upload-button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.complaint-uplode-add {
	display: flex
}

.add-more-document i {
	font-size: 20px;
	padding: 6px 0
}

.add-btn-cover {
	margin-top: 30px
}

.required-document-wrap span {
	font-size: 17px
}

.text-uppercase {
	text-transform: uppercase
}

.screenin-question-wrap.sub-child {
	margin-top: 0;
	margin-left: 20px
}

.sub-child-numbring {
	padding-right: 5px
}

.apprantice-application-wrap .screenin-question-wrap {
	margin-top: 22px
}

.apprantice-application-wrap .milletry-cover {
	margin-top: 25px
}

#parsley-id-49 {
	position: absolute;
	left: 0
}

.admin-app-li .backend-second-screening a,
.admin-app-li .backend-uplod-btn a {
	display: block;
	margin: 10px 0;
	padding: 5px 10px!important
}

.btn-file-change {
	overflow: initial!important
}

.mandatory-set .mandatory {
	position: absolute;
	right: 0
}

.optician-front p {
	font-size: 18px
}

.text-first-later-upper {
	text-transform: capitalize
}

.state-list-wrap {
	margin-top: 20px
}

.explanation-wrap-position .radiowrap {
	right: -11px!important
}

.signature .text-line label {
	min-height: 24px!important
}

.state-one-details,
.state-two-details {
	display: block
}

.school-wrap button {
	margin-top: 0!important
}

.school-spacer {
	margin-top: 10px
}

.school-notice {
	margin-top: 20px
}

.school-subchild {
	padding-left: 50px;
	margin-top: 20px;
	margin-bottom: 20px!important
}

.state-two-details .filed-wrap {
	margin-top: 20px
}

.left-counting {
	padding-right: 5px
}

.apprantice-application-wrap textarea {
	margin-top: 15px
}

.employers-list-section .closeblock1,
.school-wrap .closeblock1,
.states-wrap .closeblock {
	border-top: 1px solid #fff!important
}

.employment-info-wrap .closeblock1 {
	border-top: 1px solid #fff!important;
	margin-top: 15px
}

.states-wrap .closeblock i:hover {
	color: red
}

.comman-body-modal .main-loader {
	position: absolute;
	z-index: 11;
	width: 100%;
	background: rgba(255, 255, 255, .56);
	text-align: center;
	height: 100%;
	left: 0
}

.admin-fomr-info-second .main-loader .loader {
	position: absolute;
	margin: 0 auto;
	width: 60px;
	height: 60px;
	color: #000;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 11
}

.complaint .add-btn-wrap .btn,
.complaint-form-wrap a.addName,
a.btn.btn-success.addFile {
	padding: 12px 15px!important;
	font-size: 14px
}

.complaint .add-btn-cover .btn {
	padding: 10px 25px!important;
	font-size: 16px
}

.admin-fomr-info-second .admin-form-second .cheklist-wraper span {
	padding-left: 20px
}

.circular-loader {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	height: 100%;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto
}

.loader-path {
	stroke-dasharray: 150, 200;
	stroke-dashoffset: -10;
	-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124
	}
}

ul#ui-id-1 {
	height: 200px;
	overflow: auto;
	border-radius: 0
}

.spcl-form-required-doc .col-sm-4 {
	margin-bottom: 15px
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.custom-alert-msg-wrap {
	padding: 15px;
	padding-left: 70px;
	position: relative;
	min-width: 450px;
	max-width: 600px
}

.custom-alert-msg-wrap .close-btn {
	font-size: 35px;
	right: 10px;
	top: 0
}

.custom-alert-msg-wrap .alert-icon {
	width: 40px;
	height: 40px;
	position: absolute;
	display: inline-block;
	left: 15px;
	top: 50%;
	transform: translateY(-50%)
}

.custom-alert-msg-wrap .alert-icon img {
	max-width: 100%;
	max-height: 100%
}

.custom-alert-msg-wrap .title-name {
	display: block
}

.custom-alert-msg-wrap .alert-mesg {
	display: block
}

.custom-alert-msg-wrap.alert-success {
	background-color: #def2d6;
	border-color: #cfdcc7
}

.custom-alert-msg-wrap.alert-danger {
	background-color: #ebc8c4;
	border-color: #d5b2b0
}

.custom-alert-msg-wrap.alert-warning {
	background-color: #f8f3d6;
	border-color: #e6e3cb
}

.custom-alert-msg-wrap.alert-info {
	background-color: #cce8f4;
	border-color: #b2cdd7
}

.custom-alert-msg-wrap {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.board-block {
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	border-radius: 3px;
	background: #fff;
	border-top: 3px solid #d2d6de;
	margin-bottom: 20px;
	float: left;
	width: 100%
}

.block-header {
	padding: 10px;
	float: left;
	display: block;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ececec
}

.block-header a {
	display: inline-block;
	float: left;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease
}

.block-header a:first-of-type:hover {
	transform: translate(7px, 0);
	-webkit-transform: translate(7px, 0);
	-moz-transform: translate(7px, 0);
	-o-transform: translate(7px, 0);
	-ms-transform: translate(7px, 0)
}

.block-header h3 {
	font-size: 14px;
	color: #020202;
	margin: 0;
	display: inline-block
}

.block-toggle-btn {
	padding-right: 7px;
	margin-right: 5px
}

.board-block.board-block-warning {
	border-top-color: #f39c12
}

.board-block.board-block-danger {
	border-top-color: #dd4b39
}

.board-block.board-block-info {
	border-top-color: #00c0ef
}

.board-block.board-block-primary {
	border-top-color: #3c8dbc
}

.board-block.board-block-success {
	border-top-color: #00a65a
}

.board-block.board-block-warning .personal-task.table-hover>tbody>tr:hover>td i,
.board-block.board-block-warning a:hover {
	color: #f39c12
}

.board-block.board-block-danger .personal-task.table-hover>tbody>tr:hover>td i,
.board-block.board-block-danger a:hover {
	color: #dd4b39
}

.backend-required-doc .screenin-question-wrap .question {
	display: flex
}

.optician-front .screeninQusflied {
	margin-top: 10px!important
}

.optician-front .required-documents-form [class*=col-sm] {
	margin-top: 0!important
}

.optician-front .opt-front-quest .parsley-errors-list.filled {
	margin: 0
}

.board-block.board-block-info .personal-task.table-hover>tbody>tr:hover>td i,
.board-block.board-block-info a:hover {
	color: #00c0ef
}

.board-block.board-block-primary .personal-task.table-hover>tbody>tr:hover>td i,
.board-block.board-block-primary a:hover {
	color: #3c8dbc
}

.board-block.board-block-success .personal-task.table-hover>tbody>tr:hover>td i,
.board-block.board-block-success a:hover {
	color: #00a65a
}

.board-block-warning .block-badge {
	background-color: #f39c12
}

.board-block-danger .block-badge {
	background-color: #dd4b39
}

.board-block-info .block-badge {
	background-color: #00c0ef
}

.board-block-primary .block-badge {
	background-color: #3c8dbc
}

.board-block-success .block-badge {
	background-color: #00a65a
}

.apprantice-application-wrap #parsley-id-205 {
	position: absolute;
	top: 45px;
	left: 0
}

.optician-front .input-group-addon {
	box-shadow: 0 -11px 17px -9px rgba(0, 0, 0, .1)!important
}

.optician-front .panel {
	padding-bottom: 20px
}

.board-block-warning .block-badge:hover {
	background-color: #f39c12;
	color: #fff!important
}

.board-block-danger .block-badge:hover {
	background-color: #dd4b39;
	color: #fff!important
}

.board-block-info .block-badge:hover {
	background-color: #00c0ef;
	color: #fff!important
}

.board-block-primary .block-badge:hover {
	background-color: #3c8dbc;
	color: #fff!important
}

.board-block-success .block-badge:hover {
	background-color: #00a65a;
	color: #fff!important
}

.direct-chat .block-body {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	position: relative;
	padding: 0
}

.direct-chat-messages {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	padding: 10px;
	overflow: auto;
	padding-bottom: 0
}

.direct-chat-contacts,
.direct-chat-messages {
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	transition: transform .5s ease-in-out
}

.direct-chat-msg,
.direct-chat-text {
	display: block
}

.direct-chat-msg {
	margin-bottom: 10px
}

.direct-chat-info {
	display: block;
	margin-bottom: 2px;
	font-size: 12px
}

.admin-form-wrapper .control-label {
	text-align: left!important
}

.admin-form-wrapper-btn-wrap .col-md-offset-3 {
	margin-left: 16.5%!important
}

.direct-chat-timestamp {
	color: #999
}

.direct-chat-img {
	border-radius: 50%;
	float: left;
	width: 40px;
	height: 40px
}

.admin-apprentice-page .suggesstion-box,
.user-opt-renewal-page .suggesstion-box {
	position: initial!important
}

.direct-chat-text {
	border-radius: 5px;
	position: relative;
	padding: 5px 10px;
	background: #d2d6de;
	border: 1px solid #d2d6de;
	margin: 5px 0 0 50px;
	color: #444
}

.chat-reply {
	text-align: right;
	padding: 5px
}

.chatbox-footer {
	padding: 10px 5px;
	border-top: 1px solid #ececec
}

.right .direct-chat-img {
	float: right
}

.direct-chat-primary .right>.direct-chat-text {
	background: #3c8dbc;
	border-color: #3c8dbc;
	color: #fff
}

.right .direct-chat-text {
	margin-right: 50px;
	margin-left: 0
}

.direct-chat-text:after,
.direct-chat-text:before {
	position: absolute;
	right: 100%;
	top: 15px;
	border: solid transparent;
	border-right-color: #d2d6de;
	content: ' ';
	height: 0;
	width: 0;
	pointer-events: none
}

.direct-chat-text:before {
	border-width: 6px;
	margin-top: -6px
}

.right .direct-chat-text:after,
.right .direct-chat-text:before {
	right: auto;
	left: 100%;
	border-right-color: transparent;
	border-left-color: #d2d6de
}

.direct-chat-primary .right>.direct-chat-text:after,
.direct-chat-primary .right>.direct-chat-text:before {
	border-left-color: #3c8dbc
}

.chatbox-body {
	min-height: 230px;
	max-height: 230px;
	overflow-y: auto
}

.info-box {
	display: block;
	min-height: 90px;
	background: #fff;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	border-radius: 2px;
	margin-bottom: 15px;
	color: #fff;
	float: left
}

.info-box-icon {
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px;
	display: block;
	float: left;
	height: 96px;
	width: 90px;
	text-align: center;
	font-size: 45px;
	line-height: 90px;
	background: rgba(0, 0, 0, .2)
}

.info-box-content {
	padding: 5px 10px;
	margin-left: 90px;
	text-shadow: 1px 1px 1px #151313
}

.info-box-text {
	text-transform: uppercase;
	display: block;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.info-box-text span {
	font-size: 20px;
	font-family: cursive;
	padding: 0 5px
}

.info-box-number {
	display: block;
	font-weight: 700;
	font-size: 18px
}

.complaint .add_name_section .btn-success {
	font-size: 14px
}

.info-warning {
	background-color: #ffbc51!important
}

.info-success {
	background-color: #00a65a!important
}

.info-primary {
	background-color: #3c8dbc!important
}

.info-danger {
	background-color: #dd4b39!important
}

.info-info {
	background-color: #00c0ef!important
}

.progress-description {
	margin: 0
}

.info-box-text,
.progress-description {
	display: block;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 10px;
	padding-top: 5px;
	text-shadow: 1px 1px 1px #151313;
	font-weight: 600
}

.info-box .progress,
.info-box .progress .progress-bar {
	border-radius: 0;
	background-color: #fff
}

.info-box .progress {
	background: rgba(0, 0, 0, .2);
	margin: 5px -10px 5px -10px;
	height: 2px
}

.progress,
.progress .progress-bar,
.progress>.progress-bar,
.progress>.progress-bar .progress-bar {
	border-radius: 1px
}

.progress,
.progress>.progress-bar {
	-webkit-box-shadow: none;
	box-shadow: none
}

.table-height-warp {
	min-height: 360px;
	max-height: 360px;
	float: left;
	overflow-x: auto;
	width: 100%;
	background: url(../img/graph-bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0 25px
}

.total-number-order {
	font-size: 14px;
	line-height: 28px
}

.total-number-order b {
	display: inline-block;
	padding-left: 5px
}

.two-col-height {
	min-height: 228px
}

.two-col-height a {
	color: #667fa0!important
}

.content-manager ul li {
	display: inline-block;
	float: left;
	width: 115px;
	height: 132px
}

.content-manager ul li a i {
	display: block;
	font-size: 30px;
	padding: 31px;
	border: 1px solid #ccc;
	margin: 10px;
	background-color: #f4f4f4
}

.content-manager ul li a {
	display: block;
	text-align: center
}

body {
	color: #000;
	background: #f1f2f7;
	font-family: lato;
	padding: 0!important;
	margin: 0!important;
	font-size: 14px
}

ul li {
	list-style: none
}

a,
a:focus,
a:hover {
	text-decoration: none;
	outline: 0
}

::selection {
	background: #ff6c60;
	color: #fff
}

::-moz-selection {
	background: #ff6c60;
	color: #fff
}

#container {
	width: 100%;
	height: 100%
}

.login-body {
	background-color: #f1f2f7
}

.form-signin {
	background-color: #6b6b6b;
	box-shadow: 0 4px 12px -2px #0000004d;
	border: 1px solid #3333331a;
	max-width: 330px;
	margin: 0 auto 0;
	-webkit-border-radius: 5px;
	position: relative
}

.form-signin h2.form-signin-heading {
	margin: 0;
	padding: 20px 15px;
	text-align: center;
	background: #41cac0;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif
}

.form-signin .checkbox {
	margin-bottom: 14px
}

.form-signin .checkbox {
	font-weight: 400;
	color: #b6b6b6;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif
}

.form-signin .form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.form-signin .form-control:focus {
	z-index: 2
}

.form-signin input[type=password],
.form-signin input[type=text] {
	margin-bottom: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #eaeaea;
	box-shadow: none;
	font-size: 12px
}

.form-signin .btn-login {
	background: #f67a6e;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	box-shadow: 0 4px #e56b60;
	margin-bottom: 20px
}

.form-signin p {
	color: #c41313;
	font-size: 12px;
	font-weight: 700;
	margin-left: 6px;
	margin-top: -10px
}

.form-signin a {
	color: #41cac0
}

.complaint .card-number .input-group-addon {
	box-shadow: -10px 5px 15px 3px rgba(0, 0, 0, .1);
	color: #000
}

.form-signin a:hover {
	color: #b6b6b6
}

.login-wrap {
	padding: 20px
}

.login-social-link {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 15px
}

.login-social-link a {
	color: #fff;
	padding: 15px 28px;
	border-radius: 4px
}

.login-social-link a:hover {
	color: #fff
}

.login-social-link a i {
	font-size: 20px;
	padding-right: 10px
}

.login-social-link a.facebook {
	background: #5193ea;
	margin-right: 22px;
	box-shadow: 0 4px #2775e2;
	float: left
}

.login-social-link a.twitter {
	background: #44ccfe;
	box-shadow: 0 4px #2bb4e8;
	float: left
}

.admin-apprentice-page .service-div {
	float: none;
	margin: 0 auto;
	position: relative
}

.suggesstion-box {
	top: 76px!important;
	width: 100%!important
}

#country-list {
	background-color: #ccc;
	max-height: 300px;
	overflow-x: auto;
	position: absolute;
	z-index: 10;
	max-width: 100%
}

.admin-apprentice-page .milletry-cover .form-flex {
	align-items: center
}

.army-label-wrap {
	flex: 1;
	position: relative
}

.admin-apprentice-page .army-label-wrap .styled-checkbox:checked+label:after {
	top: 19px
}

.admin-apprentice-page .milletry-cover [type=radio]:checked+label:before,
.admin-apprentice-page .milletry-cover [type=radio]:not(:checked)+label:before {
	top: -9px
}

.admin-apprentice-page .milletry-cover [type=radio]:checked+label:after {
	top: -5px
}

.screening-heading .seperater {
	margin-top: 20px
}

.admin-apprentice-page .army-input-wrap {
	display: flex;
	align-items: center
}

.army-input-wrap input[type=text] {
	width: 97%!important
}

.admin-apprentice-page .signature {
	margin-top: 10px
}

.admin-apprentice-page .fee-details {
	margin-bottom: 20px
}

.admin-apprentice-page .text-box-wrap {
	margin: 20px 0
}

.admin-apprentice-page .employers-list-section .form-group {
	margin-bottom: 19px
}

.text-box-wrap textarea {
	margin-bottom: 20px
}

#sidebar {
	width: 210px;
	height: 100%;
	position: fixed;
	background: #2a3542
}

#sidebar ul li {
	position: relative
}

#sidebar .sub-menu>.sub li {
	padding-left: 18px
}

#sidebar .sub-menu>.sub li:last-child {
	padding-bottom: 10px
}

.dcjq-icon {
	height: 17px;
	width: 17px;
	display: inline-block;
	background: url(../images/nav-expand.png) no-repeat top;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: absolute;
	right: 10px;
	top: 15px
}

.active .dcjq-icon {
	background: url(../images/nav-expand.png) no-repeat bottom;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.nav-collapse.collapse {
	display: inline
}

ul.sidebar-menu,
ul.sidebar-menu li ul.sub {
	margin: -2px 0 0;
	padding: 0
}

ul.sidebar-menu {
	margin-top: 75px
}

#sidebar>ul>li>ul.sub {
	display: none
}

#sidebar>ul>li.active>ul.sub,
#sidebar>ul>li>ul.sub>li>a {
	display: block
}

ul.sidebar-menu li ul.sub li {
	background: #35404d;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0
}

ul.sidebar-menu li ul.sub li:last-child {
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px
}

ul.sidebar-menu li ul.sub li a {
	font-size: 12px;
	padding: 6px 0;
	line-height: 35px;
	height: 35px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	color: #aeb2b7
}

ul.sidebar-menu li ul.sub li a:hover,
ul.sidebar-menu li ul.sub li.active a {
	color: #ff6c60;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
	display: block
}

ul.sidebar-menu li {
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px
}

ul.sidebar-menu li.sub-menu {
	line-height: 15px
}

ul.sidebar-menu li a span {
	display: inline-block
}

ul.sidebar-menu li a {
	color: #aeb2b7;
	text-decoration: none;
	display: block;
	padding: 15px 0 15px 10px;
	font-size: 12px;
	outline: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}

ul.sidebar-menu li a.active,
ul.sidebar-menu li a:focus,
ul.sidebar-menu li a:hover {
	background: #35404d;
	color: #fff;
	display: block;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}

ul.sidebar-menu li a i {
	font-size: 15px;
	padding-right: 6px
}

ul.sidebar-menu li a:focus i,
ul.sidebar-menu li a:hover i {
	color: #ff6c60
}

ul.sidebar-menu li a.active i {
	color: #ff6c60
}

.mail-info,
.mail-info:hover {
	margin: -3px 6px 0 0;
	font-size: 11px
}

#main-content {
	margin-left: 210px
}

.footer,
.header {
	min-height: 60px;
	padding: 0 15px
}

.header {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1002;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .41);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .41);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .41)
}

.white-bg {
	background: #fff;
	border-bottom: 1px solid #f1f2f7
}

.wrapper {
	display: inline-block;
	margin-top: 60px;
	padding: 15px;
	width: 100%
}

a.logo {
	font-size: 21px;
	color: #222;
	float: left;
	margin-top: 15px;
	text-transform: uppercase
}

a.logo:focus,
a.logo:hover {
	text-decoration: none;
	outline: 0
}

a.logo span {
	color: #ff6c60
}

ul.top-menu>li>a:focus,
ul.top-menu>li>a:hover {
	background-color: transparent!important;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #222!important
}

.notify-row .badge {
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 100
}

.dropdown-menu.extended {
	max-width: 300px!important;
	min-width: 160px!important;
	top: 42px;
	width: 200px!important;
	padding: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .176)!important;
	border: none!important;
	border-radius: 4px;
	-webkit-border-radius: 4px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.dropdown-menu.extended {
		box-shadow: 0 2px 8px rgba(0, 0, 0, .176)!important
	}
}

.dropdown-menu.extended li p {
	background-color: #f1f2f7;
	color: #666;
	margin: 0;
	padding: 10px;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0
}

.dropdown-menu.extended li p.green {
	background-color: #a9d86e;
	color: #fff
}

.dropdown-menu.extended li p.red {
	background-color: #ff6c60;
	color: #fff
}

.dropdown-menu.extended li p.yellow {
	background-color: #fcb322;
	color: #fff
}

.dropdown-menu.extended li a {
	border-bottom: 1px solid #ebebeb!important;
	font-size: 14px;
	list-style: none
}

.dropdown-menu.extended li a {
	padding: 10px 10px!important;
	width: 100%;
	display: inline-block
}

.dropdown-menu.extended li a:hover {
	background-color: #f7f8f9!important;
	color: #2e2e2e
}

.dropdown-menu.tasks-bar .task-info .desc {
	font-size: 13px;
	font-weight: 400
}

.dropdown-menu.tasks-bar .task-info .percent {
	display: inline-block;
	float: right;
	font-size: 13px;
	font-weight: 600;
	padding-left: 10px;
	margin-top: -16px
}

.dropdown-menu.extended .progress {
	margin-bottom: 0!important;
	height: 10px
}

.dropdown-menu.inbox li a .photo img {
	border-radius: 2px 2px 2px 2px;
	float: left;
	height: 40px;
	margin-right: 4px;
	width: 40px
}

.dropdown-menu.inbox li a .subject {
	display: block
}

.dropdown-menu.inbox li a .subject .from {
	font-size: 12px;
	font-weight: 600
}

.dropdown-menu.inbox li a .subject .time {
	font-size: 11px;
	font-style: italic;
	font-weight: 700;
	position: absolute;
	right: 5px
}

.dropdown-menu.inbox li a .message {
	display: block!important;
	font-size: 11px
}

.top-nav {
	margin-top: 3px
}

.top-nav ul.top-menu>li .dropdown-menu.logout {
	width: 188px!important
}

.top-nav li.dropdown .dropdown-menu {
	float: right;
	left: auto;
	top: 100%
}

.top-nav li.dropdown .dropdown-menu a {
	text-align: left
}

.dropdown-menu.extended.logout>li {
	float: left;
	text-align: center;
	width: 100%
}

.dropdown-menu.extended.logout>li:last-child {
	float: left;
	text-align: center;
	width: 100%;
	background: #a9d96c;
	border-radius: 0 0 3px 3px
}

.dropdown-menu.extended.logout>li:last-child>a {
	color: #e8e8e8
}

.dropdown-menu.extended.logout>li:last-child>a:hover {
	color: #fff;
	border-bottom: none!important
}

.full-width .dropdown-menu.extended.logout>li:last-child a:hover {
	color: #fff!important
}

.dropdown-menu.extended.logout>li:last-child>a:hover>i {
	color: #fff
}

.dropdown-menu.extended.logout>li>a {
	color: #a4abbb;
	border-bottom: none!important
}

.full-width .dropdown-menu.extended.logout>li>a:hover {
	background: 0 0!important;
	color: #50c8ea!important
}

.dropdown-menu.extended.logout>li>a:hover {
	background: 0 0!important;
	color: #50c8ea
}

.dropdown-menu.extended.logout>li>a:hover i {
	color: #50c8ea
}

.dropdown-menu.extended.logout>li>a i {
	font-size: 17px
}

.dropdown-menu.extended.logout>li>a>i {
	padding-right: 10px
}

.top-nav .username {
	font-size: 13px;
	color: #555
}

.top-nav ul.top-menu>li {
	border-right: 1px solid #dfdfdf;
	text-align: center
}

.top-nav .dropdown-menu.extended.logout {
	top: 40px;
	right: 0
}

.top-nav .nav .caret {
	border-bottom-color: #a4aaba;
	border-top-color: #a4aaba
}

.dropdown.open a .caret,
.top-nav ul.top-menu>li>a:hover .caret {
	border-bottom-color: #fff!important;
	border-top-color: #fff!important
}

.log-arrow-up {
	border-top: 6px solid #fff;
	border-right: 6px solid transparent;
	border-bottom: 0 dotted;
	border-left: 6px solid transparent;
	transform: rotate(180deg);
	position: absolute;
	right: 4px;
	top: -6px
}

.dropdown.open a .username,
.dropdown.open a i {
	color: #fff
}

.dropdown-menu.extended.logout li a i {
	color: #e8e8e8
}

.notify-arrow {
	border-style: solid;
	border-width: 0 9px 9px;
	height: 0;
	margin-top: 0;
	opacity: 0;
	position: absolute;
	left: 7px;
	top: -18px;
	transition: all .25s ease 0s;
	width: 0;
	z-index: 10;
	margin-top: 10px;
	opacity: 1
}

.notify-arrow-yellow {
	border-color: transparent transparent #fcb322;
	border-bottom-color: #fcb322!important;
	border-top-color: #fcb322!important
}

.notify-arrow-red {
	border-color: transparent transparent #ff6c60;
	border-bottom-color: #ff6c60!important;
	border-top-color: #ff6c60!important
}

.notify-arrow-green {
	border-color: transparent transparent #a9d86e;
	border-bottom-color: #a9d86e!important;
	border-top-color: #a9d86e!important
}

.search {
	margin-top: 6px;
	width: 20px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	border: 1px solid #fff;
	box-shadow: none;
	background: url(../img/search-icon.jpg) no-repeat 10px 8px;
	padding: 0 5px 0 35px;
	color: #fff
}

.search:focus {
	margin-top: 5px;
	width: 180px;
	border: 1px solid #eaeaea;
	box-shadow: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	color: #c8c8c8;
	font-weight: 300
}

.sidebar-toggle-box {
	float: left;
	padding-right: 10px;
	margin-top: 20px
}

.sidebar-toggle-box .icon-reorder {
	cursor: pointer;
	display: inline-block;
	font-size: 20px
}

.sidebar-closed>#sidebar>ul {
	display: none
}

.sidebar-closed #main-content {
	margin-left: 0
}

.sidebar-closed #sidebar {
	margin-left: -180px
}

.state-overview .symbol,
.state-overview .value {
	display: inline-block;
	text-align: center
}

.state-overview .value {
	float: right
}

.state-overview .value h1,
.state-overview .value p {
	margin: 0;
	padding: 0;
	color: #c6cad6
}

.state-overview .value h1 {
	font-weight: 300
}

.state-overview .symbol i {
	color: #fff;
	font-size: 50px
}

.state-overview .symbol {
	width: 40%;
	padding: 25px 15px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px
}

.state-overview .value {
	width: 58%;
	padding-top: 21px
}

.state-overview .terques {
	background: #6ccac9
}

.state-overview .red {
	background: #ff6c60
}

.state-overview .yellow {
	background: #f8d347
}

.state-overview .blue {
	background: #57c8f2
}

.border-head h3 {
	border-bottom: 1px solid #c9cdd7;
	margin-top: 0;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 18px;
	display: inline-block;
	width: 100%;
	font-weight: 300
}

.custom-bar-chart {
	height: 290px;
	margin-top: 20px;
	margin-left: 10px;
	position: relative;
	border-bottom: 1px solid #c9cdd7
}

.custom-bar-chart .bar {
	height: 100%;
	position: relative;
	width: 4.3%;
	margin: 0 2%;
	float: left;
	text-align: center;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0x;
	border-radius: 5px 5px 0 0;
	z-index: 10
}

.custom-bar-chart .bar .title {
	position: absolute;
	bottom: -30px;
	width: 100%;
	text-align: center;
	font-size: 12px
}

.custom-bar-chart .bar .value {
	position: absolute;
	bottom: 0;
	background: #bfc2cd;
	color: #bfc2cd;
	width: 100%;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.custom-bar-chart .bar .value:hover {
	background: #e8403f;
	color: #fff
}

.y-axis {
	color: #555;
	position: absolute;
	text-align: right;
	width: 100%
}

.y-axis li {
	border-top: 1px dashed #dbdce0;
	display: block;
	height: 58px;
	width: 100%
}

.y-axis li:last-child {
	border-top: none
}

.y-axis li span {
	display: block;
	margin: -10px 0 0 -25px;
	padding: 0 10px;
	width: 40px
}

.y-axis {
	color: #555;
	text-align: right
}

.chart {
	display: inline-block;
	text-align: center;
	width: 100%
}

.chart .heading {
	text-align: left
}

.chart .heading span {
	display: block
}

.panel.green-chart .chart-tittle {
	font-size: 16px;
	padding: 15px;
	display: inline-block;
	font-weight: 400;
	background: #99c262;
	width: 100%;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px
}

#barchart {
	margin-bottom: -15px;
	display: inline-block
}

.panel.green-chart .chart-tittle .value {
	float: right;
	color: #c0f080
}

.panel.green-chart {
	background: #a9d96c;
	color: #fff
}

.panel.terques-chart {
	background: #41cac0;
	color: #fff
}

.panel.terques-chart .chart-tittle .value {
	float: right;
	color: #fff
}

.panel.terques-chart .chart-tittle .value a {
	color: #fff;
	font-size: 12px
}

.panel.terques-chart .chart-tittle .value a.active,
.panel.terques-chart .chart-tittle .value a:hover {
	color: #55f2e7;
	font-size: 12px
}

.panel.terques-chart .chart-tittle {
	font-size: 16px;
	padding: 15px;
	display: inline-block;
	font-weight: 400;
	background: #39b7ac;
	width: 100%;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px
}

.inline-block {
	display: inline-block
}

.work-info-wrap .panel-body.chart-texture {
	background: url(../img/chart-texture.jpg);
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0
}

.task-thumb {
	width: 90px;
	float: left
}

.task-thumb img {
	border-radius: 4px;
	-webkit-border-radius: 4px
}

.task-thumb-details {
	display: inline-block;
	margin: 25px 0 0 10px
}

.task-progress {
	float: left
}

.task-progress h1,
.task-progress h1 a,
.task-thumb-details h1,
.task-thumb-details h1 a {
	color: #39b5aa;
	font-size: 18px;
	margin: 0;
	padding: 0;
	font-weight: 400
}

.task-progress p,
.task-thumb-details p {
	padding-top: 5px;
	color: #a4aaba
}

.personal-task tbody tr td {
	padding: 11px 3px;
	border-color: #eeeff1
}

.personal-task tbody tr td i {
	font-size: 20px;
	color: #c7cbd4
}

.personal-task.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
	background-color: #f7f8fc
}

.personal-task>tbody>tr>td:last-child {
	text-align: right
}

.task-option {
	float: right
}

.task-option select {
	height: 35px;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px;
	color: #a4abbb
}

.progress-panel {
	padding-bottom: 5px
}

.badge.bg-primary {
	background: #8075c4
}

.badge.bg-success {
	background: #a9d86e
}

.badge.bg-warning {
	background: #fcb322
}

.badge.bg-important {
	background: #ff6c60
}

.badge.bg-info {
	background: #41cac0
}

.badge.bg-inverse {
	background: #2a3542
}

.timeline {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	position: relative;
	table-layout: fixed;
	width: 100%
}

.timeline:before {
	background-color: #c7cbd6;
	bottom: 0;
	content: "";
	left: 50%;
	position: absolute;
	top: 0;
	width: 2px;
	z-index: 0
}

h3.timeline-title {
	margin: 0;
	color: #c8ccd7;
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 5px;
	text-transform: uppercase
}

.t-info {
	color: #c8ccd7
}

.timeline-item.alt:after,
.timeline-item:before {
	content: "";
	display: block;
	width: 50%
}

.timeline-item {
	display: table-row
}

.timeline-desk {
	display: table-cell;
	vertical-align: top;
	width: 50%
}

.timeline-desk h1 {
	font-size: 16px;
	font-weight: 300;
	margin: 0 0 5px
}

.timeline-desk .panel {
	display: block;
	margin-left: 25px;
	position: relative;
	text-align: left;
	background: #f4f4f4
}

.timeline-item .timeline-desk .arrow {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: -7px;
	position: absolute;
	top: 13px;
	width: 0
}

.timeline-item .timeline-desk .arrow {
	border-right: 8px solid #f4f4f4!important
}

.timeline-item.alt .timeline-desk .arrow-alt {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	right: -7px;
	position: absolute;
	top: 13px;
	width: 0;
	left: auto
}

.timeline-item.alt .timeline-desk .arrow-alt {
	border-left: 8px solid #f4f4f4!important
}

.timeline .timeline-icon {
	left: -30px;
	position: absolute;
	top: 15px
}

.timeline .timeline-icon {
	background: #c7cbd6;
	box-shadow: 0 0 0 3px #c7cbd6
}

.timeline-desk span a {
	text-transform: uppercase
}

.timeline-desk h1.red,
.timeline-desk span a.red {
	color: #ef6f66
}

.timeline-desk h1.green,
.timeline-desk span a.green {
	color: #39b6ae
}

.timeline-desk h1.blue,
.timeline-desk span a.blue {
	color: #56c9f5
}

.timeline-desk h1.purple,
.timeline-desk span a.purple {
	color: #8074c6
}

.timeline-desk h1.light-green,
.timeline-desk span a.light-green {
	color: #a8d76f
}

.timeline .timeline-icon.red {
	background: #ef6f66;
	box-shadow: 0 0 0 3px #ef6f66
}

.timeline .timeline-icon.green {
	background: #39b6ae;
	box-shadow: 0 0 0 3px #39b6ae
}

.timeline .timeline-icon.blue {
	background: #56c9f5;
	box-shadow: 0 0 0 3px #56c9f5
}

.timeline .timeline-icon.purple {
	background: #8074c6;
	box-shadow: 0 0 0 3px #8074c6
}

.timeline .timeline-icon.light-green {
	background: #a8d76f;
	box-shadow: 0 0 0 3px #a8d76f
}

.timeline .timeline-icon {
	border: 3px solid #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	height: 12px;
	width: 12px
}

.timeline-item.alt .timeline-icon {
	left: auto;
	right: -32px
}

.timeline .time-icon:before {
	font-size: 16px;
	margin-top: 5px
}

.timeline .timeline-date {
	left: -200px;
	position: absolute;
	text-align: right;
	top: 12px;
	width: 150px
}

.timeline-desk h5 span {
	color: #999;
	display: block;
	font-size: 12px;
	margin-bottom: 4px
}

.timeline-item.alt:before {
	display: none
}

.timeline-item.alt:after,
.timeline-item:before {
	content: "";
	display: block;
	width: 50%
}

.timeline-desk p {
	font-size: 12px;
	margin-bottom: 0
}

.timeline-desk a {
	color: #ef6f66
}

.timeline-desk .panel {
	margin-bottom: 5px
}

.timeline-desk .album {
	margin-top: 20px
}

.timeline-desk .album a {
	margin-right: 5px;
	float: left
}

.timeline-desk .notification {
	background: none repeat scroll 0 0 #fff;
	margin-top: 20px;
	padding: 8px
}

.timeline-item.alt .panel {
	margin-left: 0;
	margin-right: 25px
}

.timeline-item.alt .timeline-date {
	left: auto;
	right: -200px;
	text-align: left
}

.mbot30 {
	margin-bottom: 30px
}

.optician-front .milletry-cover span {
	position: relative
}

.optician-front .milletry-cover .parsley-errors-list {
	position: absolute;
	top: 26px;
	left: 23px;
	/*display: none*/
}

.revenue-head {
	background: #ff6c60;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	color: #fff;
	line-height: 50px
}

.revenue-head span {
	background: #e56155;
	padding: 16px;
	-webkit-border-radius: 4px 0 0 0;
	border-radius: 4px 0 0 0
}

.revenue-head span i {
	font-size: 18px
}

.revenue-head h3 {
	display: inline;
	padding: 0 10px;
	font-size: 16px;
	font-weight: 300
}

.revenue-head span.rev-combo {
	background: #e56155;
	padding: 16px;
	line-height: normal;
	-webkit-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0
}

.easy-pie-chart {
	display: inline-block;
	padding: 30px 0
}

.chart-info,
.chart-info .decrease,
.chart-info .increase {
	display: inline-block
}

.chart-info {
	width: 100%;
	margin-bottom: 5px
}

.chart-position {
	margin-top: 70px
}

.chart-info span {
	margin: 0 3px
}

.chart-info .increase {
	background: #ff6c60;
	width: 10px;
	height: 10px
}

.chart-info .decrease {
	background: #f2f2f2;
	width: 10px;
	height: 10px
}

.panel-footer.revenue-foot {
	background-color: #e6e7ec;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	border: none;
	padding: 0;
	width: 100%;
	display: inline-block
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.panel-footer.revenue-foot {
		margin-bottom: -4px
	}
}

.panel-footer.revenue-foot ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: inline-flex
}

.panel-footer.revenue-foot ul li {
	float: left;
	width: 33.33%
}

.panel-footer.revenue-foot ul li.first a,
.panel-footer.revenue-foot ul li.first a:hover {
	-webkit-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px
}

.panel-footer.revenue-foot ul li.last a,
.panel-footer.revenue-foot ul li.last a:hover {
	-webkit-border-radius: 0 0 4px 0;
	border-radius: 0 0 4px 0;
	border-right: none
}

.panel-footer.revenue-foot ul li a {
	display: inline-block;
	width: 100%;
	padding: 14px 15px;
	text-align: center;
	border-right: 1px solid #d5d8df;
	color: #797979
}

.panel-footer.revenue-foot ul li a:hover,
.panel-footer.revenue-foot ul li.active a {
	background: #fff;
	position: relative
}

.panel-footer.revenue-foot ul li a i {
	color: #c6cad5;
	display: block;
	font-size: 16px
}

.panel-footer.revenue-foot ul li a:hover i,
.panel-footer.revenue-foot ul li.active a i {
	color: #ff6c60;
	display: block;
	font-size: 16px
}

.flat-carousal {
	background: #58c9f3;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	padding: 10px;
	color: #fff;
	position: relative
}

.complaint-form-wrap label {
	padding-bottom: 5px!important;
	padding-top: 0!important
}

.complaint-form-wrap .form-group {
	margin-top: 15px
}

.flat-carousal h1 {
	text-align: center;
	font-size: 16px;
	margin: 30px 20px;
	line-height: 20px;
	font-weight: 300;
	font-style: italic
}

a.view-all {
	color: #fff;
	background: rgba(0, 0, 0, .1);
	padding: 8px 15px;
	text-align: center;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	margin-bottom: 18px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px
}

ul.ft-link {
	margin: 0;
	padding: 0
}

ul.ft-link li {
	border-right: 1px solid #e6e7ec;
	display: inline-block;
	line-height: 30px;
	margin: 8px 0;
	text-align: center;
	width: 24%
}

ul.ft-link li a {
	color: #74829c;
	text-transform: uppercase;
	font-size: 12px
}

ul.ft-link li a:hover,
ul.ft-link li.active a {
	color: #58c9f3
}

ul.ft-link li:last-child {
	border-right: none
}

ul.ft-link li a i {
	display: block
}

#owl-demo .item img {
	display: block;
	width: 100%;
	height: auto
}

.owl-buttons {
	position: absolute;
	top: 70px;
	width: 100%
}

.owl-next,
.owl-prev {
	position: absolute
}

.owl-next {
	right: 0
}

.owl-buttons .owl-prev {
	text-indent: -9999px;
	background: url(../img/left-arrow.png) no-repeat;
	width: 6px;
	height: 10px;
	display: inline-block
}

.owl-buttons .owl-next {
	text-indent: -9999px;
	background: url(../img/right-arrow.png) no-repeat;
	width: 6px;
	height: 10px;
	display: inline-block
}

.post-wrap aside {
	display: table-cell;
	float: none;
	height: 100%;
	padding: 0;
	vertical-align: top
}

.pro-box {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	table-layout: fixed;
	width: 100%
}

.post-info {
	position: relative
}

.arrow-pro.right:after {
	border-left-color: #fff;
	border-right-width: 0;
	top: 85px;
	content: " "
}

.arrow-pro.left:after {
	border-right-color: #fff;
	border-left-width: 0;
	top: 80px;
	content: " "
}

.arrow-pro.left {
	left: -8px
}

.renewal-wrap {
	margin: 20px -15px
}

.arrow-pro:after {
	border-width: 7px;
	content: ""
}

.arrow-pro,
.arrow-pro:after {
	border-color: transparent;
	border-style: solid;
	display: block;
	height: 0;
	position: absolute;
	width: 0;
	right: -5px
}

.post-highlight.yellow {
	background: #f8d347;
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0
}

.post-highlight.terques {
	background: #41cac0;
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px
}

.post-info h1 {
	margin: 0;
	font-size: 18px;
	color: #a19899;
	font-weight: 300
}

.post-highlight.terques h2 {
	font-size: 16px;
	color: #fff;
	font-style: italic;
	padding: 0 20px;
	line-height: 22px;
	margin: 0;
	font-weight: 300
}

.post-highlight.terques h2 a,
.post-highlight.terques h2 span {
	color: #92faf3
}

.post-info h1 strong {
	text-transform: uppercase;
	color: #937b7b
}

.add-filed label {
	display: block!important
}

.add-filed .btn {
	font-size: 23px
}

.add-filed.delete button .fa-times {
	color: #ff3c3c
}

.add-filed.delete button {
	background: 0 0;
	border: none
}

.lock-screen h1 {
	font-size: 40px;
	font-weight: 700;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 0;
	text-transform: uppercase
}

.post-info .desk {
	display: inline-block
}

.post-info .desk h3 {
	font-size: 16px
}

.post-info .desk.yellow h3 {
	color: #f8d347
}

.post-btn a {
	float: left;
	margin-right: 8px;
	font-size: 18px;
	color: #9a9a9a
}

.post-btn a:hover {
	color: #727272
}

.pro-thumb {
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 10px solid rgba(256, 256, 256, .4)
}

.pro-thumb img {
	text-align: center;
	width: 112px;
	height: 112px;
	border-radius: 50%;
	-webkit-border-radius: 50%
}

.v-align {
	vertical-align: middle!important
}

.twite h1 {
	margin: 50px 0
}

.social-footer {
	display: inline;
	text-align: center
}

.social-footer ul {
	text-align: center;
	margin: 0;
	padding: 0
}

.social-footer ul li {
	display: inline-block;
	margin: 0 20px
}

.social-footer ul li a {
	font-size: 25px;
	color: #ceced0
}

.social-footer ul li a:hover i.icon-facebook,
.social-footer ul li.active a i.icon-facebook {
	color: #486eac
}

.social-footer ul li a:hover i.icon-twitter,
.social-footer ul li.active a i.icon-twitter {
	color: #58c9f3
}

.social-footer ul li a:hover i.icon-google-plus,
.social-footer ul li.active a i.icon-google-plus {
	color: #4a4a4a
}

.social-footer ul li a:hover i.icon-pinterest,
.social-footer ul li.active a i.icon-pinterest {
	color: #d1282d
}

.pie-foot {
	background: #6b6b6b;
	padding: 18px 15px;
	color: #fff;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	text-align: center;
	font-size: 16px;
	font-weight: 300
}

.follower {
	background: #01a89e;
	color: #fff;
	text-align: center;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0
}

.follower-foot {
	padding: 8px 5px 5px 5px;
	color: #757575;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	font-weight: 300
}

.follower-foot ul {
	padding: 0;
	margin: 0
}

.follower-foot ul li {
	display: inline-block;
	text-align: center;
	width: 48%;
	line-height: normal
}

.follower-foot ul li h5 {
	margin: 5px 0 0 0
}

.follower h4 {
	margin: 0 0 10px 0;
	font-size: 15px;
	font-weight: 300
}

.follow-ava {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 5px solid #18b2a6;
	display: inline-block
}

.follower img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 62px;
	height: 62px
}

.weather-bg {
	background: #8175c7;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 300
}

.weather-bg i {
	font-size: 60px;
	display: block
}

.weather-bg .degree {
	font-size: 60px
}

.weather-category {
	padding: 15px 0;
	color: #74829c
}

.weather-category ul {
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 100%
}

.weather-category ul li {
	display: inline-block;
	width: 32%;
	text-align: center;
	border-right: 1px solid #e6e6e6;
	display: inline-block
}

.weather-category ul li h5 {
	margin: 0 0 5px 0;
	text-transform: uppercase;
	font-weight: 300
}

.weather-category ul li:last-child {
	border-right: none
}

.fontawesome-icon-list h2 {
	margin-top: 0;
	font-size: 20px;
	font-weight: 300
}

.fontawesome-icon-list .col-sm-3 {
	margin-bottom: 10px
}

.fontawesome-icon-list .page-header {
	border-bottom: 1px solid #c9cdd7
}

.fontawesome-icon-list i {
	font-size: 16px;
	padding-right: 10px
}

#brand,
#currency,
#directional,
#medical,
#text-editor,
#video-player,
#web-application {
	margin-top: 10px
}

.mail-box {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	table-layout: fixed;
	width: 100%
}

.mail-box aside {
	display: table-cell;
	float: none;
	height: 100%;
	padding: 0;
	vertical-align: top
}

.mail-box .sm-side {
	width: 25%;
	background: #e5e8ef;
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px
}

.mail-box .lg-side {
	width: 75%;
	background: #fff;
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0
}

.mail-box .sm-side .user-head {
	background: #00a8b3;
	border-radius: 4px 0 0 0;
	-webkit-border-radius: 4px 0 0 0;
	padding: 10px;
	color: #fff;
	min-height: 80px
}

.user-head .inbox-avatar {
	width: 65px;
	float: left
}

.user-head .inbox-avatar img {
	border-radius: 4px;
	-webkit-border-radius: 4px
}

.user-head .user-name {
	display: inline-block;
	margin: 0 0 0 10px
}

.user-head .user-name h5 {
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 0;
	font-weight: 300
}

.optician-front .required-documents-form .update-state-one-details .col-sm-3 {
	position: relative
}

.optician-front .required-documents-form .update-state-one-details .col-sm-3 a+div {
	position: absolute;
	right: 0;
	top: 14px
}

.user-head .user-name h5 a {
	color: #fff
}

.user-head .user-name span a {
	font-size: 12px;
	color: #87e2e7
}

a.mail-dropdown {
	background: #80d3d9;
	padding: 3px 5px;
	font-size: 10px;
	color: #01a7b3;
	border-radius: 2px;
	margin-top: 20px
}

.inbox-body {
	padding: 20px
}

.btn-compose {
	background: #ff6c60;
	padding: 12px 0;
	text-align: center;
	width: 100%;
	color: #fff
}

.btn-compose:hover {
	background: #f5675c;
	color: #fff
}

ul.inbox-nav {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0
}

.inbox-divider {
	border-bottom: 1px solid #d5d8df
}

ul.inbox-nav li {
	display: inline-block;
	line-height: 45px;
	width: 100%;
	position: relative
}

ul.inbox-nav li a {
	color: #6a6a6a;
	line-height: 45px;
	width: 100%;
	display: inline-block;
	padding: 0 10px;
	border-bottom: 1px solid #d4d8e0
}

ul.inbox-nav li a:focus,
ul.inbox-nav li a:hover,
ul.inbox-nav li.active a {
	color: #6a6a6a;
	background: #d5d7de
}

ul.inbox-nav li a i {
	padding-right: 10px;
	font-size: 16px;
	color: #6a6a6a
}

ul.inbox-nav li a span.label {
	margin-top: 13px
}

ul.labels-info li h4 {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	color: #5c5c5e;
	font-size: 13px;
	text-transform: uppercase
}

ul.labels-info li {
	margin: 0
}

ul.labels-info li a {
	color: #6a6a6a;
	border-radius: 0
}

ul.labels-info li a:focus,
ul.labels-info li a:hover {
	color: #6a6a6a;
	background: #d5d7de
}

ul.labels-info li a i {
	padding-right: 10px
}

.nav.nav-pills.nav-stacked.labels-info p {
	margin-bottom: 0;
	padding: 0 22px;
	color: #9d9f9e;
	font-size: 11px
}

.inbox-head {
	background: #41cac0;
	color: #fff;
	border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
	min-height: 80px;
	position: relative
}

.inbox-head h3 {
	margin: 0;
	display: inline-block;
	padding-top: 6px;
	font-weight: 300
}

.float-heading {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%)
}

.admin-reply,
.user-mail {
	position: relative
}

.user-mail:before {
	content: " ";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 25px solid #d9edf7;
	border-left: 25px solid transparent;
	position: absolute;
	left: -20px
}

.admin-reply:after {
	content: " ";
	display: inline-block;
	width: 0;
	height: 0;
	border-bottom: 25px solid #dff0d8;
	border-right: 25px solid transparent;
	position: absolute;
	right: -24px;
	bottom: 10px
}

.inbox-head .sr-input {
	height: 40px;
	border: none;
	box-shadow: none;
	padding: 0 10px;
	float: left;
	border-radius: 4px 0 0 4px;
	color: #8a8a8a
}

.inbox-head .sr-btn {
	height: 40px;
	border: none;
	background: #00a6b2;
	color: #fff;
	padding: 0 20px;
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0
}

.table-inbox {
	border: 1px solid #d3d3d3;
	margin-bottom: 0;
	color: rgba(12, 12, 12, .73)
}

.table-inbox tr td {
	padding: 5px!important
}

.table-inbox tr td:hover {
	cursor: pointer
}

.table-inbox tr td .icon-star.inbox-started,
.table-inbox tr td .icon-star:hover {
	color: #f78a09
}

.table-inbox tr td .icon-star {
	color: #d5d5d5
}

.table-inbox tr.unread td {
	font-weight: 600;
	background: #f7f7f7;
	position: relative
}

.table-inbox tr td {
	border-top: 0!important
}

.table-inbox tr:after {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	position: absolute;
	left: 0
}

ul.inbox-pagination {
	float: right
}

ul.inbox-pagination li {
	float: left
}

.mail-option {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%
}

.mail-option .btn-group,
.mail-option .chk-all {
	margin-right: 5px
}

.mail-option .btn-group a.btn,
.mail-option .chk-all {
	border: 1px solid #e7e7e7;
	padding: 5px 10px;
	display: inline-block;
	background: #fcfcfc;
	color: #afafaf;
	border-radius: 3px!important;
	-webkit-border-radius: 3px!important
}

.inbox-pagination a.np-btn {
	border: 1px solid #e7e7e7;
	padding: 5px 15px;
	display: inline-block;
	background: #fcfcfc;
	color: #afafaf;
	border-radius: 3px!important;
	-webkit-border-radius: 3px!important
}

.mail-option .chk-all input[type=checkbox] {
	margin-top: 0
}

.mail-option .btn-group a.all {
	padding: 0;
	border: none
}

.inbox-pagination a.np-btn {
	margin-left: 5px
}

.inbox-pagination li span {
	display: inline-block;
	margin-top: 7px;
	margin-right: 5px
}

.fileinput-button {
	border: 1px solid #e6e6e6;
	background: #eee
}

.inbox-body .modal .modal-body input,
.inbox-body .modal .modal-body textarea {
	border: 1px solid #e6e6e6;
	box-shadow: none
}

.btn-send,
.btn-send:hover {
	background: #00a8b3;
	color: #fff
}

.btn-send:hover {
	background: #009da7
}

.modal-header h4.modal-title {
	font-weight: 300;
	font-family: 'Open Sans', sans-serif
}

.modal-body label {
	font-weight: 400;
	font-family: 'Open Sans', sans-serif
}

.body-404 {
	background: #18d4cb;
	color: #fff
}

.error-wrapper {
	text-align: center;
	margin-top: 10%
}

.error-wrapper .icon-404 {
	background: url(../img/404_icon.png) no-repeat;
	width: 289px;
	height: 274px;
	display: inline-block;
	margin-left: 30px
}

.error-wrapper h1 {
	font-size: 90px;
	font-weight: 300;
	margin: -50px 0 0 0
}

.error-wrapper h2 {
	font-size: 20px;
	font-weight: 300;
	margin: 0 0 30px 0
}

.error-wrapper p,
.error-wrapper p a {
	font-size: 18px;
	font-weight: 300
}

.error-wrapper p.page-404 {
	color: #7dfff7
}

.error-wrapper p.page-404 a,
.error-wrapper p.page-404 a:hover,
.error-wrapper p.page-500 a,
.error-wrapper p.page-500 a:hover {
	color: #fff
}

.body-500 {
	background: #8075c6;
	color: #fff
}

.error-wrapper p.page-500 {
	color: #afa5f1
}

.error-wrapper .icon-500 {
	background: url(../img/500_icon.png) no-repeat;
	width: 289px;
	height: 274px;
	display: inline-block;
	margin-left: 55px
}

.profile-nav .user-heading {
	background: #ff766c;
	color: #fff;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	padding: 30px;
	text-align: center
}

.profile-nav .user-heading.round a {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 10px solid rgba(256, 256, 256, .3);
	display: inline-block
}

.profile-nav .user-heading a img {
	width: 112px;
	height: 112px;
	border-radius: 50%;
	-webkit-border-radius: 50%
}

.profile-nav .user-heading h1 {
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 5px
}

.profile-nav .user-heading p {
	font-size: 12px
}

.profile-nav ul {
	margin-top: 1px
}

.profile-nav ul>li {
	border-bottom: 1px solid #ebeae6;
	margin-top: 0;
	line-height: 30px
}

.profile-nav ul>li:last-child {
	border-bottom: none
}

.profile-nav ul>li>a {
	border-radius: 0;
	-webkit-border-radius: 0;
	color: #89817f;
	border-left: 5px solid #fff
}

.profile-nav ul li.active a,
.profile-nav ul>li>a:focus,
.profile-nav ul>li>a:hover {
	background: #f8f7f5!important;
	border-left: 5px solid #ff766c;
	color: #89817f!important
}

.profile-nav ul>li:last-child>a:last-child {
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px
}

.profile-nav ul>li>a>i {
	font-size: 16px;
	padding-right: 10px;
	color: #bcb3aa
}

.r-activity {
	margin: 6px 0 0;
	font-size: 12px
}

.p-text-area,
.p-text-area:focus {
	border: none;
	font-weight: 300;
	box-shadow: none;
	color: #c3c3c3;
	font-size: 16px
}

.profile-info .panel-footer {
	background-color: #f8f7f5;
	border-top: 1px solid #e7ebee
}

.profile-info .panel-footer ul li a {
	color: #7a7a7a
}

.bio-graph-heading {
	background: #41cac0;
	color: #fff;
	text-align: center;
	font-style: italic;
	padding: 40px 110px;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	font-size: 16px;
	font-weight: 300
}

.bio-graph-info {
	color: #89817e
}

.bio-graph-info h1 {
	font-size: 22px;
	font-weight: 300;
	margin: 0 0 20px
}

.bio-row {
	width: 50%;
	float: left;
	margin-bottom: 10px;
	padding: 0 15px
}

.bio-row p span {
	width: 100px;
	display: inline-block
}

.bio-chart,
.bio-desk {
	float: left
}

.bio-chart {
	width: 40%
}

.bio-desk {
	width: 60%
}

.bio-desk h4 {
	font-size: 15px;
	font-weight: 400
}

.bio-desk h4.terques {
	color: #4cc5cd
}

.bio-desk h4.red {
	color: #e26b7f
}

.bio-desk h4.green {
	color: #97be4b
}

.bio-desk h4.purple {
	color: #caa3da
}

.file-pos {
	margin: 6px 0 10px 0
}

.profile-activity h5 {
	font-weight: 300;
	margin-top: 0;
	color: #c3c3c3
}

.summary-head {
	background: #ee7272;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #ee7272
}

.summary-head h4 {
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 5px
}

.summary-head p {
	color: rgba(256, 256, 256, .6)
}

ul.summary-list {
	display: inline-block;
	padding-left: 0;
	width: 100%;
	margin-bottom: 0
}

ul.summary-list>li {
	display: inline-block;
	width: 19.5%;
	text-align: center
}

ul.summary-list>li>a>i {
	display: block;
	font-size: 18px;
	padding-bottom: 5px
}

ul.summary-list>li>a {
	padding: 10px 0;
	display: inline-block;
	color: #818181
}

ul.summary-list>li {
	border-right: 1px solid #eaeaea
}

ul.summary-list>li:last-child {
	border-right: none
}

.activity {
	width: 100%;
	float: left;
	margin-bottom: 10px
}

.activity.alt {
	width: 100%;
	float: right;
	margin-bottom: 10px
}

.activity span {
	float: left
}

.activity.alt span {
	float: right
}

.activity span,
.activity.alt span {
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #eee;
	text-align: center;
	color: #fff;
	font-size: 16px
}

.activity.terques span {
	background: #8dd7d6
}

.activity.terques h4 {
	color: #8dd7d6
}

.activity.purple span {
	background: #b984dc
}

.activity.purple h4 {
	color: #b984dc
}

.activity.blue span {
	background: #90b4e6
}

.activity.blue h4 {
	color: #90b4e6
}

.activity.green span {
	background: #aec785
}

.activity.green h4 {
	color: #aec785
}

.activity h4 {
	margin-top: 0;
	font-size: 16px
}

.activity p {
	margin-bottom: 0;
	font-size: 13px
}

.activity .activity-desk i,
.activity.alt .activity-desk i {
	float: left;
	font-size: 18px;
	margin-right: 10px;
	color: #bebebe
}

.activity .activity-desk {
	margin-left: 70px;
	position: relative
}

.activity.alt .activity-desk {
	margin-right: 70px;
	position: relative
}

.activity.alt .activity-desk .panel {
	float: right;
	position: relative
}

.activity-desk .panel {
	background: #f4f4f4;
	display: inline-block
}

.activity .activity-desk .arrow {
	border-right: 8px solid #f4f4f4!important
}

.activity .activity-desk .arrow {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: -7px;
	position: absolute;
	top: 13px;
	width: 0
}

.activity-desk .arrow-alt {
	border-left: 8px solid #f4f4f4!important
}

.activity-desk .arrow-alt {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	right: -7px;
	position: absolute;
	top: 13px;
	width: 0
}

.activity-desk .album {
	display: inline-block;
	margin-top: 10px
}

.activity-desk .album a {
	margin-right: 10px
}

.activity-desk .album a:last-child {
	margin-right: 0
}

.invoice-list {
	margin-bottom: 30px
}

.invoice-list h4 {
	font-weight: 300;
	font-size: 16px
}

.invoice-block {
	text-align: right
}

ul.amounts li {
	background: #f5f5f5;
	margin-bottom: 5px;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: 300
}

.invoice-btn a {
	font-weight: 300;
	margin: 0 5px;
	font-size: 16px
}

.corporate-id {
	margin-bottom: 30px
}

.panel-primary>.panel-heading.navyblue {
	background-color: #2a3542;
	border-color: #2a3542;
	color: #fff
}

.table-advance tr td {
	vertical-align: middle!important
}

.no-border {
	border-bottom: none
}

.dataTables_filter,
.dataTables_length {
	padding: 15px
}

.dataTables_info {
	padding: 0 15px
}

.dataTables_filter {
	float: right
}

.dataTables_length select {
	width: 65px;
	padding: 5px 8px
}

.dataTables_filter label,
.dataTables_length label {
	font-weight: 300
}

.dataTables_filter label {
	width: 100%
}

.dataTables_filter label input {
	width: 78%
}

.border-top {
	border-top: 1px solid #ddd
}

.dataTables_paginate.paging_bootstrap.pagination li {
	float: left;
	margin: 0 1px;
	border: 1px solid #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px
}

.dataTables_paginate.paging_bootstrap.pagination li.disabled a {
	color: #c7c7c7
}

.dataTables_paginate.paging_bootstrap.pagination li a {
	color: #797979;
	padding: 5px 10px;
	display: inline-block
}

.dataTables_paginate.paging_bootstrap.pagination li.active a,
.dataTables_paginate.paging_bootstrap.pagination li:hover a {
	color: #797979;
	background: #eee;
	border-radius: 3px;
	-webkit-border-radius: 3px
}

.dataTables_paginate.paging_bootstrap.pagination {
	float: right;
	margin-right: 15px;
	margin-top: -5px;
	margin-bottom: 15px
}

.dataTable tr:last-child {
	border-bottom: 1px solid #ddd
}

.has-toolbar.fc {
	margin-top: 50px
}

.fc-header-title {
	display: inline-block;
	margin-top: -50px;
	vertical-align: top
}

.fc-view {
	margin-top: -50px;
	overflow: hidden;
	width: 100%
}

.fc-state-default,
.fc-state-default .fc-button-inner {
	background: #f3f3f3!important;
	border-color: #ddd;
	border-style: none solid;
	color: #646464
}

.fc-state-active,
.fc-state-active .fc-button-inner,
.fc-state-hover,
.fc-state-hover .fc-button-inner {
	background: #ff6c60!important;
	color: #fff!important
}

.fc-event-skin {
	background-color: #6883a3!important;
	border-color: #6883a3!important;
	color: #fff!important
}

.fc-grid th {
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #f3f3f3!important
}

.fc-header-title h2 {
	font-size: 20px!important;
	color: #c8ccd7;
	font-weight: 300
}

.external-event {
	cursor: move;
	display: inline-block!important;
	margin-bottom: 6px!important;
	margin-right: 6px!important;
	padding: 8px
}

#external-events p input[type=checkbox] {
	margin: 0
}

.drg-event-title {
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px
}

.fc-content .fc-event {
	border-radius: 4px;
	webkit-border-radius: 4px;
	padding: 4px 6px
}

.fc-corner-left {
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px
}

.fc-corner-right {
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0
}

.drp-rmv {
	padding-top: 10px;
	margin-top: 10px
}

.btn-row {
	margin-bottom: 10px
}

.tab-head {
	background: #7087a3;
	display: inline-block;
	width: 100%;
	margin-top: 60px
}

.tab-container {
	margin-top: 10px
}

.tab-head .nav-tabs>li>a {
	border-radius: 0;
	margin-right: 1px;
	color: #fff
}

.tab-head .nav-tabs>li.active>a,
.tab-head .nav-tabs>li.active>a:focus,
.tab-head .nav-tabs>li.active>a:hover,
.tab-head .nav-tabs>li>a:hover {
	background-color: #f1f2f7;
	border-color: #f1f2f7;
	color: #797979
}

.progress-xs {
	height: 8px
}

.progress-sm {
	height: 12px
}

.panel-heading .nav {
	border: medium none;
	font-size: 13px;
	margin: -10px -15px -11px
}

.tab-bg-dark-navy-blue {
	background: #7087a3;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-bottom: none
}

.panel-heading .nav>li.active>a,
.panel-heading .nav>li.active>a:focus,
.panel-heading .nav>li.active>a:hover,
.panel-heading .nav>li>a {
	border-width: 0;
	border-radius: 0
}

.panel-heading .nav>li>a {
	color: #fff
}

.panel-heading .nav>li.active>a,
.panel-heading .nav>li>a:hover {
	color: #47596f;
	background: #fff
}

.panel-heading .nav>li:first-child.active>a,
.panel-heading .nav>li:first-child>a:hover {
	border-radius: 4px 0 0 0;
	-webkit-border-radius: 4px 0 0 0
}

.tab-right {
	height: 38px
}

.panel-heading.tab-right .nav>li:first-child.active>a,
.tab-right.panel-heading .nav>li:first-child>a:hover {
	border-radius: 0;
	-webkit-border-radius: 0
}

.panel-heading.tab-right .nav>li:last-child.active>a,
.tab-right.panel-heading .nav>li:last-child>a:hover {
	border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0
}

.panel-heading.tab-right .nav-tabs>li>a {
	margin-left: 1px;
	margin-right: 0
}

.m-bot20 {
	margin-bottom: 20px
}

.m-bot-none {
	margin-bottom: 0
}

.wht-color {
	color: #fff
}

.close-sm {
	font-size: 14px
}

.carousel-indicators li {
	background: rgba(0, 0, 0, .2);
	border: none;
	transition: background-color .25s ease 0s;
	-moz-transition: background-color .25s ease 0s;
	-webkit-transition: background-color .25s ease 0s
}

.carousel-indicators .active {
	background: #ff6c60;
	height: 10px;
	margin: 1px;
	width: 10px
}

.carousel-indicators.out {
	bottom: -5px
}

.carousel-indicators.out {
	bottom: -5px
}

.carousel-control {
	color: #999;
	text-shadow: none;
	width: 45px
}

.carousel-control i {
	display: inline-block;
	height: 25px;
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 20px;
	z-index: 5
}

.carousel-control.left,
.carousel-control.right {
	background: 0 0;
	filter: none
}

.carousel-control:focus,
.carousel-control:hover {
	color: #ccc;
	opacity: .9;
	text-decoration: none
}

.carousel-inner h3 {
	font-weight: 300;
	font-size: 16px;
	margin: 0
}

.carousel-inner {
	margin-bottom: 15px
}

.gritter-close {
	left: auto!important;
	right: 3px!important
}

.sm-input {
	width: 175px
}

.form-horizontal.tasi-form .form-group {
	border-bottom: 1px solid rgba(87, 141, 229, .11);
	padding-bottom: 10px;
	margin-bottom: 10px
}

.form-horizontal.tasi-form .form-group:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0
}

.form-horizontal.tasi-form .form-group .help-block {
	margin-bottom: 0
}

.round-input {
	border-radius: 500px;
	-webkit-border-radius: 500px
}

.m-bot15 {
	margin-bottom: 15px
}

.form-horizontal.tasi-form .checkbox-inline>input {
	margin-top: 1px;
	border: none
}

.cmxform .form-group label.error {
	display: inline;
	margin: 5px 0;
	color: #b94a48;
	font-weight: 400
}

.cmxform .form-group input.error,
.cmxform .form-group textarea.error,
input:focus:invalid:focus,
select:focus:invalid:focus,
textarea:focus:invalid:focus {
	border-color: #b94a48!important
}

#signupForm label.error {
	display: inline;
	margin: 5px 0;
	width: auto;
	color: #b94a48
}

.checkbox,
.checkbox:focus,
.checkbox:hover {
	border: none
}

table.sliders tr td {
	padding: 30px 0;
	border: none
}

.slider {
	margin-top: 3px
}

.slider-info {
	padding-top: 10px
}

.sliders .ui-widget-header {
	background: #22bacf!important;
	border-radius: 15px!important;
	-webkit-border-radius: 15px!important
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
	border-bottom-right-radius: 0!important
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
	border-bottom-left-radius: 0!important
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
	border-top-right-radius: 0!important
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
	border-top-left-radius: 0!important
}

#eq span {
	height: 120px;
	float: left;
	margin: 15px
}

.ui-widget-content {
	background: #f0f2f7!important;
	border: none!important;
	border-radius: 15px!important;
	-webkit-border-radius: 15px!important
}

.ui-slider-horizontal {
	height: 8px!important
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.57em!important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #ccc!important
}

.ui-slider-vertical {
	width: 8px!important
}

.ui-slider-vertical .ui-slider-handle {
	left: -.5em!important
}

.ui-slider .ui-slider-handle {
	cursor: default;
	height: 1.6em;
	position: absolute;
	width: 1.6em;
	z-index: 2
}

.panel-body input[type=checkbox],
.panel-body input[type=radio] {
	vertical-align: middle!important;
	font-size: 16px!important
}

.panel-body input[type=checkbox] {
	margin-right: 5px;
	display: none
}

.complaint .main-heading h1,
.main-heading h1 {
	margin: 0
}

.apprantice-application-wrap h1 {
	margin-bottom: 0
}

.complaint .panel-body {
	padding-top: 0;
	color: #333
}

.required-document-wrap .cheklist-wraper span {
	font-weight: 400;
	padding-left: 30px
}

.required-document-wrap .cheklist-wraper label {
	padding: 0
}

.panel-body .apprentice h3 {
	font-weight: 700;
	margin: 40px 0 20px 0;
	font-size: 20px;
	background: #cccccc3b;
	padding: 10px 0;
	text-align: center
}

.required-document-wrap .styled-checkbox:checked+label:after {
	top: 9px
}

.required-document-wrap .file-upload-wrapper {
	margin-top: 11px
}

.required-document-wrap .cheklist-wraper {
	margin: 0 0 0 16px
}

.affirmation-section .form-control {
	width: 300px;
	margin: 0 10px
}

.d-flex {
	display: flex;
	align-items: baseline
}

.affirmation-section span.input-span {
	display: inline-block
}

.signature .form-control {
	width: 100%;
	margin: 0
}

.signature {
	margin-bottom: 20px
}

.panel-body .inline-span {
	vertical-align: middle
}

.panel-body .table-responsive th {
	font-size: 16px!important
}

.question-check {
	font-size: 16px
}

.panel-body #screen1,
.panel-body #screen2,
.panel-body #screen3 {
	margin: 20px 0
}

.panel-body #screen2,
.panel-body #screen3,
.user-opt-renewal-page .panel-body #screen1 {
	margin: 0
}

.panel-body .fs14,
.panel-body h5,
.panel-body p,
.panel-body span {
	font-size: 16px
}

.apprentice span {
	font-size: 14px
}

.show-address {
	max-width: 400px!important
}

.user-opt-renewal-page label {
	font-size: 16px
}

.screenin-question-wrap .question ol {
	padding: 0;
	font-weight: 600;
	font-size: 16px
}

.screening-question-section .form-group {
	margin-bottom: 0
}

span.apprenticeship {
	margin-bottom: 0;
	margin-top: 10px
}

.apprenticeship-wrap label {
	display: block!important
}

.screenin-question-wrap {
	margin-top: 30px
}

.screenin-question-wrap.sub-child {
	margin-top: 10px
}

.screening-question-section span {
	font-size: 17px!important;
	font-style: normal
}

.optician-front .milletry-cover {
	margin-top: 10px
}

.bound-s {
	width: 90px;
	margin-bottom: 15px
}

.spacer {
	margin: 20px 0;
	display: block
}

.form-flex {
	display: flex
}

.user-opt-army .military-question-wrap {
	flex: 1
}

.user-opt-child-support [type=radio]:checked+label:before,
.user-opt-child-support [type=radio]:not(:checked)+label:before {
	top: -15px!important
}

.education-section input[type=checkbox] {
	margin-top: 5px
}

.user-optician-form-milletry .parsley-error {
	border: 1px solid red!important
}

.admin-screening-wrap .radiowrap .parsley-errors-list.filled {
	position: absolute;
	top: 25px;
	left: 4px;
	width: 130px
}

.admin-screening-wrap .radiowrap ul {
	position: absolute
}

.admin-optican .branch-icons-cover span {
	position: relative
}

.cheklist-wraper {
	display: block;
	padding-left: 5px;
	position: relative
}

.apprantice-page-panel .cheklist-wraper {
	margin: 0 0;
	display: block;
	padding-left: 35px;
	position: relative
}

.cheklist-wraper input[type=checkbox] {
	margin-top: 5px
}

.cheklist-wraper label {
	font-weight: 400;
	font-size: 16px
}

.cheklist-wraper {
	margin: 20px 0
}

.has-switch {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	display: inline-block;
	cursor: pointer;
	line-height: 1.231;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 80px;
	-webkit-mask: url(../img/mask.png) 0 0 no-repeat;
	mask: url(../img/mask.png) 0 0 no-repeat;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

.has-switch.deactivate {
	opacity: .5;
	cursor: default!important
}

.has-switch.deactivate label,
.has-switch.deactivate span {
	cursor: default!important
}

.has-switch>div {
	width: 162%;
	position: relative;
	top: 0
}

.has-switch>div.switch-animate {
	-webkit-transition: left .25s ease-out;
	-moz-transition: left .25s ease-out;
	-o-transition: left .25s ease-out;
	transition: left .25s ease-out;
	-webkit-backface-visibility: hidden
}

.has-switch>div.switch-off {
	left: -63%
}

.has-switch>div.switch-off label {
	background-color: #7f8c9a;
	border-color: #bdc3c7;
	-webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, .5);
	-moz-box-shadow: -1px 0 0 rgba(255, 255, 255, .5);
	box-shadow: -1px 0 0 rgba(255, 255, 255, .5)
}

.has-switch>div.switch-on {
	left: 0
}

.has-switch>div.switch-on label {
	background-color: #41cac0
}

.has-switch input[type=checkbox] {
	display: none
}

.has-switch span {
	cursor: pointer;
	font-size: 14.994px;
	font-weight: 700;
	float: left;
	height: 29px;
	line-height: 19px;
	margin: 0;
	padding-bottom: 6px;
	padding-top: 5px;
	position: relative;
	text-align: center;
	width: 50%;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .25s ease-out;
	-moz-transition: .25s ease-out;
	-o-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-backface-visibility: hidden
}

.has-switch span.switch-left {
	border-radius: 30px 0 0 30px;
	background-color: #2a3542;
	color: #41cac0;
	border-left: 1px solid transparent
}

.has-switch span.switch-right {
	border-radius: 0 30px 30px 0;
	background-color: #bdc3c7;
	color: #fff;
	text-indent: 7px
}

.has-switch span.switch-right [class*=fui-] {
	text-indent: 0
}

.has-switch label {
	border: 4px solid #2a3542;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	float: left;
	height: 29px;
	margin: 0 -21px 0 -14px;
	padding: 0;
	position: relative;
	vertical-align: middle;
	width: 29px;
	z-index: 100;
	-webkit-transition: .25s ease-out;
	-moz-transition: .25s ease-out;
	-o-transition: .25s ease-out;
	transition: .25s ease-out;
	-webkit-backface-visibility: hidden
}

.switch-square {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-mask: url(../img/mask.png) 0 0 no-repeat;
	mask: url(../img/mask.png) 0 0 no-repeat
}

.switch-square>div.switch-off label {
	border-color: #7f8c9a;
	border-radius: 6px 0 0 6px
}

.switch-square span.switch-left {
	border-radius: 6px 0 0 6px
}

.switch-square span.switch-left [class*=fui-] {
	text-indent: -10px
}

.switch-square span.switch-right {
	border-radius: 0 6px 6px 0
}

.switch-square span.switch-right [class*=fui-] {
	text-indent: 5px
}

.switch-square label {
	border-radius: 0 6px 6px 0;
	border-color: #41cac0
}

.tagsinput {
	border: 1px solid #e3e6ed;
	border-radius: 6px;
	height: 100px;
	padding: 6px 1px 1px 6px;
	overflow-y: auto;
	text-align: left
}

.tagsinput .tag {
	border-radius: 4px;
	background-color: #41cac0;
	color: #fff;
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	line-height: 15px;
	padding: 6px 13px 8px 19px;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	zoom: 1;
	-webkit-transition: .14s linear;
	-moz-transition: .14s linear;
	-o-transition: .14s linear;
	transition: .14s linear;
	-webkit-backface-visibility: hidden
}

.tagsinput .tag:hover {
	background-color: #39b1a8;
	color: #fff;
	padding-left: 12px;
	padding-right: 20px
}

.tagsinput .tag:hover .tagsinput-remove-link {
	color: #fff;
	opacity: 1
}

.tagsinput input {
	background: 0 0;
	border: none;
	color: #34495e;
	font-family: Lato, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0 0 0 5px;
	outline: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 12px
}

.tagsinput-remove-link {
	bottom: 0;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	opacity: 0;
	padding: 7px 7px 5px 0;
	position: absolute;
	right: 0;
	text-align: right;
	text-decoration: none;
	top: 0;
	width: 100%;
	z-index: 2
}

.tagsinput-remove-link:before {
	color: #fff;
	content: "\f00d";
	font-family: FontAwesome
}

.tagsinput-add-container {
	vertical-align: middle;
	display: inline-block;
	zoom: 1
}

.tagsinput-add {
	background-color: #d6dbdf;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	margin-bottom: 5px;
	padding: 6px 9px;
	display: inline-block;
	zoom: 1;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	-webkit-backface-visibility: hidden
}

.tagsinput-add:hover {
	background-color: #3bb8af
}

.tagsinput-add:before {
	content: "\f067";
	font-family: FontAwesome
}

.tags_clear {
	clear: both;
	width: 100%;
	height: 0
}

.checkboxes label,
.radios label {
	display: block;
	cursor: pointer;
	line-height: 20px;
	padding-bottom: 7px;
	font-weight: 300
}

.radios {
	padding-top: 18px
}

.label_check input,
.label_radio input {
	margin-right: 5px
}

.has-js .label_check,
.has-js .label_radio {
	padding-left: 34px
}

.has-js .label_radio {
	background: url(../img/checkbox/radio-off.png) no-repeat
}

.has-js .label_check {
	background: url(../img/checkbox/check-off.png) no-repeat
}

.has-js label.c_on {
	background: url(../img/checkbox/check-on.png) no-repeat
}

.has-js label.r_on {
	background: url(../img/checkbox/radio-on.png) no-repeat
}

.has-js .label_check input,
.has-js .label_radio input {
	position: absolute;
	left: -9999px
}

.add-on {
	float: right;
	margin-top: -37px;
	padding: 3px;
	text-align: center
}

.add-on .btn {
	padding: 9px
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
	margin-bottom: 10px;
	padding-left: 0
}

.daterangepicker .ranges label {
	padding-bottom: 0;
	padding-top: 8px
}

.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active:active,
.datepicker td span.active:hover,
.datepicker td span.active[disabled],
.datepicker td.active.active,
.datepicker td.active.active:hover,
.datepicker td.active.disabled,
.datepicker td.active.disabled:hover,
.datepicker td.active:active,
.datepicker td.active:hover,
.datepicker td.active:hover:active,
.datepicker td.active:hover:hover,
.datepicker td.active[disabled],
.datepicker td.active[disabled]:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover {
	background: #41cac0
}

.daterangepicker .calendar td,
.daterangepicker .calendar th {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-align: center;
	white-space: nowrap
}

.datepicker td span.active,
.datepicker td.active,
.datepicker td.active:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover {
	text-shadow: none
}

.datepicker th.switch {
	width: 125px
}

.datepicker td span {
	height: 40px;
	line-height: 40px
}

.bootstrap-timepicker table td input {
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px
}

.cke_bottom,
.cke_top {
	background: #f5f5f5!important;
	background: -moz-linear-gradient(center top, #f5f5f5, #f5f5f5) repeat scroll 0 0 #f5f5f5!important;
	background: -webkit-linear-gradient(center top, #f5f5f5, #f5f5f5) repeat scroll 0 0 #f5f5f5!important;
	background: -o-linear-gradient(center top, #f5f5f5, #f5f5f5) repeat scroll 0 0 #f5f5f5!important;
	box-shadow: none;
	padding: 6px 8px 2px
}

.cke_top {
	border-bottom: 1px solid #ccc!important
}

.cke_chrome {
	display: block;
	padding: 0
}

.stepy-tab {
	text-align: center
}

.stepy-tab ul {
	display: inline-block
}

.stepy-tab ul li {
	float: left
}

.step legend {
	border: none
}

.button-back {
	float: left
}

.button-next,
.finish {
	float: right
}

.button-back,
.button-next,
.finish {
	cursor: pointer;
	text-decoration: none
}

.step {
	clear: left
}

.step label {
	display: block
}

.stepy-titles li {
	color: #757575;
	cursor: pointer;
	float: left;
	margin: 10px 15px
}

.stepy-titles li span {
	display: block
}

.stepy-titles li.current-step div {
	color: #fff;
	cursor: auto;
	background: #a9d86e;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 100px;
	height: 100px;
	line-height: 100px
}

.stepy-titles li div {
	font-size: 16px;
	font-weight: 300;
	background: #eee;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 100px;
	height: 100px;
	line-height: 100px
}

.user-heading.alt {
	display: inline-block;
	width: 100%;
	text-align: left
}

.alt.green-bg {
	background: #aec785
}

.profile-nav.alt.green-border ul li.active a,
.profile-nav.alt.green-border ul>li>a:focus,
.profile-nav.alt.green-border ul>li>a:hover {
	border-left: 5px solid #aec785
}

.user-heading.alt a {
	float: left;
	margin-right: 15px;
	margin-left: -10px;
	display: inline-block;
	border: 5px solid rgba(255, 255, 255, .3);
	border-radius: 50%;
	-webkit-border-radius: 50%
}

.user-heading.alt a img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-webkit-border-radius: 50%
}

.twt-feed {
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	color: #fff;
	padding: 10px;
	position: relative;
	text-align: center
}

.twt-feed.blue-bg {
	background: #58c9f3
}

.twt-feed h1 {
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 5px
}

.twt-feed a {
	border: 8px solid #fff;
	border-radius: 50%;
	-webit-border-radius: 50%;
	display: inline-block;
	margin-bottom: -55px
}

.twt-feed a img {
	height: 112px;
	width: 112px;
	border-radius: 50%;
	-webit-border-radius: 50%
}

.twt-category {
	display: inline-block;
	margin-bottom: 11px;
	margin-top: 55px;
	width: 100%
}

.twt-category ul li {
	color: #89817f;
	font-size: 13px
}

.twt-category h5 {
	font-size: 20px;
	font-weight: 300
}

.twt-write .t-text-area {
	border: 1px solid #eee;
	border-radius: 0
}

.twt-footer {
	padding: 10px 15px
}

.btn-space {
	padding-left: 11.6%;
	padding-right: 11%
}

.p-head {
	color: #f77b6f;
	font-weight: 400;
	font-size: 14px
}

.cmt-head {
	font-weight: 400;
	font-size: 13px
}

.p-thumb img {
	width: 50px;
	height: 50px;
	border-radius: 3px;
	-webkit-border-radius: 3px
}

.chat-form {
	margin-top: 25px;
	clear: both
}

.chat-form .input-cont {
	margin-bottom: 10px
}

.chat-form .input-cont input {
	margin-bottom: 0
}

.chat-form .input-cont input {
	border: 1px solid #d3d3d3!important;
	margin-top: 0;
	min-height: 45px
}

.chat-form .input-cont input {
	background-color: #fff!important
}

.chat-features a {
	margin-left: 10px
}

.chat-features a i {
	color: #d0d0d0
}

.timeline-messages:before {
	background: rgba(0, 0, 0, .1);
	bottom: 0;
	top: 0;
	width: 2px
}

.msg-time-chat .text:before,
.msg-time-chat:before,
.timeline-messages:before {
	content: "";
	left: 60px;
	position: absolute;
	top: -2px
}

.msg-time-chat,
.timeline-messages,
.timeline-messages .msg-in,
.timeline-messages .msg-out {
	position: relative
}

.timeline-messages .msg-in .arrow {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: -8px;
	position: absolute;
	top: 13px;
	width: 0
}

.timeline-messages .msg-out .arrow {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: -8px;
	position: absolute;
	top: 13px;
	width: 0
}

.msg-time-chat:first-child:before {
	margin-top: 16px
}

.msg-time-chat:before {
	background: #ccc;
	border: 2px solid #fafafa;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	height: 14px;
	margin: 23px 0 0 -6px;
	width: 14px
}

.msg-time-chat:hover:before {
	background: #41cac0
}

.msg-time-chat:first-child {
	padding-top: 0
}

.message-img {
	float: left;
	margin-right: 30px;
	overflow: hidden
}

.message-img img {
	display: block;
	height: 44px;
	width: 44px
}

.message-body {
	margin-left: 80px
}

.msg-time-chat .msg-in .text {
	border: 1px solid #e3e6ed;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px
}

.msg-time-chat .msg-out .text {
	border: 1px solid #e3e6ed;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px
}

.msg-time-chat p {
	margin: 0
}

.msg-time-chat .attribution {
	font-size: 11px;
	margin: 0 0 5px
}

.msg-time-chat {
	overflow: hidden;
	padding: 8px 0
}

.msg-in a,
.msg-in a:hover {
	color: #b64c4c;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right: 10px;
	font-weight: 400;
	font-size: 13px
}

.msg-out a,
.msg-out a:hover {
	color: #288f98;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right: 10px;
	font-weight: 400;
	font-size: 13px
}

span.customSelect {
	font-size: 12px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #eaeaea;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #a4aaba
}

span.customSelect.changed {
	background-color: #fff
}

.customSelectInner {
	background: url(../img/customSelect-arrow.gif) no-repeat center right
}

.boxed-page {
	background-color: #ccc!important
}

.boxed-page .container {
	background: #2a3542;
	padding-left: 0;
	padding-right: 0
}

.boxed-page .container #sidebar {
	position: inherit
}

.boxed-page .container .header .container {
	background: #fff
}

.boxed-page .container aside {
	float: left
}

.boxed-page .container .wrapper {
	background: #f1f2f7;
	min-height: 900px
}

.tools a {
	margin-left: 10px;
	color: #a7a7a7;
	font-size: 12px
}

.gmaps {
	height: 300px;
	width: 100%
}

.rating {
	unicode-bidi: bidi-override;
	direction: rtl;
	font-size: 30px
}

.rating span.star {
	font-family: FontAwesome;
	font-weight: 400;
	font-style: normal;
	display: inline-block
}

.rating span.star:hover {
	cursor: pointer
}

.rating span.star:before {
	content: "\f006";
	padding-right: 5px;
	color: #bec3c7
}

.rating span.star:hover:before,
.rating span.star:hover~span.star:before {
	content: "\f005";
	color: #41cac0
}

.classic-search {
	margin-bottom: 30px
}

.classic-search h4 {
	margin-bottom: 3px;
	font-weight: 300;
	font-size: 16px
}

.classic-search h4 a {
	color: #314558
}

.classic-search h4 a:hover {
	text-decoration: underline
}

#editor-container {
	width: 100%;
	margin: 10px auto 0
}

#header-editor {
	overflow: hidden;
	padding: 0 0 30px;
	border-bottom: 1px solid #eaeaea;
	position: relative
}

#headerLeft,
#headerRight {
	width: 49%;
	overflow: hidden
}

#headerLeft {
	float: left;
	padding: 10px 1px 1px
}

#headerLeft h2,
#headerLeft h3 {
	margin: 0;
	overflow: hidden;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif
}

#headerLeft h2 {
	font-size: 2.6em;
	line-height: 1.1em;
	text-transform: capitalize;
	color: #314558;
	margin-bottom: 20px
}

#headerLeft h3 {
	font-size: 1.5em;
	line-height: 1.1em;
	margin: .2em 0 0;
	color: #757575
}

#headerRight {
	float: right;
	padding: 1px
}

#headerRight p {
	line-height: 1.8em;
	text-align: justify;
	margin: 0
}

#headerRight p+p {
	margin-top: 20px
}

#headerRight>div {
	padding: 20px;
	margin: 0 0 0 30px;
	font-size: 1.1em;
	color: #757575
}

#columns {
	color: #757575;
	overflow: hidden;
	padding: 20px 0
}

#columns h3 {
	color: #314558
}

#columns>div {
	float: left;
	width: 33.3%
}

#columns #column1>div {
	margin-left: 1px
}

#columns #column3>div {
	margin-right: 1px
}

#columns>div>div {
	margin: 0 10px;
	padding: 10px 20px
}

#columns blockquote {
	margin-left: 15px
}

#taglist {
	display: inline-block;
	margin-left: 20px;
	font-weight: 700;
	margin: 0 0 0 20px
}

.cke_editable.cke_editable_inline.cke_focus {
	background: #fcfcfc;
	border: 1px solid #eaeaea;
	cursor: text;
	outline: medium none
}

.adv-table table tr td,
.adv-table table tr th {
	padding: 5px;
	position: relative
}

.adv-table table.display thead th {
	border-bottom: 1px solid #ddd;
	padding: 10px
}

table.shipping-table tr td {
	vertical-align: middle
}

table.shipping-table tr td .form-control.input-sm {
	font-size: 14px
}

table.shipping-table tr td .label-mini {
	padding: .8em .8em
}

table.shipping-table tr td .btn-xs {
	padding: 4px 9px
}

tr.even.gradeA td.sorting_1,
tr.odd td.sorting_1,
tr.odd.gradeA td.sorting_1 {
	background: 0 0
}

td.details {
	background-color: #eee
}

.dataTable tr:last-child,
td.details table tr td {
	border: none
}

.adv-table table.display tr.odd.gradeA {
	background-color: #f9f9f9
}

.adv-table table.display tr.even.gradeA {
	background-color: #fff
}

.adv-table .dataTables_filter label input {
	float: right;
	margin-left: 10px;
	width: 78%
}

.adv-table .dataTables_filter label {
	line-height: 33px;
	width: 100%
}

.adv-table .dataTables_length select {
	display: inline-block;
	margin: 0 10px;
	padding: 5px 8px;
	width: 65px
}

.adv-table .dataTables_info,
.dataTables_paginate {
	padding: 15px
}

.adv-table .dataTables_filter,
.adv-table .dataTables_length {
	padding: 15px 0
}

.cke_chrome {
	border: none!important
}

.editable-table .dataTables_filter {
	width: 80%
}

table.display tr.even.gradeC,
table.display tr.even.gradeU,
table.display tr.even.gradeX,
table.display tr.gradeC,
table.display tr.gradeU,
table.display tr.gradeX,
tr.even td.sorting_1,
tr.even.gradeU td.sorting_1,
tr.even.gradeX td.sorting_1,
tr.odd.gradeC td.sorting_1,
tr.odd.gradeU td.sorting_1,
tr.odd.gradeX td.sorting_1 {
	background: 0 0!important
}

.flot-chart .bars,
.flot-chart .chart,
.flot-chart .pie {
	height: 300px
}

.demo-xchart {
	height: 400px;
	width: 100%
}

.full-width #main-content {
	margin-left: 0
}

.horizontal-menu {
	margin-left: 50px;
	float: left
}

.horizontal-menu .navbar-nav>li>a {
	padding-bottom: 20px;
	padding-top: 20px
}

.full-width .navbar-header {
	width: 100%
}

.full-width .nav .open>a,
.full-width .nav .open>a:focus,
.full-width .nav .open>a:hover,
.full-width .nav li.active a,
.full-width .nav li.dropdown a:hover,
.full-width .nav li.dropdown.open a:focus,
.full-width .nav>li>a:hover {
	background-color: #f77b6f;
	text-decoration: none;
	color: #fff;
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s
}

.full-width .dropdown-menu {
	box-shadow: none
}

.full-width .dropdown-menu>li>a {
	padding: 10px 20px;
	font-size: 13px
}

.form-body {
	padding: 20px
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
	background-color: #2a3542;
	color: #fff;
	cursor: pointer;
	text-decoration: none
}

.ms-container .ms-list,
.ms-container .ms-list.ms-focus {
	box-shadow: none!important
}

.ms-container .ms-list.ms-focus {
	border: 1px solid #2a3542
}

.ms-selectable .search-input,
.ms-selection .search-input {
	margin-bottom: 10px
}

.spinner-buttons.btn-group-vertical .btn {
	height: 17px;
	margin: 0;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
	width: 22px
}

.spinner-buttons.btn-group-vertical .btn i {
	margin-top: -3px
}

.spinner-buttons.btn-group-vertical .btn:first-child {
	border-radius: 0 4px 0 0!important;
	-webkit-border-radius: 0 4px 0 0!important
}

.spinner-buttons.btn-group-vertical .btn:last-child {
	border-radius: 0 0 4px!important;
	-webkit-border-radius: 0 0 4px!important
}

.wysihtml5-toolbar .btn-default {
	background: #fff;
	color: #757575
}

#sortable {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%
}

#sortable li {
	padding-left: 3em;
	font-size: 12px
}

#sortable li i {
	position: absolute;
	left: 6px;
	padding: 4px 10px 0 10px;
	cursor: pointer
}

#sortable li input[type=checkbox] {
	margin-top: 0
}

.ui-sortable>li {
	padding: 15px 0 15px 35px!important;
	position: relative;
	background: #f5f6f8;
	margin-bottom: 2px;
	border-bottom: none!important
}

.ui-sortable li.list-primary {
	border-left: 3px solid #41cac0
}

.ui-sortable li.list-success {
	border-left: 3px solid #78cd51
}

.ui-sortable li.list-danger {
	border-left: 3px solid #ff6c60
}

.ui-sortable li.list-warning {
	border-left: 3px solid #f1c500
}

.ui-sortable li.list-info {
	border-left: 3px solid #58c9f3
}

.ui-sortable li.list-inverse {
	border-left: 3px solid #bec3c7
}

.lock-screen {
	background-color: #373e4a
}

.lock-screen-frontend {
	background-color: #f1f2f7
}

.lock-screen-frontend form {
	background: #deecf6;
	top: 30px
}

.lock-screen-frontend h2 {
	color: #070707;
	font-weight: 500
}

.lock-screen-frontend input {
	border: 1px solid #ccc;
	background-color: #fff!important;
	box-shadow: -1px 2px 8px 1px rgba(0, 0, 0, .1)!important;
	height: 46px
}

.lock-screen-frontend button {
	background-color: #6dbb4a;
	border-color: #6dbb4a;
	color: #fff
}

.lock-screen .login-logo a {
	color: #fff!important
}

.lock-screen-frontend .align-center {
	text-align: center;
	margin-top: 20px
}

.lock-wrapper {
	margin: 10% auto;
	max-width: 330px
}

.lock-box {
	background: rgba(255, 255, 255, .3);
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative
}

.lock-wrapper img {
	position: absolute;
	left: 40%;
	top: -40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 5px solid #fff
}

.lock-wrapper h1 {
	text-align: center;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	padding: 20px 0 0 0
}

.lock-wrapper .locked {
	margin-bottom: 20px;
	display: inline-block;
	color: #026f7a
}

.btn-lock,
.btn-lock:hover {
	background: #312e2e;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	border-color: #312e2e
}

.lock-input {
	width: 83%;
	border: none;
	float: left;
	margin-right: 3px
}

#time {
	width: 100%;
	color: #fff;
	font-size: 40px;
	margin-bottom: 80px;
	display: inline-block;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300
}

.language {
	margin-top: 4px
}

.language .dropdown-menu {
	border: 1px solid #eee;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .176)!important
}

.language .dropdown-menu li a {
	border-bottom: 1px solid #eee;
	padding: 10px
}

.language .dropdown-menu li:last-child a {
	border-bottom: none
}

.language .dropdown-menu li a {
	font-size: 13px
}

.prod-cat li a {
	border-bottom: 1px dashed #d9d9d9
}

.prod-cat li a {
	color: #3b3b3b
}

.prod-cat li ul {
	margin-left: 30px
}

.prod-cat li ul li a {
	border-bottom: none
}

.prod-cat li a.active,
.prod-cat li a:focus,
.prod-cat li a:hover,
.prod-cat li ul li a:focus,
.prod-cat li ul li a:hover,
.prod-cat li ul li.active a {
	background: 0 0;
	color: #ff7261
}

.pro-lab {
	margin-right: 20px;
	font-weight: 400
}

.pro-sort {
	padding-right: 20px;
	float: left
}

.pro-page-list {
	margin: 5px 0 0 0
}

.product-list img {
	width: 100%;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0
}

.product-list .pro-img-box {
	position: relative
}

.adtocart {
	background: #fc5959;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #fff;
	display: inline-block;
	text-align: center;
	border: 3px solid #fff;
	left: 45%;
	bottom: -25px;
	position: absolute
}

.adtocart i {
	color: #fff;
	font-size: 25px;
	line-height: 42px
}

.pro-title {
	color: #5a5a5a;
	display: inline-block;
	margin-top: 20px;
	font-size: 16px
}

.product-list .price {
	color: #fc5959;
	font-size: 15px
}

.pro-img-details {
	margin-left: -15px
}

.pro-img-details img {
	width: 100%
}

.pro-d-title {
	font-size: 16px;
	margin-top: 0
}

.product_meta {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	margin: 15px 0
}

.product_meta span {
	display: block;
	margin-bottom: 10px
}

.pro-price,
.product_meta a {
	color: #fc5959
}

.amount-old,
.pro-price {
	font-size: 18px;
	padding: 0 10px
}

.amount-old {
	text-decoration: line-through
}

.quantity {
	width: 120px
}

.pro-img-list {
	margin: 10px 0 0 -15px;
	width: 100%;
	display: inline-block
}

.pro-img-list a {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px
}

.pro-d-head {
	font-size: 18px;
	font-weight: 300
}

.site-footer {
	background: #5b6e84;
	color: #fff;
	padding: 10px 0
}

.go-top {
	margin-right: 1%;
	float: right;
	background: rgba(255, 255, 255, .5);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-border-radius: 50%
}

.go-top i {
	color: #2a3542
}

.site-min-height {
	min-height: 900px
}

form .error {
	color: red
}

.commission_set {
	color: #ca1e0f;
	padding: 0 0 0 15px;
	font-size: 18px
}

.design_color_drop_down li {
	padding: 4px 10px;
	cursor: pointer
}

.design_color_drop_down {
	max-height: 300px;
	overflow: auto
}

.design_color_active {
	background: #766565;
	color: #fff!important
}

.design_color_box {
	padding: 1px 9px 0 9px;
	margin-right: 5px;
	border: 1px solid #000
}

.msg_error {
	color: red;
	font-size: 13px;
	line-height: 32px!important;
	text-align: center;
	font-weight: 700;
	padding: 5px
}

.table_head {
	font-size: 13px
}

.design-img-custom img {
	display: block;
	margin: 0 auto
}

.design-img-custom-head {
	text-transform: capitalize;
	font-size: 20px;
	padding-top: 13px;
	color: #ff6c60;
	padding-bottom: 9px
}

.no-padding {
	padding: 0
}

.no-padding-right {
	padding-right: 0
}

.no-padding-left {
	padding-left: 0
}

.no-padding-top {
	padding-top: 0
}

.tabel-head-section {
	margin-bottom: 25px;
	margin-top: 15px
}

.editor-text-capture {
	width: 45px
}

.choose-color-custom {
	border-bottom: 1px solid rgba(153, 153, 153, .16);
	font-size: 14px;
	font-weight: 700;
	color: rgba(33, 38, 60, .81)
}

.custom-design-editor {
	margin-top: 20px
}

.custom-design-editor table tr td {
	padding: 8px 10px 3px 0
}

.custom-design-editor select {
	padding: 3px 8px;
	line-height: 37px;
	border-radius: 3px;
	border: 1px solid #9b9a9a
}

.custom-design-editor input[type=number] {
	padding: 2px;
	line-height: 20px;
	border-radius: 3px;
	border: 1px solid #9b9a9a;
	text-align: center
}

.custom-design-editor input[type=text] {
	padding: 3px 3px 3px 7px;
	line-height: 20px;
	border-radius: 3px;
	border: 1px solid #9b9a9a
}

.design-editor-label {
	padding: 0 0 1px 2px;
	display: block;
	color: rgba(53, 69, 110, .97);
	font-weight: 700
}

.custom-design-editor .form-group {
	margin-top: 10px
}

.bread_parent .breadcrumb {
	margin-bottom: 0;
	background: 0 0;
	border: none
}

.bread_parent {
	background-color: rgba(244, 242, 242, .39);
	border: 1px solid rgba(224, 220, 220, .32)
}

.info-msg {
	background-color: #d9edf7;
	border-radius: 2px;
	padding: 12px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px
}

.div_border {
	border-bottom: 1px solid #c8c8c8
}

.partition {
	border-right: 2px solid #8d939a
}

.thead_color {
	background: #7d7e7d;
	background: -moz-linear-gradient(top, #7d7e7d 0, #0e0e0e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7d7e7d), color-stop(100%, #0e0e0e));
	background: -webkit-linear-gradient(top, #7d7e7d 0, #0e0e0e 100%);
	background: -o-linear-gradient(top, #7d7e7d 0, #0e0e0e 100%);
	background: -ms-linear-gradient(top, #7d7e7d 0, #0e0e0e 100%);
	background: linear-gradient(to bottom, #f2f2f2 0, #edf0f0 100%);
	color: #050505
}

.parent_pagiation .pagination {
	margin: 0
}

.panel-body {
	position: relative
}

.section-disabled:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffff4a;
	z-index: 11;
	cursor: not-allowed
}

.input-group-addon {
	padding: 4px 12px
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background: #fff
}

.order-select-status {
	text-indent: 15px;
	padding-left: 10px;
	position: absolute;
	top: -6px;
	left: -6px
}

.order-select-status-for-support {
	text-indent: 15px;
	padding-left: 12px;
	position: absolute;
	top: 6px;
	left: 0
}

.order-select-status:focus {
	border-color: #d3d3d6
}

.order-check-all {
	position: absolute;
	left: 21px;
	z-index: 9;
	top: 30%
}

.store-check-all {
	position: absolute;
	left: 21px;
	z-index: 9;
	top: 112px
}

.checkboxli {
	width: 33px;
	position: relative;
	z-index: 9;
	padding-right: 5px
}

.apperal-warp .checkboxli {
	width: 27px
}

.apperal-warp .checkboxli label {
	top: 0
}

.checkboxli label {
	cursor: pointer;
	position: absolute;
	width: 18px;
	height: 18px;
	top: 2px;
	left: 0;
	background: #fff;
	border: 1px solid #337ab7
}

.checkboxli label:after,
.checkboxli label:before {
	content: '';
	position: absolute;
	width: 18px;
	height: 2px;
	border-radius: 0;
	top: 9px
}

.checkboxli label:before {
	-webkit-transform: rotate(46deg);
	-moz-transform: rotate(46deg);
	transform: rotate(46deg);
	left: 2px
}

.checkboxli label:after {
	-webkit-transform: rotate(-46deg);
	-moz-transform: rotate(-46deg);
	transform: rotate(-46deg);
	right: 2px
}

.checkboxli.check-exd label {
	top: -5px
}

.checkboxli input[type=checkbox]:checked+label:after,
.checkboxli input[type=checkbox]:checked+label:before {
	opacity: 1;
	content: '';
	position: absolute;
	width: 10px;
	height: 6px;
	background: rgba(255, 255, 255, 1);
	top: 4px;
	left: 3px;
	border: 3px solid #2165a7;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-46deg);
	-moz-transform: rotate(-46deg);
	-o-transform: rotate(-46deg);
	-ms-transform: rotate(-46deg);
	transform: rotate(-46deg)
}

.add-catg-btn-warp {
	padding-bottom: 10px
}

.top-menu {
	margin-left: auto;
	margin-right: auto;
	float: none;
	clear: both;
	display: block
}

.icon-shop:before {
	content: "\e600"
}

.top-menu li a {
	display: inline-block;
	padding: 2px 20px;
	font-size: 18px;
	text-align: center;
	transition: color .3s, background .3s, transform .5s ease;
	color: #222;
	text-transform: capitalize
}

.top-menu li:last-child a {
	border: 0!important
}

.top-menu li a span {
	display: inline-block;
	font-size: 14px
}

.admin-logout {
	background-color: #eee;
	border-radius: 5px;
	padding: 8px 7px!important;
	top: 10px
}

.top-menu li a i {
	display: inline-block
}

.top-menu li a .counter {
	display: inline-block;
	min-width: 10px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #ff8260;
	border-radius: 2px
}

.product-specification-warp .fileinput .thumbnail {
	width: auto!important;
	height: auto!important
}

.toggle-inner-panel {
	background: #dcdcdc!important;
	border: 1px solid #ccc
}


/*!

     * Yamm!3 - Yet another megamenu for Bootstrap 3

     * http://geedmo.github.com/yamm3

     * 

     * @geedmo - Licensed under the MIT license

     */

.yamm .collapse,
.yamm .dropdown,
.yamm .dropup,
.yamm .nav {
	position: static
}

.yamm .container,
.yamm .navbar-inner {
	position: relative
}

.yamm .dropdown-menu {
	left: auto
}

.yamm .dropdown-menu>li {
	display: block
}

.yamm .dropdown-submenu .dropdown-menu {
	left: 100%
}

.yamm .nav.pull-right .dropdown-menu {
	right: 0
}

.yamm .yamm-content {
	padding: 15px;
	text-align: left
}

.yamm-content li a:hover {
	color: #2584e2
}

.yamm .yamm-content:after,
.yamm .yamm-content:before {
	display: table;
	content: "";
	line-height: 0
}

.yamm .yamm-content:after {
	clear: both
}

.yamm.navbar .nav>li>.dropdown-menu:after,
.yamm.navbar .nav>li>.dropdown-menu:before {
	display: none
}

.yamm .dropdown.yamm-fullwidth .dropdown-menu {
	width: 100%;
	left: 0;
	right: 0
}

.main-heading {
	text-align: center;
	font-weight: 700
}

.main-heading h1 {
	font-size: 28px;
	font-weight: 600;
	text-transform: capitalize;
	color: #000!important;
	margin-top: 10px
}

.admin-apprentice-page .radio-wrap {
	position: absolute;
	right: 20px;
	top: 13px
}

.tabel-last-col {
	opacity: 0
}

.admin-apprentice-page .tabel-last-col {
	position: relative
}

.admin-apprentice-page .remove_field {
	position: absolute;
	right: 16px;
	padding: 2px 7px 3px;
	margin-top: 11px;
	font-size: 14px
}

.work-info-wrap .file-upload-wrapper {
	margin-top: 0!important
}

.add-new-work-info-row .btn {
	font-size: 18px
}

.admin-apprentice-page .screening-section {
	margin-top: 25px
}

.admin-apprentice-page .screening-section [type=radio]:checked+label:before,
.admin-apprentice-page .screening-section [type=radio]:not(:checked)+label:before {
	top: -9px
}

.apprantice-page span.disclaimer {
	font-size: 17px!important;
	font-weight: 700;
	padding: 3px 15px;
	display: block;
	margin-bottom: 10px
}

.form-link {
	text-decoration: underline;
	color: #000
}

.nevada-business input {
	width: 30%!important
}

.question-display-wrap {
	display: flex
}

.block {
	display: block!important;
	width: 100%
}

span.numbring {
	padding-right: 10px
}

.mt {
	margin-top: 10px
}

@media (max-width:1199px) {
	.panel-body label {
		font-size: 13px!important
	}
	.panel-body .fs14,
	.panel-body h5,
	.panel-body p {
		font-size: 16px
	}
	.apprantice-application-wrap .milletry-cover .parsley-errors-list {
		position: absolute;
		top: 25px;
		left: 25px
	}
	.full-width .horizontal-menu .navbar-nav>li>a {
		padding: 20px 10px!important
	}
	.user-opt-reniwal-army .col-sm-3 {
		padding-left: 8px!important;
		padding-right: 8px!important
	}
	.user-opt-reniwal-army {
		left: 0;
		width: 100%
	}
}

@media (max-width:969px) {
	.yamm .dropdown.yamm-fullwidth .dropdown-menu {
		width: auto
	}
	.yamm .yamm-content {
		padding-left: 0;
		padding-right: 0
	}
	.yamm .dropdown-menu>li>ul {
		display: block
	}
}

.yamm-content ul li a {
	font-size: 12px;
	color: #222;
	border: 0;
	padding: 0
}

.yamm .red-heading {
	background: #ff6c60;
	margin-top: -5px;
	padding: 10px;
	color: #fff
}

.yamm-content ul li {
	padding-bottom: 3px;
	border-bottom: 1px solid #e7e7e7
}

.top-nav .navbar-toggle {
	background: #222
}

.top-nav .navbar-toggle .icon-bar {
	background: #fff none repeat scroll 0 0
}

.top-nav li.dropdown .dropdown-menu {
	top: auto
}

.side-setting-panel {
	background-color: #eaeaea;
	border: 1px solid #ccc;
	padding: 20px;
	border-left-color: #08c;
	border-left-width: 4px;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.activity-btn-warp {
	position: absolute;
	bottom: 10px;
	right: 5px
}

.admin-product-table table tr td .form-control {
	width: 50px;
	padding: 0;
	height: 25px;
	margin-top: 10px
}

.admin-product-table table tr td b {
	font-weight: 600
}

.admin-design-text {
	margin-left: 25px
}

.custom-design-grid {
	position: absolute;
	top: 0;
	left: 14px
}

.design_image_product {
	border: 1px solid #000
}

#custom_design {
	position: relative;
	margin: 0 auto
}

#custom_design img {
	border: 2px solid #8e8888
}

.both_img_con {
	left: 0;
	position: relative;
	top: 0;
	padding: 0;
	width: 400px;
	height: 400px
}

@media (max-width:1220px) {
	.top-menu li a span {
		display: none
	}
}

@media (max-width:800px) {
	a.logo {
		font-size: 16px;
		position: relative;
		top: 0
	}
}

@media (max-width:650px) {
	a.logo {
		font-size: 14px;
		position: relative;
		top: 5px
	}
}

@media (max-width:768px) {
	.top-menu {
		background: #fff
	}
	.apprantice-page-panel {
		padding: 10px 0!important
	}
	.panel-body p {
		font-size: 14px
	}
	.backend-army-section .col-sm-8 {
		width: 100%!important
	}
	.admin-apprentice-page .backend-second-screening .question {
		display: block;
		padding-right: 0
	}
	.apprantice-page-panel,
	.optican-page-panel {
		padding: 10px 0
	}
	.apprantice-page-panel .breadcrumb {
		padding: 0 20px
	}
	.user-optician-mob .admin-apprentice-page .backend-check-appropriate .form-group.form-flex {
		display: flex!important
	}
	.admin-apprentice-page .backend-check-appropriate .question {
		padding-right: 15px!important
	}
	.backend-army-section .col-sm-8 {
		left: 0;
		top: 20px;
		bottom: 20px
	}
	.backend-army-section .col-sm-3 {
		width: 48%;
		display: inline-block
	}
	.app-for-app .diploma-note {
		padding-left: 0
	}
	.app-for-app .file-btn {
		margin: 10px 0
	}
	.app-for-app .backend-army-third-form .service-div {
		left: 0;
		width: 100%;
		float: none;
		top: 20px
	}
	.app-for-app .apprantice-page-panel .milletry-cover .radiowrap {
		position: initial
	}
	.app-for-app .question {
		display: flex!important
	}
	.app-for-app .question-display {
		display: block
	}
	.app-for-app .question-display .radiowrap {
		padding-left: 20px!important
	}
	.app-for-app .admin-upload-wrap .col-sm-4 {
		margin: 10px 0
	}
	.app-for-app .miletry-question.form-flex,
	.app-for-app .question-display.form-flex {
		display: block!important
	}
	.app-for-app .service-div .branch-icons-cover span {
		text-align: center
	}
	.app-for-app .service-div input[type=text] {
		margin-right: 20px
	}
	.app-for-app .apprantice-page-panel {
		padding-left: 10px;
		padding-right: 10px
	}
	.full-width .horizontal-menu .navbar-nav>li>a {
		padding: 20px!important
	}
	.app-for-app .question-label {
		padding-right: 0!important
	}
	.backend-required-doc .form-flex {
		display: flex!important
	}
	.app-for-app .datefiled-input-width input {
		width: 100%!important
	}
	.user-opt-lebal-wrap span {
		margin-top: 0!important;
		width: 100%
	}
	.user-opt-lebal-wrap input[type=text] {
		margin-left: 0!important;
		width: 49%!important;
		margin-right: 0!important
	}
	.renewal-wrap {
		margin: 20px -20px!important
	}
	.user-opt-reniwal-army #military {
		position: relative
	}
	.user-opt-reniwal-army #military p {
		top: 30px;
		left: 12px
	}
	.user-opt-renewal-page .user-opt-army .styled-checkbox+label {
		line-height: 1.6
	}
	.optician-front .screening-question-mob-wrap #parsley-id-multiple-military_service {
		position: absolute;
		left: 27px!important;
		top: 51px!important
	}
	.optician-front .licensing-experience-section .question {
		position: relative
	}
	.optician-front .licensing-experience-section .left-counting {
		position: absolute;
		left: 14px
	}
	.optician-front .school-subchild .numbring {
		position: initial!important
	}
	.optician-front .explanation-wrap-position .question,
	.optician-front .question {
		padding-right: 0
	}
	.opt-front-quest .col-sm-12 {
		position: relative;
		padding-left: 30px
	}
	.opt-front-quest .col-sm-12 .numbring {
		position: absolute;
		left: 14px
	}
	.submit-wrap button#registersub {
		margin-right: 0!important
	}
	.apprantice-app-screening .form-flex {
		display: flex!important
	}
	.apprantice-app-screening #parsley-id-multiple-military_service,
	.apprantice-application-subchild .radiowrap {
		position: initial!important
	}
	.apprantice-application-subchild .col-sm-12 {
		padding: 0
	}
	.submit-wrap button {
		width: 100%
	}
	.user-opt-renewal-page .form-group {
		margin-bottom: 0
	}
	.opt-reniwal-personal-info .col-sm-4 {
		margin-bottom: 20px
	}
	.user-opt-army #parsley-id-multiple-users_infomilitary_service {
		position: initial
	}
	.user-opt-army .radiowrap {
		margin-top: 10px
	}
	.breadcrumb {
		padding: 0
	}
	.seperater p {
		font-size: 16px!important
	}
	.user-opt-child-support a {
		font-size: 14px!important
	}
	.user-opt-army .admin-service-section {
		left: 0!important;
		width: 100%
	}
	.user-opt-army .admin-service-section .col-sm-3 {
		width: 49%;
		display: inline-block;
		padding: 0
	}
	.user-opt-renewal-screening .question {
		padding-right: 0!important
	}
	.user-opt-renewal-screening .radio-wrap {
		position: unset;
		display: block;
		margin-top: 10px
	}
	.user-opt-army .admin-service-section .styled-checkbox:checked+label:after {
		top: 22px
	}
	.user-opt-child-support .form-flex,
	.user-opt-reniwal-child .form-flex {
		display: flex!important
	}
	.admin-opt-required-section .col-sm-4 {
		margin: 22px 0!important
	}
	.admin-apprentice-page .radiowrap {
		position: relative!important;
		right: 11px!important
	}
	.user-opt-child-support h5 {
		padding-left: 30px
	}
	.admin-optican .education-section .question {
		padding-right: 0;
		display: flex!important
	}
	.admin-optican .screening-question-mob-wrap .radiowrap {
		margin-top: 10px
	}
	.admin-optican .screening-question-mob-wrap .col-sm-12 {
		padding-left: 30px;
		position: relative
	}
	.admin-optican .screening-question-mob-wrap .numbring {
		position: absolute;
		left: 12px
	}
	.supervisor-info .user-custom-col {
		width: 100%!important
	}
	.admin-apprentice-page .form-group {
		margin-bottom: 0
	}
	.admin-apprentice-page .radiowrap,
	.admin-apprentice-page .service-div {
		position: initial;
		padding: 0 8px
	}
	.admin-apprentice-page .service-div .right-radio {
		padding-left: 0
	}
	.admin-apprentice-page .service-div input[type=text] {
		width: 47%
	}
	.branch-icons-wrap .branch-icons-cover {
		align-items: center
	}
	.admin-apprentice-page .branch-icons-wrap .branch-icons-cover {
		display: block
	}
	.user-screening-question .radio-wrap {
		position: initial;
		display: block;
		margin-top: 10px
	}
	.license-information-wrap ul#parsley-id-multiple-license_status {
		top: 18px!important
	}
	.admin-apprentice-page .license-information-wrap h5 {
		padding-left: 30px
	}
	.new-screening #parsley-id-multiple-sq1,
	.new-screening #parsley-id-multiple-sq2,
	.new-screening #parsley-id-multiple-sq3 {
		position: initial
	}
	span.numbring {
		vertical-align: middle
	}
	.admin-apprentice-page .margin-top {
		margin-top: 10px
	}
	.main-heading h1 {
		font-size: 20px
	}
	.admin-apprentice-page .question {
		padding-right: 15px
	}
	.admin-apprentice-page .child-support-wrap .form-flex,
	.admin-apprentice-page .license-information-wrap .form-flex {
		display: flex!important
	}
	.admin-apprentice-page .new-screening .user-screening-question {
		padding-right: 10px!important
	}
	.license-information-wrap a {
		font-size: 14px!important
	}
	.admin-apprentice-page .panel-body {
		padding-left: 0;
		padding-right: 0
	}
	.full-width .horizontal-menu {
		margin-left: 0!important
	}
	.complaint #parsley-id-49 {
		position: absolute;
		z-index: 1
	}
	.brand-logo.complaint {
		padding: 0
	}
	.screening-question-mob-wrap .question,
	.screening-question-section .question {
		padding-right: 20px
	}
	.apprantice-page .screening-question-section .screenin-question-wrap,
	.form-flex,
	.question-five {
		display: block!important
	}
	.apprantice-page span.disclaimer {
		display: block;
		margin-top: 20px
	}
}

@media (max-width:960px) {
	.yamm-content .row {
		margin: 0
	}
}

.main_cat_style {
	color: #054d05;
	border-bottom: 2px solid #086708;
	font-size: 16px
}

.cat_style {
	color: red;
	border-bottom: 1px solid red;
	font-size: 15px
}

.sub_cat_style {
	color: #5c5a59;
	border-bottom: 1px solid #ece9e7
}

.sub_sub_cat_style {
	color: #f22499;
	border-bottom: 1px solid #e520b6
}

.mail-element-warp {
	padding: 20px 0;
	border-bottom: 1px solid #ebebeb
}

.mail-btn-success {
	background-color: #82bb42;
	color: #fff;
	background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
	background-image: linear-gradient(to bottom, #9fd256, #6fac34);
	border-color: rgba(0, 0, 0, .2);
	border-bottom-color: rgba(0, 0, 0, .4);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.mail-btn-primary {
	background-color: #009dd8;
	color: #fff;
	background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
	background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
	border-color: rgba(0, 0, 0, .2);
	border-bottom-color: rgba(0, 0, 0, .4);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.mail-btn-danger {
	background-color: #d32c46;
	color: #fff;
	background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
	background-image: linear-gradient(to bottom, #ee465a, #c11a39);
	border-color: rgba(0, 0, 0, .2);
	border-bottom-color: rgba(0, 0, 0, .4);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.chat-time {
	margin-top: 8px;
	position: relative;
	top: 8px;
	padding-right: 16px
}

.img_size {
	max-height: 100px;
	max-width: 100px
}

.set-height-editor div.mce-edit-area {
	height: 800px
}

.set-height-editor iframe {
	max-height: 1500px!important;
	height: 800px!important
}

.customer_section {
	color: #3e78e2
}

.company_section {
	color: #227ab0
}

.short_link_section {
	color: #199815
}

.side-setting-panel .control-label {
	font-size: 13px;
	text-align: left;
	display: block;
	margin-bottom: 5px
}

.apperal_selection ul {
	float: left;
	width: 100%;
	padding-left: 0
}

.apperal_selection ul li img {
	float: none;
	margin: 0 auto;
	display: block
}

.apperal_selection ul li {
	list-style: none
}

.apperal_selection ul li .apperal-warp {
	border: 1px solid #edeaea;
	position: relative;
	min-height: 200px;
	margin-left: -5px;
	margin-right: -5px;
	padding: 5px;
	text-align: center;
	font-size: 13px;
	max-width: 200px;
	margin-bottom: 10px
}

.apperal_selection ul li.shadow .apperal-warp:after,
.apperal_selection ul li.shadow .apperal-warp:before {
	content: " ";
	display: block;
	width: 2px;
	background: red;
	height: 50%;
	position: absolute;
	z-index: 10
}

.apperal_selection ul li.shadow .apperal-warp:after {
	top: 31px;
	transform: rotate(30deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	right: 50%
}

.apperal_selection ul li.shadow .apperal-warp:before {
	top: 31px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	right: 50%
}

.apperal_selection ul li.shadow .apperal-overlay {
	position: relative;
	display: inline-block
}

.apperal_selection ul li.shadow .apperal-overlay:after {
	content: " ";
	display: inline-block;
	width: 100%;
	height: 100%;
	background: rgba(19, 18, 18, .66);
	position: absolute;
	top: 0;
	left: 0
}

.apperal-warp .view_colors {
	background-image: linear-gradient(to right, #1eaea2 16.666667%, #1eae66 16.666667%, #1eae66 33.333333%, #8aae1e 33.333333%, #8aae1e 50%, #ae5a1e 50%, #ae5a1e 66.666667%, #ae361e 66.666667%, #ae361e 83.333333%, #ae1eae 83.333333%);
	-webkit-background-size: 100% 5px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position-y: 100%;
	color: #fff;
	opacity: .5;
	text-align: center;
	cursor: pointer;
	float: right;
	padding: 2px 5px;
	width: 79%
}

.apperal_color_outter_box {
	padding: 0;
	display: block;
	border: 2px solid rgba(147, 142, 142, .37);
	float: left
}

.apperal-color-warp {
	display: inline-block;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	position: relative
}

.apperal-color-warp>span {
	display: block
}

.apperal-color-warp input[type=checkbox] {
	position: absolute;
	top: -5px;
	left: -4px;
	border: 1px solid #000;
	padding: 2px
}

.color-check {
	width: 16px;
	position: relative
}

.color-check label {
	cursor: pointer;
	position: absolute;
	width: 19px;
	height: 19px;
	top: -4px;
	left: -7px;
	background: #337ab7;
	border: 1px solid #ddd
}

.color-check input[type=checkbox]:checked+label:after,
.color-check input[type=checkbox]:checked+label:before {
	opacity: 1;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: rgba(224, 35, 35, 0);
	top: 4px;
	left: 4px;
	border: 3px solid #fdf8f8;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.color-check label:before {
	-webkit-transform: rotate(55deg);
	-moz-transform: rotate(55deg);
	transform: rotate(55deg);
	left: 3px
}

.color-check label:after,
.color-check label:before {
	content: '';
	position: absolute;
	width: 11px;
	height: 2px;
	background-color: #f8afaf;
	border-radius: 0;
	top: 7px
}

.color-check label:after {
	-webkit-transform: rotate(-55deg);
	-moz-transform: rotate(-55deg);
	transform: rotate(-55deg);
	right: 3px
}

.apperal-color-warp .color_div {
	height: 30px;
	width: 30px
}

.view_color_page .header b {
	text-transform: uppercase;
	padding-bottom: 10px;
	display: block;
	font-weight: 400;
	font-size: 14px
}

.apperal-select-check {
	display: inline;
	float: left
}

.apperal-overlay {
	margin-bottom: 10px
}

.apperal-subcatg-name b {
	padding: 0 2px;
	font-size: 14px;
	position: relative
}

.color-check-warp {
	margin-bottom: 10px
}

.color-check-warp .label-danger {
	transform: translateX(-75%);
	-webkit-transform: translateX(-75%);
	-moz-transform: translateX(-75%);
	-ms-transform: translateX(-75%);
	position: absolute
}

.color_div {
	height: 22px;
	width: 22px;
	float: left;
	padding: 3px;
	margin: 2px;
	cursor: pointer
}

.colum_s {
	margin-bottom: 20px
}

.backgrond_color_s {
	background: #aca9a7
}

.msg {
	color: red;
	line-height: 65px!important;
	font-size: 20px;
	text-align: center
}

.modal-lg {
	width: 70%
}

.notify-message .title {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px
}

.notify-date-warp {
	position: relative;
	font-size: 11px;
	margin-bottom: 5px
}

.no-left-padding {
	padding: 0 5px 0 0
}

.inbox-nav-arrow {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	width: 25px
}

.inbox-nav-arrow a {
	padding: 0 5px!important;
	width: 25px!important;
	display: block!important
}

.inbox-nav-collapse dl dt a {
	padding: 2px 10px;
	display: block;
	position: relative
}

.inbox-nav-collapse dl dt a:hover {
	background: 0 0!important
}

.inbox-nav-collapse dl {
	padding-left: 18px;
	margin-left: 30px;
	border-left: 1px solid #ccc
}

.inbox-nav-collapse dl dt a:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 3px;
	border-top: 2px solid #ccc;
	position: absolute;
	left: -15px;
	top: 10px
}

.inbox-nav-collapse dl dt.active a {
	color: #000
}

.table-inbox tr td {
	position: relative
}

.yamm-content .top-nav-header-category {
	padding: 6px 10px;
	background-color: #e8e8e8;
	margin-bottom: 10px;
	border-radius: 4px;
	text-align: left;
	margin-top: 10px
}

.yamm-content ul li {
	position: relative;
	padding-left: 10px
}

.yamm-content ul li:before {
	content: "\f0da";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 12px
}

.cursor-default {
	cursor: default
}

.cursor-pointer {
	cursor: pointer
}

.multiaction-warp .btn {
	margin-bottom: 5px
}

.toggle-inner-panel .bvalidator_errmsg {
	z-index: 1000
}

.ids-warp {
	position: relative
}

.ids-warp label {
	position: absolute;
	left: -12px
}

.top-nav-header-category .btn-xs {
	padding: 4px 16px;
	font-size: 12px;
	color: #fff;
	position: relative;
	top: -3px
}

.total_records {
	cursor: text;
	border-radius: 0 4px 4px 0;
	margin-right: -15px;
	border-width: 0;
	margin-top: -9px;
	height: 37px;
	padding: 7px 15px
}

.total {
	border-radius: 0;
	height: 37px;
	margin-right: 5px
}

.badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #777;
	border-radius: 4px
}

.bulk_calculation_wrap {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc
}

.bulk_calculation_wrap select {
	width: auto;
	display: inline-block;
	margin: 0 10px
}

.bulk_calculation_wrap input {
	width: auto;
	display: inline-block;
	margin: 0 10px
}

.upload_csv_wrap {
	margin-top: 20px
}

.csv_form_wrap {
	border: 2px dashed #ccc;
	display: block;
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
	padding: 20px;
	background-color: #f0f0f0;
	border-radius: 4px;
	max-width: 550px;
	display: none
}

.csv_form_wrap .fa.fa-download {
	color: #fff;
	font-size: 20px;
	border-radius: 50%;
	border: 1px solid #ff8260;
	background-color: #ff8260;
	height: 40px;
	width: 40px;
	line-height: 38px;
	margin-bottom: 10px;
	cursor: pointer
}

.csv_form_wrap input[type=file] {
	visibility: hidden;
	height: 0
}

.upload_csv_text {
	margin-bottom: 20px
}

.order-comment {
	padding: 10px
}

.order-comment .comment-text {
	margin-bottom: 25px
}

.order-comment-warp h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #888787
}

.order-comment-warp .table tr td {
	border-bottom: 1px solid #ddd;
	border-top: 0
}

.rply_head_row {
	padding: 15px 0;
	background-color: #41cac0;
	margin-bottom: 10px
}

.rply_head_row h3 {
	font-size: 20px;
	color: #fff;
	margin-top: 0
}

.control-label:after {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 7px
}

.form-btn-block {
	padding: 20px 0 0 0;
	border-top: 1px solid #ddd;
	margin-top: 15px
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
	border-bottom-width: 2px;
	background: #e8ebec;
	background: #fff;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
	border-left: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	vertical-align: middle
}

.info-box-content .cryptocurrency-popover {
	text-shadow: none!important
}

.cryptocurrency-popover .popover {
	width: 200px;
	font-size: 15px;
	color: #f45b69;
	font-weight: 500
}

.cryptocurrency-popover .popover-title {
	font-weight: 600;
	font-size: 16px;
	color: #111
}

.popover-content .cf {
	font-size: 18px
}

.error {
	color: red
}

.loader-wrap .loader-img img {
	width: 100%
}

.loader-wrap .loader-img {
	width: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.loader-wrap {
	position: fixed;
	z-index: 1111;
	background: #00000024;
	width: 100%;
	height: 100%
}

#page-loader img {
	width: 100%!important
}

#page-loader .loader-img {
	height: 300px;
	width: 300px
}

.dn {
	display: none!important
}

.apprantice-page label {
	padding: 18px 0 8px 0;
	display: inline-block;
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 700
}

.optician-front .milletry-cover #parsley-id-multiple-military_service {
	position: absolute;
	right: -30px;
	top: 21px
}

.milletry-cover .service-div p {
	position: absolute;
	top: 5px;
	max-width: 300px;
	left: 350px
}

.admin-apprentice-page label {
	font-size: 17px
}

.styled-checkbox+label {
	cursor: pointer;
	padding: 0
}

.optician-front .explanation-wrap-position .radiowrap .parsley-errors-list.filled,
.optician-front .screening-question-section .radiowrap .parsley-errors-list.filled {
	position: absolute;
	top: 22px;
	left: 6px;
	width: 100%
}

.optician-front .radiowrap .parsley-errors-list {
	position: absolute
}

.optician-front .add-btn button {
	margin-top: 20px;
	margin-bottom: 10px
}

.styled-checkbox+label:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	border: 1px solid #aca5a5;
	border-radius: 3px;
	position: absolute;
	left: 0
}

.styled-checkbox:checked+label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 19px;
	background: #fff;
	width: 2px;
	height: 2px;
	box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.styled-checkbox:checked+label:before,
.styled-checkbox:hover+label:before {
	background: #5cb85c
}

form h4 {
	max-width: 100%;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 16px;
	display: block;
	padding-left: 0;
	margin-top: 30px
}

.color-red {
	color: #e26878;
	font-weight: 700
}

.styled-checkbox {
	position: absolute;
	opacity: 0;
	left: 0
}

.address-page input[type=email],
.address-page input[type=password],
.address-page input[type=text],
.address-page select,
.admin-apprentice-page input[type=email],
.admin-apprentice-page input[type=text],
.admin-apprentice-page select,
.admin-change input[type=email],
.admin-change input[type=text],
.admin-change select,
.apprantice-page input[type=email],
.apprantice-page input[type=text],
.apprantice-page input[type=tel],
.apprantice-page select,
.optican-page input[type=email],
.optican-page input[type=text],
.optican-page input[type=tel],
.optican-page select,
.profile-page input[type=email],
.profile-page input[type=text],
.profile-page select {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: vertical;
	background-color: #fff;
	box-shadow: -1px 5px 15px 3px rgba(0, 0, 0, .1);
	height: 46px;
	color: #000
}

.card-number .input-group-addon {
	box-shadow: 0 5px 15px 3px rgba(0, 0, 0, .1)
}

.address-page .add-btn-cover {
	margin-top: 20px;
	margin-right: 0
}

.apprantice-page textarea {
	height: auto;
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: vertical;
	background-color: #fff;
	box-shadow: -1px 5px 15px 3px rgba(0, 0, 0, .1)
}

.apprantice-page .affirmation-section .form-control {
	margin: 0
}

.fee-details,
.payment-detail-wrap {
	font-style: normal
}

.apprantice-page p {
	font-size: 17px;
	font-style: normal
}

.admin-apprentice-page .main-heading h1 {
	margin-top: 10px
}

.card-number input,
.payment-detail-wrap .card-number input {
	box-shadow: -5px 0 15px 3px rgba(0, 0, 0, .1)!important
}

.apprantice-page .checklist-form .cheklist-wraper label {
	display: block;
	vertical-align: text-bottom;
	line-height: 1.3;
	font-weight: 400;
	padding-top: 0;
	color: #000
}

.apprantice-page .parsley-errors-list li.parsley-required,
.apprantice-page.complaint .error {
	color: #cc2121;
	display: inline-block;
	padding: 3px 6px;
	background: #ff5959;
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	line-height: 12px
}

.splash-nvbdo .btn-success:hover {
	color: #fff;
	background: #000
}

.color-red {
	color: #f44336;
	font-weight: 700
}

.checklist-form .cheklist-wraper {
	margin: 20px 0;
	display: block;
	padding-left: 35px;
	position: relative
}

.new-screening [class*=col-sm] {
	margin: 8px 0
}

.admin-apprentice-page [type=radio]:checked+label,
.admin-apprentice-page [type=radio]:not(:checked)+label,
.apprantice-page .screening-question-section [type=radio]:checked+label,
.apprantice-page .screening-question-section [type=radio]:not(:checked)+label,
.optican-page [type=radio]:checked+label,
[type=radio]:not(:checked)+label {
	position: relative;
	padding-left: 26px;
	cursor: pointer;
	line-height: 0;
	display: inline-block;
	color: #000;
	margin: 0 3px;
	font-size: 14px
}

.admin-apprentice-page [type=radio]:checked+label:before,
.admin-apprentice-page [type=radio]:not(:checked)+label:before,
.apprantice-page .screening-question-section [type=radio]:checked+label:before,
.apprantice-page .screening-question-section [type=radio]:not(:checked)+label:before,
.optican-page [type=radio]:checked+label:before,
.optican-page [type=radio]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 18px;
	height: 18px;
	border: 1px solid #9a9494;
	border-radius: 100%;
	background: #fff
}

.admin-apprentice-page [type=radio]:checked+label:before,
.admin-apprentice-page [type=radio]:not(:checked)+label:before {
	top: -15px
}

.optician-front [type=radio]:checked+label:before,
.optician-front [type=radio]:not(:checked)+label:before {
	top: -9px
}

.optician-front [type=radio]:checked+label:after {
	top: -5px!important
}

.admin-apprentice-page [type=radio]:checked+label:after,
.apprantice-page .screening-question-section [type=radio]:checked+label:after,
.optican-page [type=radio]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.admin-apprentice-page [type=radio]:checked+label:after,
.apprantice-page [type=radio]:checked+label:after,
.optican-page [type=radio]:checked+label:after {
	content: '';
	width: 10px;
	height: 10px;
	background: #5cb85c;
	position: absolute;
	top: 13px;
	left: 4px;
	border-radius: 100%;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

.admin-apprentice-page [type=radio]:checked+label:after,
.optican-page [type=radio]:checked+label:after {
	top: -11px
}

.admin-apprentice-page .child-support span {
	font-weight: 400
}

.admin-apprentice-page .admin-military-service input[type=text] {
	height: 32px;
	line-height: 32px
}

.admin-apprentice-page .servicr-label label {
	padding-left: 15px
}

.admin-apprentice-page .hidden-field-wrap {
	padding-left: 20px;
	margin-top: 10px
}

.radio-wrap {
	display: flex;
	align-items: center
}

.note-wrap {
	margin-top: 20px
}

.admin-apprentice-page .admin-screeming-section span,
.admin-apprentice-page .appropriate span,
.admin-apprentice-page .child-support span {
	font-size: 18px
}

.file-upload-button span {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	display: flex;
	width: 46px;
	height: 46px;
	text-align: center;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to bottom, #7abcff 0, #60abf8 44%, #4096ee 100%)
}

.file-upload-button i {
	color: #fff
}

.apprantice-page .Screening i {
	font-size: 20px;
	margin-right: 10px;
	color: #4888c7;
	vertical-align: middle
}

.admin-apprentice-page .business-cover .label-block {
	margin-top: 10px;
	margin-bottom: 10px
}

.apprantice-page .affirmation-section .question .parsley-errors-list li.parsley-required {
	position: absolute
}

.admin-apprentice-page input[type=file],
.admin-change input[type=file],
.apprantice-page input[type=file],
.optican-page input[type=file] {
	opacity: 0
}

.debit-cards-img-section ul {
	padding-left: 0
}

.debit-cards-img-section ul li img {
	width: 40px
}

.success-page h2 {
	font-weight: 700
}

.success-page hr {
	margin-top: 40px;
	border-top: 1px solid #ccc
}

.debit-cards-img-section ul li {
	list-style: none;
	display: inline-block;
	padding: 0 0
}

.debit-cards-img-section {
	margin-top: 40px
}

.apprantice-page .screening-question-section .radiowrap,
.apprantice-page .screening-question-section .screenin-question-wrap {
	display: flex
}

.apprantice-page .question-label {
	padding-right: 80px;
	font-style: normal
}

.admin-spacial-one .explanation-wrap-position .radiowrap {
	right: 9px!important
}

.admin-apprentice-page .branch-icons-cover {
	margin: 0 0
}

.admin-apprentice-page .branch-icons-wrap span {
	position: relative
}

.admin-optican .parsley-errors-list li {
	position: relative;
	z-index: 6
}

.admin-apprentice-page .service-div {
	margin-top: 20px
}

.admin-apprentice-page .service-div label {
	margin-bottom: 0
}

.admin-spacial-one .citizen-wrap {
	padding-left: 0
}

.admin-spacial-one .branch-icons-cover label {
	display: inline-block!important
}

.admin-spacial-one .branch-icons-cover .styled-checkbox:checked+label:after {
	top: 30px!important
}

.apprantice-page .question-label b {
	vertical-align: middle
}

.admin-apprentice-page .margin-top,
.apprantice-page .margin-top,
.optican-page .margin-top {
	margin-top: 30px
}

.card-number #parsley-id-178 {
	position: absolute
}

.admin-spacial-one .milletry-cover .radiowrap {
	right: 0!important
}

.apprantice-page.complaint .file-upload-wrapper {
	max-width: 100%!important
}

.apprantice-page-panel,
.optican-page-panel {
	background: #deecf6!important;
	padding: 20px
}

.apprantice-page-panel .cheklist-wraper span {
	line-height: 1.3;
	font-weight: 400
}

.apprantice-page-panel .checklist-form .cheklist-wraper {
	margin: 20px 0;
	display: block;
	padding-left: 35px;
	position: relative
}

.apprantice-page-panel .styled-checkbox,
.optican-page .styled-checkbox {
	position: relative
}

.apprantice-page-panel .styled-checkbox+label,
.optican-page .styled-checkbox+label {
	padding-left: 8px;
	display: block;
	vertical-align: text-bottom;
	line-height: 1.3;
	font-weight: 400;
	padding-top: 0;
	color: #000
}

.apprantice-page-panel .styled-checkbox:checked+label:after,
.optican-page .styled-checkbox:checked+label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 29px;
	background: #fff;
	width: 2px;
	height: 2px;
	box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.optican-page .styled-checkbox:checked+label:after {
	top: 21px
}

.add-more-btn button {
	float: right
}

.submit-btn {
	margin-top: 30px
}

.admin-service-section .form-group input[type=text] {
	height: 32px!important;
	margin-top: 10px
}

.admin-service-section,
.admin-service-section .form-group label {
	font-weight: 700;
	padding-left: 15px
}

.no-padding-left {
	padding-left: 0!important
}

.admin-service-section .form-group {
	margin-bottom: 0
}

.optican-page .number-span {
	padding: 0 10px 0 0
}

.admin-change .file-upload-wrapper {
	position: relative
}

.admin-change .custom-file-upload-hidden {
	position: absolute;
	left: 0;
	top: 0;
	width: 240px;
	height: 43px
}

.course-page .panel-title {
	font-size: 17px!important;
	font-weight: 600!important
}

.course-page .panel-heading {
	padding: 9px 10px 10px 10px;
	background: #cccccc7a
}

.course-page table .btn-primary {
	padding: 4px 14px;
	margin-top: 10px
}

.uploaded-page .grid li {
	border: 1px solid #ccc!important
}

.seperater p {
	margin-bottom: 0;
	font-weight: 700;
	font-size: 18px;
	color: #000
}

.apprantice-application-wrap label,
.user-opt-lebal-wrap label {
	padding: 18px 12px 8px 0;
	display: inline-block;
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 700
}

.user-opt-lebal-wrap label {
	display: inline!important
}

.branch-icons-cover,
.user-opt-lebal-wrap {
	position: relative;
	margin: 5px 0
}

.branch-icons-wrap {
	display: flex;
	flex-wrap: wrap
}

.branch-icons-wrap .branch-icons-cover {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.milletry-cover .service-div label {
	padding: 10px 12px 8px 30px
}

.employment-info-wrap .add-btn-wrap {
	margin-top: 20px
}

.note {
	margin-top: 20px
}

.note i,
.note p {
	font-size: 17px;
	font-style: normal
}

.question-display {
	display: flex
}

.service-div .branch-icons-cover span {
	float: right;
	text-align: right;
	margin-top: 5px
}

.user-opt-lebal-wrap span {
	display: inline-block;
	float: right;
	position: relative;
	margin-top: -5px
}

.user-opt-lebal-wrap span input {
	margin-top: 0!important
}

.user-opt-lebal-wrap .styled-checkbox+label:before {
	left: -15px
}

.user-opt-lebal-wrap .styled-checkbox:checked+label:after {
	left: -10px
}

.admin-service span {
	margin-top: -30px
}

.military-spacer {
	display: flex
}

.apprantice-app-screening .question-content {
	padding-right: 0!important
}

.screening-question-section .question-content {
	padding-right: 78px
}

.service-div input[type=text],
.user-opt-lebal-wrap input[type=text] {
	width: 45%;
	padding: 2px 8px;
	margin-left: 10px;
	box-shadow: none;
	font-size: 13px;
	line-height: 2;
	height: 32px
}

.datefiled-input-width input {
	width: 70%!important
}

.add-btn-cover {
	float: right
}

.add-btn .btn,
.add-btn-cover .btn,
.add-btn-wrap .btn,
.dispenser-license-btn-wrap .btn,
.submit-wrap .btn {
	font-size: 16px
}

.dispenser-license-btn-wrap .btn {
	padding: 9px 20px
}

.cs-style-3 figure img {
	width: 100%!important;
	max-height: 100%!important
}

.sub-tab-wrap li>a {
	padding: 10px 38px
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background: #2a3542;
	color: #fff
}

.sub-tab-wrap-grid {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.sub-tab-wrap-grid li figure {
	position: relative;
	background: #fff;
	display: flex;
	align-items: center
}

.sub-tab-wrap-grid li {
	height: auto!important
}

.sub-tab-wrap-grid li {
	transition: all .3s ease-in-out
}

.sub-tab-wrap-grid .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(0, 0, 0, .8);
	opacity: 0;
	visibility: hidden
}

.sub-tab-wrap-grid li:hover .overlay {
	opacity: 1;
	visibility: visible
}

.overlay h3 {
	color: #fff;
	font-weight: 700;
	height: auto;
	font-size: 14px;
	display: flex!important;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 15px;
	word-break: break-all;
	padding: 0 5px
}

.overlay a i {
	color: #2a3542;
	font-size: 20px;
	background: #fff;
	padding: 5px;
	border: 1px solid #fff;
	margin-right: 0;
	display: inline
}

.overlay a {
	border-radius: 50%
}

.overla-content {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	text-align: center;
	width: 100%
}

.sub-tab-wrap-grid li {
	margin: 14px 6px!important
}

.sub-tab-wrap-grid {
	display: flex;
	align-items: center
}

.splash-nvbdo .login-btn-wrap {
	border-top: 1px solid #333;
	margin-top: 30px!important
}

.splash-nvbdo .row {
	display: flex;
	align-items: center;
	justify-content: center
}

.screening-question-mob-wrap .radiowrap #parsley-id-multiple-sq1 .admin-screening-wrap #parsley-id-306 {
	position: absolute
}

.admin-screening-wrap #parsley-id-157 {
	position: absolute;
	top: 46px
}

.input-group-addon {
	box-shadow: -10px 5px 15px 3px rgba(0, 0, 0, .1)
}

.card-number .input-group-addon {
	box-shadow: 10px 5px 15px 3px rgba(0, 0, 0, .1)
}

.new-screening .question {
	padding-right: 120px
}

@media (max-width:1400px) {
	.admin-service-section .form-group label {
		padding-left: 12px;
		font-size: 16px
	}
	.splash-nvbdo h1 {
		font-size: 30px!important
	}
	.full-width .horizontal-menu .navbar-nav>li>a {
		padding: 15px
	}
	.apprantice-page-panel .cheklist-wraper,
	.apprantice-page-panel .cheklist-wraper span {
		padding-left: 0
	}
	a.logo {
		margin-top: 14px
	}
	.admin-service-section .form-group input[type=text] {
		font-size: 11px!important
	}
	.lock-screen h1,
	.splash-nvbdo h1 {
		font-size: 35px
	}
}

@media (max-width:1199px) {
	.admin-optican .parsley-errors-list li {
		font-size: 10px
	}
	.apprantice-page .file-upload-button input.custom-file-upload-hidden {
		right: 0
	}
	.apprantice-page label {
		font-size: 14px;
		padding-right: 0
	}
	.apprantice-page input[type=text],
	.apprantice-page select {
		padding: 6px;
		font-size: 12px
	}
	.question-five .parsley-errors-list.filled {
		top: 60px
	}
	.apprantice-page span.disclaimer {
		max-width: 720px;
		display: block
	}
	.apprantice-application-wrap .service-div input[type=text],
	.optician-front .service-div input[type=text] {
		margin-left: 0
	}
	.optician-front .service-div {
		position: initial!important;
		margin: 0!important;
		padding: 0!important;
		width: 100%!important;
		left: 0!important
	}
	.apprantice-application-wrap .question,
	.optician-front .question {
		display: flex
	}
	.admin-apprentice-page .milletry-cover label {
		font-size: 13px!important;
		padding-right: 0
	}
	.admin-apprentice-page .milletry-cover .service-div input[type=text] {
		margin: 0;
		font-size: 10px
	}
	.admin-screening-wrap .radiowrap .parsley-errors-list.filled {
		width: 110px
	}
	.explanation-wrap-position .col-sm-4 {
		margin-bottom: 10px
	}
	.apprantice-app-screening #parsley-id-multiple-military_service {
		right: 15px
	}
}

@media (max-width:996px) {
	.full-width .horizontal-menu .navbar-nav>li>a {
		padding: 20px 8px!important
	}
	.admin-logout {
		top: 0
	}
	.school-subchild {
		padding-left: 15px
	}
	.renewal-wrap {
		margin: 0px;
	}
	.user-opt-renewal-page .user-opt-reniwal-army label {
		font-size: 14px!important
	}
	.apprantice-app-screening #parsley-id-multiple-military_service {
		right: 14px
	}
	.apprantice-app-screening .screenin-question-wrap.sub-child {
		margin-left: 0
	}
	.apprantice-application-subchild .radiowrap {
		right: 0
	}
	.apprantice-application-wrap .payment-detail-wrap label {
		font-size: 13px
	}
	.milletry-cover .service-div p {
		top: 34px
	}
	.apprantice-application-wrap .payment-detail-wrap .screenin-question-wrap.sub-child {
		margin-left: 0;
		padding-right: 80px
	}
	.apprantice-app-screening .service-div {
		width: 100%!important;
		position: initial!important
	}
	.admin-apprentice-page .mailing-address-wrap {
		margin-bottom: 0
	}
	.admin-screening-wrap .payment-detail-wrap label {
		min-height: 24px!important
	}
	.screening-question-mob-wrap #parsley-id-multiple-military_service {
		right: -9px!important
	}
	.user-employee-info [class*=col-lg] {
		margin: 10px 0!important
	}
	.full-width .horizontal-menu .navbar-nav>li>a {
		padding: 10px 20px!important;
		font-size: 13px!important
	}
	.full-width .logo {
		font-size: 16px!important;
		margin-top: 0!important;
		line-height: 40px;
		margin-right: 10px
	}
	.header {
		min-height: 40px
	}
	.full-width .top-nav ul {
		margin-top: 5px!important
	}
	.full-width .top-nav .dropdown-toggle {
		font-size: 11px!important
	}
	.admin-apprentice-page .child-support-wrap .question {
		padding-right: 0
	}
	.admin-apprentice-page .service-div {
		width: 100%;
		left: 0
	}
	.pdf-doc-text {
		font-size: 13px!important
	}
	.admin-apprentice-page label {
		font-size: 14px
	}
	.optician-front .employers-list-section .col-sm-3 {
		width: 35%
	}
	.optician-front .employers-list-section .col-sm-2 {
		width: 21%
	}
	.debit-cards-img-section ul li {
		width: 18%
	}
	.debit-cards-img-section ul li img {
		width: 34px
	}
	.question-five .parsley-errors-list.filled {
		left: 2px;
		position: absolute;
		top: 52px
	}
	.apprantice-page span.disclaimer {
		max-width: 100%;
		display: block
	}
	.file-btn {
		margin: 10px 0
	}
	.app-for-app .apprantice-page p,
	.app-for-app .screening-question-section span,
	.note i,
	.note p {
		font-size: 14px!important
	}
	.app-for-app .backend-army-third-form .service-div {
		width: 100%;
		left: 0
	}
	.question-five .parsley-errors-list.filled {
		top: 60px
	}
	.full-width .horizontal-menu {
		margin-left: 0!important
	}
	.optican-page .admin-service-section {
		width: 100%;
		left: 0!important;
		padding: 0
	}
	.horizontal-menu {
		padding: 0
	}
}

@media (max-width:767px) {
	.apprantice-application-wrap .question,
	.optician-front .question {
		display: block
	}
	.apprantice-application-subchild #parsley-id-multiple-sq9 {
		left: 5px!important;
		position: absolute!important;
		top: 54px
	}
	.apprantice-app-screening #parsley-id-multiple-military_service {
		margin-left: 4px
	}
	.user-aprentice-app-screening .col-sm-12 {
		padding-left: 30px;
		position: relative
	}
	.user-aprentice-app-screening .numbring {
		position: absolute;
		left: 14px
	}
	.user-opt-renewal-screening .col-sm-4 {
		margin: 25px 0!important
	}
	.user-opt-addres-info .col-sm-4,
	.user-opt-reniwal-declaration .col-sm-4,
	.user-opt-reniwal-work .col-sm-4 {
		margin-bottom: 15px
	}
	.user-opt-renewal-page .add-btn-cover {
		margin: 20px 0 0
	}
	.user-opt-addres-info p {
		margin-top: 20px
	}
	.screening-question-mob-wrap .upload_sections .col-sm-4 {
		margin-bottom: 20px
	}
	.screening-question-section .business-cover,
	.screening-question-section .screening-question-section .screeninQusflied {
		padding-left: 0
	}
	.explanation-wrap-position .radiowrap {
		margin-left: -22px
	}
	.wrapper {
		padding-left: 0!important;
		padding-right: 0!important
	}
	.milletry-cover .service-div p {
		position: unset
	}
	.school-subchild {
		padding-left: 20px!important
	}
	.service-div input[type=text] {
		width: 38%;
		margin-left: -20px
	}
	.splash-nvbdo h1 {
		font-size: 25px!important
	}
	.splash-nvbdo .btn-lg {
		font-size: 16px
	}
	.splash-nvbdo .row {
		display: block
	}
	.admin-screening-wrap .radiowrap .parsley-errors-list.filled {
		top: 23px!important;
		left: 16px!important
	}
	.admin-screening-wrap .payment-detail-wrap label {
		font-size: 14px!important
	}
	.admin-screening-wrap .fee-details {
		margin-bottom: 0
	}
	.mob-radio-btn {
		padding-left: 0
	}
	.sub-child .question {
		display: block
	}
	.required-document-wrap .file-upload-wrapper {
		padding-left: 0
	}
	.required-document-first-section .question {
		display: flex!important
	}
	.optician-front .screening-question-section .radiowrap .parsley-errors-list.filled {
		top: 20px
	}
	.optician-front .employers-list-section .col-sm-2,
	.optician-front .employers-list-section .col-sm-3 {
		width: 100%
	}
	.optician-front .employers-list-section .col-sm-2 {
		margin-top: 20px
	}
	.admin-apprentice-page .employers-list-section .form-group {
		margin-bottom: 9px
	}
	.admin-optican .employers-list-section .form-group {
		margin-bottom: 0!important
	}
	.admin-optican .admin-screening-wrap ul#parsley-id-multiple-military_service {
		position: unset!important
	}
	.employers-list-section .add-btn {
		margin-top: 20px
	}
	.admin-optican .employers-list-section [class*=col-sm] {
		margin-top: 15px!important
	}
	.school-subchild {
		padding-left: 20px
	}
	.admin-apprentice-page .col-sm-2,
	.admin-apprentice-page .col-sm-3,
	.admin-apprentice-page .col-sm-4 {
		margin-bottom: 15px
	}
	.optician-front #parsley-id-240,
	.optician-front #parsley-id-259 {
		position: absolute;
		z-index: 1
	}
	.screenin-question-wrap.sub-child {
		margin-left: 0
	}
	.service-div .branch-icons-cover span {
		float: none;
		text-align: left;
		display: block
	}
	.optician-front .screening-question-mob-wrap .radiowrap {
		position: initial;
		margin-top: 10px;
		margin-left: 0!important
	}
	.optician-front .explanation-wrap-position .radiowrap {
		position: relative;
		left: -17px
	}
	.optician-front .form-group {
		margin-bottom: 0
	}
	.optician-front .form-group .col-sm-4,
	.optician-front .screening-question-section .screeninQusflied .col-sm-3,
	.optician-front .screening-question-section .screeninQusflied .col-sm-4 {
		margin-bottom: 20px
	}
	.citizen-wrap,
	.optician-front .screening-question-section .screeninQusflied {
		padding-left: 0
	}
	.optician-front .milletry-cover label {
		padding-right: 0;
		font-size: 13px;
		display: block
	}
	.optician-front .service-div input[type=text] {
		font-size: 10px
	}
	.school-subchild {
		padding-left: 0
	}
	.school-wrap .radiowrap .apprantice-application-wrap .form-flex {
		display: flex!important
	}
	.apprantice-application-wrap .question-display,
	.apprantice-application-wrap .screening-question-section.form-flex {
		display: block!important
	}
	.apprantice-application-wrap .screening-question-section .radiowrap {
		position: relative
	}
	.apprantice-application-wrap .milletry-cover .service-div {
		position: initial
	}
	.apprantice-application-wrap .milletry-cover input[type=text] {
		font-size: 10px
	}
	.apprantice-application-wrap .milletry-cover .radiowrap {
		position: unset
	}
	.apprantice-application-wrap .milletry-cover .parsley-errors-list {
		position: absolute;
		top: 27px;
		left: 0;
		margin: 0
	}
	.apprantice-application-wrap .milletry-cover .parsley-errors-list li {
		font-size: 10px
	}
	.apprantice-application-wrap .milletry-cover .col-sm-8 {
		padding: 0
	}
	.apprantice-application-wrap .question-label {
		position: relative;
		padding-right: 0
	}
	.submit-wrap {
		margin-top: 20px
	}
	.complaint form {
		padding: 0 15px
	}
	.complaint .form-group {
		margin-bottom: 0
	}
	.apprantice-page .Screening i {
		font-size: 13px
	}
	.debit-cards-img-section ul li {
		width: auto
	}
	.complaint-uplode-add {
		display: block
	}
	.file-upload-wrapper {
		margin: 10px 0
	}
	.add-btn-cover {
		float: none;
		margin: 15px
	}
	.add-btn-cover button {
		width: 100%
	}
}

@media (max-width:507px) {
	#form_valid_optician ul#parsley-id-multiple-child_support {
		top: 39px!important
	}
}

@media (max-width:453px) {
	.license-information-wrap ul#parsley-id-multiple-license_status {
		top: 43px!important
	}
}

.login-img-wrap {
	position: relative;
	display: block;
	width: 600px;
	margin: 0 auto
}

.login-img {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center
}

.login-img img {
	height: 500px
}

table .label-info {
	background-color: #3a96e8!important;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 0;
	font-weight: 400
}

.file-upload-wrapper .closeblock {
	position: absolute;
	right: -9px;
	top: -9px;
	background: #ff4242;
	height: 20px;
	width: 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #e6e6e6;
	cursor: pointer
}

.milletry-cover .service-div label.right-radio {
	padding: 0
}

.file-upload-wrapper .closeblock i {
	border: none;
	font-size: 10px;
	vertical-align: middle;
	position: absolute;
	left: 50%;
	top: 50%;
	font-weight: 700;
	font-style: normal;
	color: #fff!important;
	transform: translate(-50%, -50%);
	font-size: 14px!important;
	font-weight: 700
}

.note-table-date {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.delete-icon {
	position: absolute;
	top: 0;
	right: 0
}

.note-table-wrap p {
	word-break: break-word
}

.note-table-wrap {
	background: #f3f3f3;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 15px;
	position: relative;
	padding: 10px 21px
}

.note-table-wrap .note-img {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 18px
}

.employer {
	width: 300px
}

.associated-names a {
	color: #5f5f5f;
	font-weight: 400
}

.user-detail .date {
	font-size: 13px
}

.user-detail .assign_users {
	font-size: 13px
}

.note-table-wrap .date {
	position: absolute;
	width: 100%;
	max-width: 140px;
	right: 8px;
	bottom: 2px;
	font-size: 12px;
	color: #888;
	text-align: right
}

.note-table-wrap .date i {
	margin-right: 5px
}

.form-fees-define .input-group .input-group-addon {
	box-shadow: none!important;
	border-radius: 0
}

.no-bold {
	font-weight: 400
}

.requierd-label {
	color: #f44336;
	font-size: 25px!important
}

i.fa-flag {
	color: #ee1533
}

textarea {
	resize: none
}

.submit-inspection-modal textarea.form-control {
	resize: vertical!important
}

a.confirmation_email_link {
	background-color: #5cb85c;
	border-color: #5cb85c;
	color: #fff;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0
}

.custom-alert-msg-wrap,
.custom-alert-msg-wrap.alert-danger {
	z-index: 10000000!important
}

.label_optician,
.label_optician.span_res {
	min-width: 84px;
	padding: 6px 12px;
	font-weight: 400;
	display: inline-block;
	border-radius: 0
}

.status_btn.tooltips {
	min-width: 84px;
	font-size: 12px;
	line-height: 20px
}

.breadcrumb {
	padding: 7px 0 7px 15px
}

.adv-table {
	border: 1px solid #eae9e9
}

.address-page .input-group-addon {
	box-shadow: none
}

.fine-page td .btn-primary {
	border: none
}

.full-width .nav li.dropdown a:hover,
.full-width .nav li.dropdown a:hover .username {
	color: #fff!important
}

.panel-heading small {
	font-size: 14px!important
}

.styled-checkbox:checked+label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 19px;
	background: #fff;
	width: 2px;
	height: 2px;
	box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#license_report {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

#license_report .styled-checkbox:checked+label:after,
.public-info-wrap .styled-checkbox:checked+label:after {
	top: 10px
}

#license_report .cheklist-wraper {
	margin: 10px 20px 10px 0;
	min-width: 94px
}

#license_report .cheklist-wraper label span,
.public-info-wrap .cheklist-wraper label span {
	padding-left: 22px;
	position: relative;
	top: -3px
}

.submit-report {
	margin-top: 10px
}

#comment-form .input-group-btn .btn-default {
	padding: 12px 15px;
	background: #165089;
	color: #fff;
	font-size: 14px
}

#comment-form .note-table-wrap p {
	margin: 0;
	color: #000
}

.complaint-form-review-page,
.complaint-form-view-page {
	background-color: #deecf6;
	padding: 10px
}

.complaint-form-review-page {
	min-height: 100vh
}

.complaint-form-review-page table {
	background-color: #fff
}

.complaint-form-review-page .reviewing-email {
	margin-bottom: 40px
}

.complaint-form-view-page {
	padding: 10px 25px
}

.complaint-overview-page .bread_parent {
	display: flex;
	justify-content: space-between
}

.complaint-overview-page .breadcrumb {
	padding-right: 20px
}

.complaint-overview-page .main-heading {
	margin: 15px 0
}

.complaint-overview-page .main-heading h1 {
	margin: 0
}

.panel {
	padding: 10px
}

.complaint-overview-page .add-btn-cover {
	margin-right: 15px
}

.winfo-cover .user-update {
	margin-right: 10px
}

.winfo-cover {
	margin-right: -10px
}

#workInfo a {
	float: right;
	margin-top: 10px
}

#workInfo {
	margin: 5px 10px
}

#workInfo .closeblock {
	text-align: right;
	margin: 15px 0 0
}

#workInfo .closeblock .btn-info {
	padding: 0
}

#workInfo .closeblock .btn-info:hover {
	color: red
}

.complaint .styled-checkbox:hover+label:before {
	background-color: transparent
}

.complaint .styled-checkbox:checked+label:before {
	background-color: #5cb85c
}

.complaint .cheklist-wraper label {
	cursor: default
}

.public-info-checkbox,
.public-info-wrap {
	display: flex;
	align-items: center
}

.public-info-checkbox {
	justify-content: space-between
}

.public-info-wrap .cheklist-wraper {
	min-width: 180px
}

.public-info-label {
	min-width: 250px;
	font-weight: 700;
	position: relative
}

.public-info-label:after {
	position: absolute;
	top: 1px;
	left: auto;
	content: ":";
	height: 100%;
	width: 100%;
	right: -218px
}

.question-army-label-right {
	padding-right: 120px
}

.tp-space {
	margin-top: 50px
}

.screeninQusflied .btn {
	padding: 9px 15px
}

.apprentice-ophthalmic-new-page .styled-checkbox+label:before {
	top: 5px
}

.apprentice-ophthalmic-new-page .styled-checkbox:checked+label:after {
	top: 14px
}

.apprentice-ophthalmic-new-page .diploma-note {
	padding-left: 18px
}

.apprentice-ophthalmic-new-page .upload_sections .file-upload-wrapper {
	margin-bottom: 15px
}

.apprentice-ophthalmic-new-page .upload_sections {
	margin-top: 0
}

.apprentice-ophthalmic-new-page #parsley-id-44 {
	left: 0
}

.apprentice-ophthalmic-new-page #parsley-id-multiple-required_doc2,
.apprentice-ophthalmic-new-page #parsley-id-multiple-required_doc3 {
	left: 30px;
	top: 44px
}

.address-page .documents-upload .form-group {
	position: relative;
	margin-bottom: 20px
}

.address-page .label-static .parsley-errors-list.filled {
	position: absolute;
	bottom: -28px
}

.content-manager ul li a {
	text-transform: capitalize
}

.radiowrap span {
	position: relative
}

.radiowrap input {
	position: absolute;
	top: 11px;
	left: 5px;
	opacity: 0
}

.education-wrap input {
	position: relative
}

.education-wrap .parsley-errors-list.filled {
	position: absolute
}

.education-wrap .text-success {
	color: #000
}

.screeninQusflieds .sub-child {
	padding-left: 30px
}

.states-wrap-section .file-upload-wrapper {
	margin-bottom: 10px
}

.screeninQusflied .close-btn.removeSq1 {
	margin-top: 5px
}

.education-section-app-opt [type=radio]:checked+label:before,
.education-section-app-opt [type=radio]:not(:checked)+label:before {
	top: -40px!important;
	left: -4px
}

.education-section-app-opt [type=radio]:checked+label:after {
	top: -36px!important;
	left: 0
}

.user-opt-reniwal-work .closeblock1 {
	border-top: 1px solid #fff;
	width: 100%
}

.add-new-work-info-row1 {
	float: right
}

.user-apt-renewal-page .radiowrap,
.user-opt-renewal-page .radiowrap {
	position: relative
}

.user-opt-renewal-page .user-opt-renewal-screening .parsley-errors-list.filled {
	left: 0;
	top: 21px!important
}

.user-opt-renewal-page .user-opt-renewal-screening .mt {
	margin-top: 20px
}

.inactive-license-form #parsley-id-15,
.user-opt-phone-wrap #parsley-id-29,
.user-opt-renewal-page .card-number-wrap #parsley-id-136,
.user-opt-renewal-page .user-opt-phone-wrap #parsley-id-29 {
	position: absolute;
	left: 0
}

.back-ap-to-opt-form .cheklist-wraper .styled-checkbox+label:before {
	top: 3px
}

.back-ap-to-opt-form .cheklist-wraper .styled-checkbox:checked+label:after {
	top: 12px
}

.back-ap-to-opt-form .add-btn-wrap {
	text-align: right
}

.item-alignment {
	justify-content: space-between
}

.diploma-note {
	font-size: 18px
}

.pdf-table a i {
	font-size: 12px
}

.addMoresq1 .screeninQusflied:first-child {
	margin-top: 0
}

.documents-uploads {
	margin-top: 0!important;
	padding: 0!important
}

.wort-table tr td {
	padding-top: 20px!important
}

.input-group-addon {
	box-shadow: none
}

.editComNum,
.submitComNum {
	cursor: pointer
}

.mt-1 {
	margin-top: 10px
}

.mt-2 {
	margin-top: 20px
}

.application_apprentice_btn {
	background: #357bbd;
	padding: 5px 10px;
	font-size: 12px!important;
	color: #fff;
	border-radius: 0
}

.application_optician_btn {
	background: #ff9c35;
	padding: 5px 10px;
	font-size: 12px!important;
	color: #fff;
	border-radius: 0
}

.renewal_apprentice_btn {
	background: #61b2ff;
	padding: 5px 10px;
	font-size: 12px!important;
	color: #fff;
	border-radius: 0
}

.renewal_optician_btn {
	background: #de6900;
	padding: 5px 10px;
	font-size: 12px!important;
	color: #fff;
	border-radius: 0
}

.special_optician_btn {
	background: #e1185a;
	padding: 5px 10px;
	font-size: 12px!important;
	color: #fff;
	border-radius: 0
}

.border-bottom {
	border-bottom: 1px solid #000;
	padding: 5px 0;
	margin-bottom: 10px
}

.pl-0 {
	padding-left: 0
}

.change-sup-card-wrap .card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem
}

.change-sup-card-wrap .card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, .03);
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	font-size: 16px;
	font-weight: 600
}

.change-sup-card-wrap .card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem
}

.checkboxli.term-check input {
	opacity: 0
}

.help-block.btn {
	white-space: inherit;
	font-size: 13px;
	line-height: 16px
}

.modal-content {
	background-clip: inherit
}

.app-for-app-required .parsley-errors-list.filled {
	left: 54px!important
}

.app-opt-edu-wrap [type=radio]:checked+label,
.app-opt-edu-wrap [type=radio]:not(:checked)+label {
	padding-left: 0
}

.app-opt-edu-wrap span input {
	opacity: 0
}

.app-opt-edu-wrap .question {
	padding-right: 0
}

.app-opt-edu-wrap .edu-radio-icon {
	margin-right: 20px
}

.loader-wrap .loader-img img {
	width: 100%
}

.loader-wrap .loader-img {
	width: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

#page-loader {
	position: fixed;
	z-index: 1111;
	background: #fff;
	width: 100%;
	height: 100%
}

.complaint-declaration label {
	padding-top: 0
}

.licence-status-user-name {
	font-size: 18px
}

.splash-nvbdo-wrap {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	width: 100%
}

input {
	color: #000!important
}

.custom-list-instruction ul li {
    list-style: disc !important;
    /* left: 48px; */
    /* padding: 7px; */
    color:black !important;
    margin-left: 20px !important;
}    

#parsley-id-multiple-affirmation-id{
	margin-top: -40px;
}

#parsley-id-multiple-affirmation-id li {	
	list-style: auto;
    color: #cc2121;
    display: inline-block;
    padding: 3px 6px;
    background: #ff5959;
    color: #fff!important;
    border-radius: 4px;
    font-size: 12px;
    line-height: 12px;
    margin-top: 0px;
}

.affirmation-exam-btn{
	margin-top: 50px;
}

.instruction-box{
  height:300px;
  overflow-y: auto;
}

.panel-body .instruction-box span {
    font-size: 14pt;
}