/**
 * Markate.com
 */

/*** fonts ***/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,300,300italic);

/*** core ***/
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
body {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #222;
    line-height: 1.6em;
    width: 100%;
    height: 100%;
    margin: 0;
    background: #ffffff;
    /* font smoothing */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1 {
    font-size: 46px;
    font-weight: 400;
    /* color: #002639; */
    color: #36363d;
    margin: 30px 0 30px 0;
}
h2 {
    font-size: 34px;
    font-weight: 400;
    color: #36363d; /*#333;#75787b; #002639;*/
    margin: 10px 0 20px 0;
}
h3 {
    font-size: 27px;
    font-weight: 400;
    color: #36363d; /*color: #002639;*/
    margin: 5px 0 20px 0;
}
h4 {
    font-size: 22px;
    color: #36363d; /*color: #002639;*/
    margin-bottom: 15px;
}
h5 {
    font-size: 18px;
    color: #36363d; /*color: #002639;*/
}
h6 {
    font-size: 16px;
    color: #36363d; /*color: #002639;*/
}

a {
    color: #259e57; /* #2ab363; #2bde73;*/
    text-decoration: none;
    outline: none;
}
a:hover,
a:focus {
    color: #2ab363; /* #46c37a; #2bde73; #1cbb5c;*/
    text-decoration: none;
    outline: none;
}

hr {
    border-color: #dfdfdf;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 5px 0 0;
}

label {
    font-weight: normal;
}

/*** global elements ***/

/* a- */

/* black */
.a-default {
    color: #222222;
}
.a-default:hover,
.a-default:focus {
    color: #555;
}

/* bark blue */
.a-primary {
    color: #2c3659;
}

/* green */
.a-sec {
    color: #259e57;
}
.a-sec:hover,
.a-sec:focus {
    color: #2ab363; /*#2bde73;*/
    text-decoration: underline;
    outline: none;
}

/* grey */
.a-ter {
    color: #888;
}
.a-ter:hover,
.a-ter:focus {
    color: #707070;
}

/* green with black */
.a-ter-v1 {
    color: #259e57;
}
.a-ter-v1:hover,
.a-ter-v1:focus {
    color: #222222;
}

.a-underline {
    text-decoration: underline;
}
.a-underline:hover {
    text-decoration: none;
}

.a-hunderline {
    text-decoration: inherit;
}
.a-hunderline:hover {
    text-decoration: underline;
}

/* red */
.a-alert {
    color: #e2493d;
}
.a-alert:hover {
    color: #f01a0f;
}

/* alert- */
.alert-warning .alert-link:hover {
    color: #7d6b4b;
}

/* anchor- */
.anchor {
    position: relative;
    display: block;
    top: -100px;
    visibility: hidden;
}

/* badge */
.badge {
    background-color: #999999;
    padding: 2px 7px 4px 7px;
    line-height: 12px;
}
.badge-alert {
    background-color: #dc1037;
}
.badge-primary {
    background-color: #2ab363;
}

/* bold */
.bold {
    font-weight: 700;
}

/*** btn- ***/
.btn {
    padding: 10px 25px;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: none;
    font-size: 16px;
    transition: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    border: 1px solid transparent;
    outline: 0;
}
.btn:hover,
.btn:focus,
.btn.focus {
    color: #fff;
    text-decoration: none;
    border: 1px solid transparent;
    box-shadow: none;
}
.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled.focus,
.btn[disabled].focus,
fieldset[disabled] .btn.focus {
    background-color: #ccc;
    border: 1px solid transparent;
}

/* btn-primary - green flat */
.btn-primary {
    color: #fff;
    background-color: #2ab363;
}
.btn-primary:hover {
    color: #fff;
    background-color: #59c485;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:hover,
.btn-primary:active:focus {
    color: #fff;
    background-color: #2ab363;
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #2ab363;
    border: 1px solid transparent;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
       color: #fff;
    background-color: #2ab363;
    border: 1px solid transparent;
}

/* btn-default - while bg grey border */
.btn-default {
    color: #363636;
    background: #fff;
    border: 1px solid #cccccc;
}
.btn-default:hover {
    color: #363636;
    background-color: #eaeaea;
    border: 1px solid #cccccc;
}
.btn-default:active,
.btn-default:focus,
.btn-default:active:hover,
.btn-default:active:focus {
    color: #363636;
    background: #fff;
    border: 1px solid #cccccc;
}

/* btn-sec - grey bg grey border */
.btn-sec {
    color: #363636;
    background: #f2f2f2;
    border: 1px solid #cccccc;
}
.btn-sec:hover {
    color: #363636;
    background-color: #eaeaea;
    border: 1px solid #cccccc;
}
.btn-sec:active,
.btn-sec:focus,
.btn-sec:active:hover,
.btn-sec:active:focus {
    color: #363636;
    background: #fff;
    border: 1px solid #cccccc;
}

/* btn-ter - grey blue */
.btn-ter {
    color: #ffffff;
    background-color: #002639;
}
.btn-ter:hover {
    color: #002639;
    background-color: #2BDE73;
}

/* btn-quat - grey flat */
.btn-quat {
    color: #363636;
    background-color: #f2f4f5;
}
.btn-quat:hover {
    color: #363636;
    background-color: #eaeaea;
}

/* btn-alert - red flat */
.btn-alert {
    color: #fff;
    background-color: #da1c42;
}
.btn-alert:hover {
    color: #fff;
    background-color: #dd2e51;
}
.btn-alert:active,
.btn-alert:focus,
.btn-alert:active:hover,
.btn-alert:active:focus {
    color: #fff;
    background-color: #da1c42;
}

/* split buttons - btn-primary */
.btn-group > .btn-primary.dropdown-toggle,
.btn-group.open > .btn-primary.dropdown-toggle:hover,
.btn-group.open > .btn-primary.dropdown-toggle:focus {
    border-left: 1px solid #aee9c5;
    z-index: 10;
}
.btn-group > .btn-primary.dropdown-toggle:hover,
.btn-group > .btn-primary.dropdown-toggle:focus,
.btn-group.open > .btn-primary.dropdown-toggle:hover,
.btn-group.open > .btn-primary.dropdown-toggle:focus {
    background: #23a254;
}
.btn-group > .btn-primary.dropdown-toggle .caret {
    margin-left: 5px;
    margin-right: 5px;
}
.btn-group.open .dropdown-menu {
    left: auto;
    right: 0;
    min-width: 180px;
}

/*** @deprecated ***/
/*** btn-*-v1 ***/

/* while background with blue border */
.btn-default-sec {
    background-color: #ffffff;
    border-color: #002639;
    color: #002639;
    border-radius: 5px;
    box-shadow: 0 3px 0 0 #1b3947;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}
.btn-default-sec:hover,
.btn-default-sec:focus {
    border-color: #002639;
    color: #002639;
    background-color: #f4f6f9;
}

/* blue with shaddow */
.btn-primary-v1 {
    background-color: #002639;
    border-radius: 5px;
    box-shadow: 0 3px 0 0 #2bde73;
    color: #ffffff;
    font-size: 16px;
    margin: 0 auto;
}
.btn-primary-v1:hover,
.btn-primary-v1:focus {
    background-color: #2BDE73;
    color: #002639;
    box-shadow: 0px 3px 0px 0.00px #002639;
}

/* blue flat no border */
.btn-primary-flat {
    background-color: #002639;
    border-color: #002639;
    color: #fff;
}
.btn-primary-flat:hover,
.btn-primary-flat:focus {
    background-color: #2BDE73;
    border-color: #2BDE73;
    color: #002639;
}

/*** end: btn-*-v1 ***/

.btn .caret {
    margin-left: 8px;
}

/* btn-transparent */
.btn-transparent {
    background-color: transparent;
}

/* btn-facebook */
.btn-facebook {
    color: #ffffff;
    background-color: #3b5998;
    font-size: 18px;
    text-align: left;
    padding: 0;
    height: 48px;
    position: relative;
}
.btn-facebook i {
    position: absolute;
    display: block;
    width: 46px;
    height: 46px;
    background: url(/assets/images/app/business/login/btn_facebook_logo.png) 10px 10px no-repeat #fff;
    border-radius: 2px;
}
.btn-facebook span {
    display: inline-block;
    padding-left: 64px;
    padding-top: 9px;
}
.btn-facebook:hover,
.btn-facebook:focus {
    color: #ffffff;
    background-color: #4d6bb3;
}

/* btn-google */
.btn-google {
    color: #ffffff;
    background-color: #4285f4;
    font-size: 18px;
    text-align: left;
    padding: 0;
    height: 48px;
    position: relative;
}
.btn-google i {
    position: absolute;
    display: block;
    width: 46px;
    height: 46px;
    background: url(/assets/images/app/business/login/btn_google_logo.png) 10px 10px no-repeat #fff;
    border-radius: 2px;
}
.btn-google span {
    display: inline-block;
    padding-left: 64px;
    padding-top: 9px;
}
.btn-google:hover,
.btn-google:focus {
    color: #ffffff;
    background-color: #4b8bf5;
}

/* btn-lg */
.btn-lg {
    font-size: 18px;
    padding: 11px 30px;
}

.btn-xl {
    font-size: 20px;
    padding: 12px 40px;
}

/* btn-md */
.btn-md {
    padding: 6px 12px;
}

/* btn-sm */
.btn-group-sm > .btn,
.btn-sm {
    font-size: 12px;
    line-height: 1.5;
    min-width: 40px;
    padding: 5px 10px;
}

/* btn-link */
.btn-link {
    font-size: 16px;
}

/* btn-group */
.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

/* btn-margin */
.btn-margin-bottom {
    margin-bottom: 10px;
}
.btn-margin-left {
    margin-right: 10px;
}
.btn-margin-right {
    margin-right: 10px;
}
.btn-margin-top {
    margin-top: 10px;
}

.btn-off,
.btn-off:focus,
.btn-off:hover {
    color: #ffffff;
    background: #cacaca;
}

/* caret */
.caret-right {
    position: absolute;
    right: 15px;
    top: 15px;
}

/* checkbox-sec ... grey off, green on */
.checkbox-sec {
    display: inline-block;
    padding: 0;
    margin: 12px 0;
    line-height: 1.2em;
}
.checkbox-sec input {
    position: absolute;
    visibility: hidden;
    left: -9999px;
}
.checkbox-sec label {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 3px 0 0 40px;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}
.checkbox-sec label::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #d9d9d9;
    background-color: #eeeeee;
    border-radius: 5px;
}
.checkbox-sec label:hover, input:focus+label {
}
.checkbox-sec input:checked+label {
}
.checkbox-sec input:checked+label::before {
    font-family: 'FontAwesome';
    content: "\f00c";
    color: #fff;
    padding: 0px 0px 0px 2px;
    border: 2px solid #38c46e; /*2bde73; #52bfd1;*/
    background-color: #64d38f;
}
.checkbox-sec input[disabled]+label::before {
    border: 2px solid #d9d9d9;
    background-color: #eee;
}

/* checkbox small */
.checkbox-sm {
    display: inline-block;
    padding: 0;
    margin: 5px 0;
    line-height: 1.2em;
}
.checkbox-sm input {
    position: absolute;
    visibility: hidden;
    left: -9999px;
}
.checkbox-sm label {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 3px 0 0 34px;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}
.checkbox-sm label::before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #d9d9d9;
    background-color: #eeeeee;
    border-radius: 5px;
}
.checkbox-sm label:hover, input:focus+label {
}
.checkbox-sm input:checked+label {
}
.checkbox-sm input:checked+label::before {
    font-family: 'FontAwesome';
    content: "\f00c";
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    padding: 1px 0px 0px 2px;
    border: 2px solid #38c46e; /*2bde73; #52bfd1;*/
    background-color: #64d38f;
}
.checkbox-sm input[disabled]+label::before {
    border: 2px solid #d9d9d9;
    background-color: #d9d9d9;
}

/* checkbox xsmall */
.checkbox-xs {
    display: inline-block;
    padding: 0;
    margin: 5px 0;
    line-height: 1.2em;
}
.checkbox-xs input {
    position: absolute;
    visibility: hidden;
    left: -9999px;
}
.checkbox-xs label {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 3px 0 0 26px;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}
.checkbox-xs label::before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #d9d9d9;
    background-color: #eeeeee;
    border-radius: 3px;
}
.checkbox-xs input:checked+label::before {
    font-family: 'FontAwesome';
    content: "\f00c";
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 1px 0px 0px 2px;
    border: 1px solid #38c46e;
    background-color: #64d38f;
}
.checkbox-xs input[disabled]+label::before {
    border: 1px solid #d9d9d9;
    background-color: #d9d9d9;
}

/* checkbox-border - grey border */
.checkbox-border {
    border: 1px solid #eaeaea;
    padding: 4px 5px 6px 5px;
    border-radius: 5px;
    display: block;
    width: 100%;
}

/* radio-sec ... grey off, green on */
.radio-sec {
    display: inline-block;
    padding: 0;
    margin: 12px 0;
    line-height: 1.2em;
}
.radio-sec input {
    position: absolute;
    visibility: hidden;
    left: -9999px;
}
.radio-sec label {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 3px 0 0 40px;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}
.radio-sec label::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #d9d9d9;
    background-color: #eeeeee;
    border-radius: 10px;
}
.radio-sec input:checked+label::before {
    font-family: 'FontAwesome';
    content: "\f111";
    font-size: 9px;
    color: #fff;
    padding: 0px 0px 0px 6px;
    border: 2px solid #38c46e; /*2bde73; #52bfd1;*/
    background-color: #64d38f;
}

/* dropdown */
.dropdown .btn {
    padding: 6px 12px;
}

.dropdown-scrollable {
    height: auto;
    max-height: 220px;
    overflow-x: hidden;
}

/* btn default padding */
.dropdown .btn.btn-regular {
    padding: 10px 25px;
}

.dropdown-inline {
    display: inline-block;
}
.dropdown-inline .btn-dropdown {
    color: #363636;
    background: #fff;
    border: 1px solid #cccccc;
}

.dropdown-block {
    display: block;
    width: 100%;
}
.dropdown-block .btn {
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
}
.dropdown-block .btn  span {
    position: absolute;
    right: 15px;
    top: 14px;
}

/* dropdown-menu */
.dropdown-menu > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #222222;
    background-color: #eaeaea;
}
.dropdown-menu .icon {
    width: 24px;
    color: #888;
}

.dropdown-menu-align-right {
    left: auto;
    right: 0;
}

/* fa-  font-awesome related */
.fa-margin-right {
    margin-right: 5px;
}
.fa-size-md {
    font-size: 24px;
    vertical-align: top;
    margin-right: 10px;
}

/* fade- */
.fade-in {
     -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* form-control */
.form-control {
    color: #363636;
    font-size: 16px;
    border-radius: 2px;
    height: 46px;
    border: 2px solid #e0e0e0;
    box-shadow: none;
}
.form-control:focus {
    border-color: #0bd4ad;
    box-shadow: none;
    outline: 0 none;
}

.form-control-block {
    display: block;
    width: 100%;
    color: #363636;
    font-size: 16px;
    border-radius: 2px;
    height: 46px;
    padding: 10px 0 0 0;
}

.form-control.form-control-error {
    border-color: #e4524c;
}

.form-control-md {
    padding: 6px 12px;
    font-size: 16px;
    height: auto;
}

select.input-sm {
    font-size: 12px;
}

.form-control-sec {
    background: #f0f0f0 none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    color: #002639;
    font-size: 16px;
    font-style: italic;
    padding: 0 20px;
    height: 40px;
}
.form-control-sec:focus {
    border-color: #2bde73;
}

/* form-group */
.form-group {
    position: relative;
}

/* match the height of the form-control */
.form-control-text {
    padding-top: 11px;
}

/* form-group-line */
.form-group-line {
    display: block;
    width: 100%;
    min-height: 38px;
    margin: 0px auto;
    position: relative;
}
.form-group-line:before {
    display: inline-block;
    content: "";
    width: 50%;
    min-height: 38px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 10;
    background: url("/assets/images/common/form/form_group_line_bg.png") no-repeat bottom left;
}
.form-group-line:after {
    display: inline-block;
    content: "";
    width: 50%;
    min-height: 38px;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 10;
    background: url("/assets/images/common/form/form_group_line_bg.png") no-repeat bottom right;
}
.form-group-line .form-control {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 14px;
    background: none;
    border: none;
    padding: 1px 0px 1px 65px;
    z-index: 100;
    position: absolute;
    height: 38px;
    left: 0;
    top: 0px;
}

/* placeholder */
.form-group-line input::-webkit-input-placeholder {
    color: #fff;
}
.form-group-line :-moz-placeholder { /* Firefox 18- */
    color: #fff;
}
.form-group-line ::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;
}
.form-group-line :-ms-input-placeholder {
    color: #fff;
}

/* chrome fix autofill */
.form-group-line input:-webkit-autofill,
.form-group-line input:-webkit-autofill:hover,
.form-group-line input:-webkit-autofill:focus,
.form-group-line input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.form-group-line .form-control-line {
    font-style: italic;
    font-weight: 500;
}
.form-group-line .validation-error-field {
    position: absolute;
    top: 31px;
    right: 0;
    z-index: 100;
}
.form-group-line-icon {
    position: absolute;
    left: 25px;
    top: 3px;
    display: block;
    width: 25px;
    height: 30px;
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    text-align: left;
    z-index: 100;
}
.form-group-line-icon-error {
    color: #f42156;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-required {
    color: #cc2222;
}

/* height */
.height-full {
    height: 100%;
    min-height: 100%;
}

/* h1- */
.h1-sec {
    color: #002639;
    font-size: 40px;
    margin: 0 auto 20px auto;
    padding: 30px 40px;
    text-transform: uppercase;
    display: inline-block;
}
.h1-sec span {
    font-style: italic;
    text-transform: none;
    font-family: "garamond", sans-serif;
    font-weight: bold;
}
.h1-sec.squish-left {
    background: rgba(0, 0, 0, 0) url("/assets/images/squish_lg.png") no-repeat scroll 0 80%;
}
.h1-sec.squish {
    background: rgba(0, 0, 0, 0) url("/assets/images/squish_lg.png") no-repeat scroll 100% 80%;
}

/* help */
.help {
    color: #858585;
}
.help-block {
    margin: 0 0 10px 0;
}
.help-sm {
    font-size: 14px;
    line-height: 18px;
}
.help-bold {
    font-weight: bold;
}

.help-tooltip {
    color: #858585;
    cursor: pointer;
    font-size: 18px;
}
.help-tooltip:hover {
    color: #393939;
    cursor: pointer;
}

/* hr- */
.hr-footer {
    width: 100%;
    height: 20px;
    background: url(/assets/images/separator_bg.png) no-repeat scroll 50% 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.hr-logo {
    width: 100%;
    height: 31px;
    background: url(/assets/images/ui/hr/m_inve.png) no-repeat scroll 50% 50%;
    margin: 10px 0px;
    text-align: center;
}
.hr-logo-small {
    display: block;
    width: 21px;
    height: 20px;
    background: url(/assets/images/baby_logo.png) no-repeat scroll 0 0;
    margin: 0 auto;
}
.hr-user {
    display: block;
    width: 21px;
    height: 20px;
    background: url(/assets/images/small_consumer.png) no-repeat scroll 0 0;
    margin: 0 auto;
}
.hr-fixed-sm {
    width: 600px;
}

/* img */
.img-center {
    margin: 0 auto;
}

/* label- */
.label-default {
    background-color: #aaa;
    font-size: 13px;
    line-height: 13px;
    padding: 3px 10px 4px 10px;
}
.label .icon {
    padding-left: 10px;
}
.label-default a {
    color: #fff;
}

.label-slide-in {
    display: block;
    position: absolute;
    top: -13px;
    left: 30px;
    margin: 0;
    color: #2BDE73;
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3 linear;

}
.form-control:focus ~ label.label-slide-in {
    left: 0;
    opacity: 1;
}

/* align text with form elements */
.form-text {
    padding-top: 5px;
}

/* line-vertical */
.line-vertical:before {
    background: #e3e3e3;
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    width: 1px;
    top: 0;
}

/* margin */
.margin-bottom {
    margin-bottom: 30px;
}
.margin-bottom-sec {
    margin-bottom: 15px;
}
.margin-bottom-ter {
    margin-bottom: 20px;
}
.margin-bottom-quat {
    margin-bottom: 10px;
}
.margin-bottom-qui {
    margin-bottom: 5px;
}
.margin-bottom-senx {
    margin-bottom: 60px;
}
.margin-bottom-sen {
    margin-bottom: 120px;
}

.margin-left {
    margin-left: 30px;
}
.margin-left-sec {
    margin-left: 15px;
}
.margin-left-ter {
    margin-left: 20px;
}
.margin-left-quat {
    margin-left: 10px;
}

.margin-right {
    margin-right: 30px;
}
.margin-right-sec {
    margin-right: 15px;
}
.margin-right-ter {
    margin-right: 20px;
}
.margin-right-quat {
    margin-right: 10px;
}

.margin-top {
    margin-top: 30px;
}
.margin-top-sec {
    margin-top: 15px;
}
.margin-top-ter {
    margin-top: 20px;
}
.margin-top-quat {
    margin-top: 10px;
}

/* middot */
.middot {
    padding-left: 5px;
    padding-right: 5px;
}

/* modal */
.modal-body {
    padding: 40px 30px;
}
.modal-content {
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding-left: 30px;
    padding-right: 30px;
}
.modal-no-header .modal-header  {
    border-bottom: none;
}
.modal-no-header .modal-body {
    padding: 10px;
}
.modal-title {
    font-size: 22px;
    margin: 0;
    color: #002638;
}
.modal-hr {
    height: 30px;
    background: url(/assets/images/m_inve.png) no-repeat 50% 0px;
}

/* modal-full */
.modal-full {
    background: #f9f9f9;
    height: 100%;
    width: 100%;
}
.modal-full .modal-dialog {
    margin: 0 auto;
    width: 100%;
}
.modal-full .modal-dialog .modal-content {
    box-shadow: none;
    background-clip: padding-box;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: 0 none;
    position: relative;
}
.modal-full .modal-backdrop {
    background: none;
}

/* modal-vertical */
.modal-vertical {
    text-align: center;
    padding: 0!important;
}
.modal-vertical:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.modal-vertical .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/* multiselect */
.multiselect {

}
.multiselect-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.multiselect-menu a {
    color: #222;
}
.multiselect-menu a .checkbox {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #e0e0e0;
    padding: 4px 5px 6px 5px;
    margin: 2px 10px 0 0;
    vertical-align: top;
    border-radius: 2px;
}
.multiselect-menu a .checkbox.checked {
    color: #fff;
    border: 2px solid #38c46e;
    background-color: #64d38f;
    position: relative;
}
.multiselect-menu a .checkbox.checked:after {
    position: absolute;
    left: 0;
    top: -5px;
    font-family: 'FontAwesome';
    content: "\f00c";
}

/* no- */
.no-gutter {
    margin-right: 0;
    margin-left: 0;
}
.no-gutter > [class^="col-"],
.no-gutter > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.no-margin {
    margin: 0;
}
.no-padding {
    padding: 0;
}

/* onoffswitch */
.onoffswitch {
    position: relative;
    display: inline-block;
    width: 54px;
    text-align: left;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 22px;
    padding: 0;
    line-height: 22px;
    font-size: 12px;
    color: white;
    font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #2ab363;
    color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE;
    color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block;
    width: 16px;
    height: 16px;
    margin: 3px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    border-radius: 50%;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

/* popover- */
.popover-help {
    color: #888;
    cursor: pointer;
}

/* position- */
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.position-fixed {
    position: fixed;
}

/* row- */
.row-list {
    list-style: outside none none;
    margin-bottom: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
}

/* subnav */
.subnav {
    background: #f2f2f2;
    margin-bottom: 30px;
    padding: 15px 20px;
    border-bottom: 1px solid #eaeaea;
}
.subnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.subnav li {
    float: left;
    margin: 0;
    padding: 0px 20px;
}
.subnav li a {
    display: block;
    color: #363636;
    text-decoration: none;
    font-weight: 500;
    padding: 0px;
}
.subnav li a:hover {
    text-decoration: none;
    color: #858585;
}
.subnav li a span {
    color: #858585;
}
.subnav .active a {
    color: #2ab363;
    font-weight: 700;
}
.subnav .active a span {
    color: #2ab363;
}
.subnav .active a:hover {
    color: #59c485;
}

/* tabs */
.tabs {
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
    padding: 0;
}
.tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs li {
    float: left;
    margin: 0;
    padding: 0px 30px 0px 0px;
}
.tabs li:LAST-CHILD {
    padding-right: 0;
}
.tabs li a {
    display: block;
    color: #363636;
    text-decoration: none;
    font-weight: 700;
    padding: 0px 8px 6px 8px;
}
.tabs li a:hover {
    text-decoration: none;
    color: #858585;
}
.tabs li a span {
    color: #858585;
}
.tabs .active a {
    color: #2ab363;
    border-bottom: 3px solid #2ab363;
}
.tabs .active a span {
    color: #2ab363;
}
.tabs .active a:hover {
    color: #59c485;
    border-bottom: 3px solid #59c485;
}

/* table */
.table > thead > tr > th {
    font-weight: 500;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 12px 8px;
}

.table-no-thead > tbody > tr:first-child > td {
    border-top-color: #fff;
}

.table-no-border.table>tbody>tr>td {
    border-top: none;
}

/* text */
.text-sm {
    font-size: 13px;
    line-height: 18px;
}
.text-md {
    font-size: 16px;
}
.text-lg {
    font-size: 18px;
}

/* black */
.text-default {
    color: #222222;
}

/* dark blue */
.text-primary {
    color: #002639;
}

/* green */
.text-sec {
    color: #2ab363; /*#02c76e; #2bde73;*/
}

/* grey */
.text-ter {
    color: #888888;
}

/* white */
.text-quat {
    color: #ffffff;
}

/* red */
.text-alert {
    color: #f43d34;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-word-break-all {
    max-width: 100%;
    word-break: break-all;
    height: auto;
}

/* weight-bold */
.weight-bold {
    font-weight: 700;
}

.weight-medium {
    font-weight: 500;
}

.weight-normal {
    font-weight: normal;
}

/* ul-table- */
.ul-table {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ul-table > li {
    padding: 20px 0;
    border-top: 1px solid #ddd;
}
.ul-table li.thead {
    border-top: none;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}
.ul-table li.border-bottom {
    border-bottom: 1px solid #ddd;
}

.ul-padding {
    padding-left: 20px;
}

/*** components ui ***/

/* avatar */
.avatar {
    outline: none;
    color: #222222;
    display: table;
}
.avatar img {
    border-radius: 50%;
    margin-right: 10px;
    display: table-cell;
}
.avatar .avatar-cnt {
    display: table-cell;
    line-height: 18px;
    vertical-align: top;
}
.avatar .avatar-cnt .avatar-name {
    display: block;
    font-weight: bold;
}
.avatar .avatar-cnt .avatar-title {
    display: block;
}

.avatar.avatar-sm img {
    width: 40px;
    height: 40px;
    margin-right: 6px;
}

/* file upload */
.fileinput-button {
    position: relative;
    overflow: hidden;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}
/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        ont-size: 100%;
        height: 100%;
    }
}

/* icons */

/* white */
.iconx-close {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3 linear;
    z-index: 500;
}
.iconx-close:hover {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* blue */
.iconx-close-sec {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: url(/assets/images/ui/btn/close_white.png) no-repeat 50% 50%;
    cursor: pointer;
    transition: all 0.3s linear 0s;
    z-index: 10;
}
.iconx-close-sec:hover {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* pagination */
.pagination-container {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: nowrap;
}
.pagination-container__links {
    flex: 1;
    min-width: 0;
}
.pagination-container__page-of {
    flex-shrink: 0;
    align-self: flex-start;
    white-space: nowrap;
    line-height: 40px;
}

.pagination {
    margin: 0;
}
.pagination > li > a,
.pagination > li > span {
    padding: 6px 10px;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    margin-right: 5px;
    margin-bottom: 5px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #888888;
    background-color: #eaeaea;
    border-color: #eaeaea;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #888888;
    background-color: #eaeaea;
    border-color: #eaeaea;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999999;
    background-color: #ffffff;
    border-color: #dddddd;
}


/* tip */
.tip {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
    opacity: 0;
    color: #fff;
    width: 200px;
    top: auto;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    line-height: 15px;
    background: #fff;
    transition: margin .4s, opacity .4s;
    -webkit-transition: margin .4s, opacity .4s;
    -moz-transition: margin .4s, opacity .4s;
    -ms-transition: margin .4s, opacity .4s;
    -o-transition: margin .4s, opacity .4s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    border-top: 3px solid #0dcea4;
}
.tip:after {
    top: -9px;
    right: 8px;
    border-bottom: 6px solid #0dcea4;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: '';
    position: absolute;
    margin: 0;
}
.tip > em {
    padding: 10px;
    font-style: normal;
    display: block;
    position: static;
}
/* blue over white */
.tip-primary {
    top: 46px;
    right: 0px;
    color: #fff;
    background: #0dcea4;
}
/* white over black */
.tip-sec {
    top: 48px;
    right: 0px;
    background: #fff;;
    color: #000;
}
.tip > em {
    padding: 10px;
    font-style: normal;
    display: block;
    position: static;
}
.form-control:focus ~ .tip {
    left: auto;
    opacity: 1;
    z-index: 600;
}

/* validation */
.validation-error {
    width: 100%;
    background: #ffffff;
    color: #ca4045;
    border: 1px solid #ca4045;
    text-align: left;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 10px;
}
.validation-error.text-center {
    text-align: center;
}
.validation-error span {
    display: inline-block;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
}
.validation-error ul {
    margin: 5px 10px 10px 10px;
    padding-left: 20px;
}
.validation-error a {
    color: #ca4045;
    text-decoration: underline;
}
.validation-error p:last-child {
    margin-bottom: 0;
}

.validation-error-field {
    font-size: 12px;
    font-weight: normal;
    color: #e4524c;
    text-align: right;
    display: block;
    padding-top: 5px;
    float: none;
}

.validation-info {
    width: 100%;
    background:#ffffd8;
    border: 1px solid #CACA9D;
    text-align: left;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 15px;
    animation: fadein 0.75s;
}
.validation-info span {
    display: inline-block;
    color: #DCCA00;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
}
.validation-info ul {
    margin: 5px 10px 10px 10px;
    padding-left: 20px;
}
.validation-loader-modal {
    padding: 25px;
}

/* video-responsive */
.video-responsive {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*** responsive ***/

/*** xs ***/
@media (max-width: 767px) {

/* table-to-list - transform a table to a list */
.table-to-list table,
.table-to-list thead,
.table-to-list tbody,
.table-to-list th,
.table-to-list td,
.table-to-list tr {
    display: block;
}
.table-to-list thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.table-to-list tr {
    border: 1px solid #ccc;
}
.table-to-list td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align:left;
}
.table-to-list td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
}
.table-to-list td:before {
    content: attr(data-title);
}

}

/*** from-sm ***/
@media (min-width: 992px) {

.text-right-sm {
    text-align: right;
}

}

/*** up-to-sm **/
@media (max-width: 991px) {

/*** core ***/
h1 {
    font-size: 22px;
    margin: 30px 0;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

/*** template ***/

/* footer */
.footer ul li a {
    font-size: 14px;
}

/*** general elements ***/

/* iconx */
.iconx-close {
    top: 10px;
    right: 10px;
}

/* form-group-line */
.form-group-line-icon {
    left: 0;
}
.form-group-line .form-control {
    padding-left: 35px;
}

/* h */
.h1-sec {
    font-size: 20px;
    padding: 20px 0;
}
.h1-sec.squish,
.h1-sec.squish-left {
    background: none;
}
.h1-sec span {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
}

/* margin */
.margin-bottom-sm {
    margin-bottom: 30px;
}

/* section */
.section {
    padding: 25px 0;
}

}

/*** from-lg ***/
@media (min-width: 1200px) {

.text-right-lg {
    text-align: right;
}

}

/*** from-xl ***/
@media (min-width: 1650px) {

.text-right-xl {
    text-align: right;
}

}