@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
 body {
	font-family: 'Montserrat', sans-serif;
}
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
.justify-center {
	display: flex;
	justify-content: center;
}
/*spacer*/
.p-5 { padding: 5px;}
.p-15 { padding: 15px;}
.p-30 { padding: 30px;}
.p-tb-5 {
	padding: 5px 0px;
}
.p-tb-10 {
	padding: 10px 0px;
}
.p-tb-15 {
	padding: 15px 0px;
}
.p-tb-20 {
	padding: 20px 0px;
}
.p-tb-30 {
	padding: 30px 0px;
}
.p-tb-40 {
	padding: 40px 0px;
}
.p-tb-50 {
	padding: 50px 0px;
}
.p-tb-100 {
	padding: 100px 0px;
}
.p-tb-125 {
	padding: 125px 0px;
}
.p-tb-150 {
	padding: 150px 0px;
}
.p-lr-15 {
	padding-left: 15px;
	padding-right: 15px;
}
.p-lr-30 {
	padding-left: 30px;
	padding-right: 30px;
}
.p-lr-60 {
	padding-left: 60px;
	padding-right: 60px;
}
.pl-0 {

    padding-left: 0px;

}
.pl-10 {
	padding-left: 10px;
}
.pl-15 {
	padding-left: 15px;
}
.pl-20 {
	padding-left: 20px;
}
.pt-20 {
	padding-top: 20px;
}
.m-0 { margin: 0px;}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-140 {
	margin-bottom: 140px;
}
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-50 {
	margin-top: 50px;
}
.ml-5 {
	margin-left: 5px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-30 {
	margin-left: 30px;
}
.m-tb-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.mr-5 {
	margin-right: 5px;
}
.mr-10 {
	margin-right: 10px;
}
.lh-30 {
	line-height: 30px;
}
.top-section .ti-light-bulb {
	font-size: 18px;
	vertical-align: middle;
}
/*spacer*/

/*Font Size*/

.font-10-500 {
	font-size: 10px;
	font-weight: 500;
}
.font-xs-500 {
	font-size: 12px;
	font-weight: 500;
}
.font-sm-500 {
	font-size: 14px;
	font-weight: 500;
}
.font-10 {
	font-size: 10px;
}
.font-xs {
	font-size: 12px;
}
.font-sm {
	font-size: 14px;
}
.font-16-500 {
	font-size: 16px;
	font-weight: 500;
}
.font-18-500 {
	font-size: 18px;
	font-weight: 500;
}
.font-18-600 {
	font-size: 18px;
	font-weight: 600;
}
.font-16-600 {
	font-size: 16px;
	font-weight: 600;
}

.font-20 {
	font-size: 20px;
}
/*Font Size*/
.bg-ffffff { background-color: #fff;}
.bg-f7f7f7 {
	background-color: #f7f7f7;
}
.bg-fafafa {
	background-color: #fafafa;
}
.color-white {
	color: #fff;
}
.color-303542 {
	color: #303542;
}
.color-33475b {
	color: #33475b;
}
.color-85919d {
	color: #85919d;
}
.color-9fa8b2 {
	color: #9fa8b2;
}
.color-ce4540 {
	color: #ce4540;
}
.color-2ca957 {
	color: #2ca957;
}
.color-38187c {
	color: #38187c;
}


.color-223b6a {
	color: #223b6a;
}

.color-b30e66 {
	color: #b30e66;
}

.color-1aa8af {
	color: #1aa8af;
}

.color-e1e1e1 {
	color: #e1e1e1;
}

.color-637382 {
	color: #637382;
}


.bg-1aa8af {
	background-color: #1aa8af;
}


.shipment .short-btn button.btn {

    font-size: ;
    font-size: 16px;
    font-weight: 500;
    padding: 0;

}
.shipment .short-btn button.color-b30e66 {
   color: #b30e66;

}

.shipment .short-btn button.color-1aa8af {
   color: #1aa8af;

}
.shipment .short-btn button.color-ce4540 {
   color: #ce4540;

}

.shipment-box {

    background-color: #fff;
    padding: 15px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    box-shadow: 0 -3px 0 inset #ebebeb;
    margin-bottom: 10px;

}

.shipment-thumb {

    width: 25px;
    display: inline-block;

}

.shipment-thumb img {

    width: 100%;
    border-radius: 4px;

}

.shipment-box .custom-pickers > label { vertical-align: top;}

.ship-rgt .ti-more-alt { vertical-align: top;}

.ship-rgt .btn-group.open .dropdown-toggle { box-shadow: none;}

.ship-rgt .dropdown-toggle { cursor: pointer;}

.ship-rgt .dropdown-menu { margin-top: -10px;}

.ship-rgt .after-line::after {

    content: "|";
    margin-left: 5px;
    font-size: 12px;
    font-weight: 300;

}


.btn.c-btn-sm-lr { padding: 12px 15px; }
.btn.btn-theme-1 {
	background-color: #461e9a;
	color: #fff;
	box-shadow: 0px -2px 0px inset #2f126c;
	padding: 12px 30px;
	transition: ease .5s;
	font-weight: 500;
}
.btn.btn-theme-1:hover,
.btn.btn-theme-2:hover,
.btn.btn-theme-3:hover,
.btn.btn-theme-4:hover,
.btn.btn-theme-5:hover {
	opacity: 0.8;
	transition: ease .5s;
}
.btn-theme-2 {
	background-color: #2dbcc3;
	color: #fff;
	box-shadow: 0px -2px 0px inset #1aa8af;
	padding: 12px 30px;
	transition: ease .5s;
	font-weight: 500;
}
.btn.btn-theme-2:hover {
	color: #fff;
}
.btn.btn-theme-3 {
	color: #33475b;
	border: 1px solid #e1e1e1;
	padding: 12px 30px;
	transition: ease .5s;
	font-weight: 500;
	background: #fbfbfb;
	background: -moz-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background: -webkit-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fbfbfb 0%, #f0f0f0 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#f0f0f0', GradientType=0);
}
.btn-theme-4 {
	background-color: #fff;
	color: #33475b;
	box-shadow: 0px -2px 0px inset #e8e8e8;
	padding: 12px 30px;
	transition: ease .5s;
	font-weight: 500;
	border: 1px solid #e8e8e8;
}
.btn-theme-5 {
	background-color: #fff;
	color: #33475b;
	padding: 6px 20px;
	transition: ease .5s;
	font-weight: 500;
	border: 1px solid #e8e8e8;
}
.btn.c-btn-lg {
	padding: 12px 100px;
}
.account-header {
	background-color: #461e9a;
	padding: 15px 0px;
}
.dropdown-lang .btn-group.open .dropdown-toggle {
	box-shadow: none;
}
.dropdown-lang .dropdown-toggle {
	cursor: pointer;
}
/*checkbox*/

input[type='number'] {
	-moz-appearance: textfield;
	-webkit-appearance: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield;
}
/* Base for label styling */

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
}
/* checkbox aspect */

[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #ebebeb;
	background: #fff;
	border-radius: 3px;
}
/* checked mark aspect */

[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
	content: '\e64c';
	position: absolute;
	top: 0;
	left: 0;
	border-color: transparent;
	color: #fff;
	transition: all .2s;
	font-family: 'themify';
	background-color: #19a7ae;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 3px;
	line-height: 20px;
}
/* checked mark aspect changes */

[type="checkbox"]:not(:checked)+label:after {
	opacity: 0;
	transform: scale(0);
}
[type="checkbox"]:checked+label:after {
	opacity: 1;
	transform: scale(1);
}
.custom-pickers label {
	margin-bottom: 0px;
	font-weight: 500;
	color: #33475b;
	font-size: 13px;
}
/*checkbox*/

/*radio*/

input[type='number'] {
	-moz-appearance: textfield;
	-webkit-appearance: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance: textfield;
}
/* Base for label styling */

[type="radio"]:not(:checked),
[type="radio"]:checked {
	position: absolute;
	left: -9999px;
}
[type="radio"]:not(:checked)+label,
[type="radio"]:checked+label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
}
/* checkbox aspect */

[type="radio"]:not(:checked)+label:before,
[type="radio"]:checked+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #ebebeb;
	background: #fff;
	border-radius: 100%;
}
/* checked mark aspect */

[type="radio"]:not(:checked)+label:after,
[type="radio"]:checked+label:after {
	content: '\e64c';
	position: absolute;
	top: 0;
	left: 0;
	border-color: transparent;
	color: #fff;
	transition: all .2s;
	font-family: 'themify';
	background-color: #19a7ae;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 100%;
	line-height: 20px;
}
/* checked mark aspect changes */

[type="radio"]:not(:checked)+label:after {
	opacity: 0;
	transform: scale(0);
}
[type="radio"]:checked+label:after {
	opacity: 1;
	transform: scale(1);
}
.custom-pickers label.color-303542 {
	color: #303542;
}
/*radio*/

/*add product module*/

.top-section {
	background: #fff;
	padding: 10px;
}

.top-section .c-breadcrumb {

    list-style: none;
    padding: 0;
    margin: 0;

}

.top-section .c-breadcrumb li {

    display: inline-block;

}

.c-breadcrumb li.after-icon-tw a:first-child::after {
	content: "\f105";
	font-family: "fontawesome";
	margin-left: 7px;
	margin-right: 5px;
	font-size: 16px;
	color: #33475b;
	vertical-align: middle;
}

/*.c-breadcrumb a:first-child::after {
	content: "\f105";
	font-family: "fontawesome";
	margin-left: 7px;
	margin-right: 5px;
	font-size: 16px;
	color: #33475b;
	vertical-align: middle;
}*/
.flex-wrapper {
	display: flex;
	width: 100%;
	flex: 0 0 100%;
	border: 1px solid #ededed;
}
.flex-wrapper-002 {
	display: flex;
	width: 100%;
	flex: 0 0 100%;
}
.left-flex-001 {
	background: #fff;
	padding: 15px 0px;
	flex: 0 0 65%;
	width: 100%;
	position: relative;
    border-right: 1px solid #ededed;
}
.right-flex-001 {
	padding: 20px 0px;
	background-color: #fafafa;
	width: 100%;
	display: flex;
	flex-direction: column;
	/*justify-content: space-around;*/
    position: relative;
}


.info-tooltip i {
	background-color: #e8e8e8;
	border-radius: 100%;
	font-size: 9px;
	padding: 3px;
	vertical-align: middle;
}

.c-input-tags .bootstrap-tagsinput { box-shadow: none; border-color: #ebebeb; padding: 8px 12px; display: block;}

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

.table.table-001 > thead > tr > th { padding: 8px 30px; color: #33475b; font-size: 12px; font-weight: 600;}
.table.table-001 > tbody > tr > td:first-of-type { padding-left: 30px;} 
.table.table-001 > tbody > tr > td:last-of-type { padding-right: 30px;} 
.table.table-001 > thead > tr > th a { color: #33475b; font-weight: normal;}

.table.table-002 > thead > tr > th { padding: 12px 20px; color: #33475b; font-size: 12px; font-weight: 600; border-bottom: 1px solid #ddd;}
.table.table-002 > tbody > tr > td{ padding: 8px 20px; color: #33475b; font-size: 12px; font-weight: 500;}

.table-002 thead {

    background-color: #f6f6f6;
    background-image: linear-gradient(#ffffff, #f2f2f2);

}

hr.mb-0 { margin-bottom: 0px;}

.input-group.bootstrap-touchspin {

    margin: 0;

}

.input-group.bootstrap-touchspin .input-group-btn-vertical > .btn { padding: 9.5px 15px;}

.input-group.bootstrap-touchspin .input-group-btn-vertical i {left: 10px;}

.btn-default.bootstrap-touchspin-down, .btn-default.bootstrap-touchspin-up{ border-color: #ebebeb;}


/*add product module*/

/*account module*/

.common-input .input-group .form-control:not(:first-child):not(:last-child),
.account-form-wrapper-1 .input-group .form-control:not(:first-child):not(:last-child) {
	border-radius: 4px;
}
.c-input-group .input-group {
	width: 100%;
}
.c-input-group .input-group-addon {
	width: 60px;
	text-align: left;
	background-color: #ebebeb;
	padding: 0px;
}
.c-input-group .input-group-addon select {
	border: none;
	background-color: transparent;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 100%;
	height: auto;
}
.select-arrow::after {
	content: "\f107";
	position: absolute;
	left: 40px;
	top: 14px;
	font-size: 12px;
	font-family: "fontawesome";
}
.c-input-group .form-control {
	border-left: none;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.account-wrapper {
	margin-bottom: 30px;
}
.account-content-wrapper-1 {
	text-align: center;
	margin-top: 150px;
}
.acc-img-box {
	margin-bottom: 30px;
}
.s-title-1 {
	font-weight: 500;
	font-size: 20px;
	color: #33475b;
}
.s-title-2 {
	font-weight: 500;
	font-size: 12px;
	color: #33475b;
}
.acc-button-box {
	margin-top: 30px;
}
.title-1 {
	font-weight: 700;
	font-size: 22px;
}
.account-form-wrapper-1 {
	margin-top: 40px;
}
.account-form-wrapper-1 {
	margin-top: 40px;
	width: 60%;
	margin-left: 10%;
}
.white-box {
	padding: 30px 50px;
	background-color: #fff;
	border-radius: 2px;
	border: 1px solid #ebebeb;
}
.account-form-wrapper-1 .form-group label {
	font-weight: 500;
	color: #98a2ac;
	font-size: 12px;
}
.account-form-wrapper-1 .form-control:focus,
.common-input .form-control:focus {
	box-shadow: none;
	border-color: #303542;
}
.account-form-wrapper-1 .form-group {
	margin-bottom: 10px;
}
.account-form-wrapper-1 .form-control,
.common-input .form-control {
	box-shadow: none;
	border-color: #ebebeb;
	height: 40px;
}
.horizontal-bc {
	margin-bottom: 15px;
}
.horizontal-bc a {
	color: #33475b;
	font-size: 12px;
}
.horizontal-bc a:first-child {} .horizontal-bc a:first-child::after {
	content: "|";
	margin-left: 8px;
	margin-right: 5px;
}
.account-form-wrapper-1 .help-block {
	color: #b40e66;
}
.account-form-wrapper-1 .has-error .form-control {
	border-color: #b40e66;
}
.account-wrapper.custom-account-wrapper {
	padding: 100px 0px 0px;
}
.account-content-wrapper-1.custom-account-content-wrapper-1 {
	margin-top: 0px;
}
.account-form-wrapper-1.custom-account-form-wrapper-1 {
	margin-left: 0px;
	margin-top: 0px;
	width: 90%;
	padding-right: 90px;
	border-right: 2px solid #e8e8e8;
}
.btn-theme-1.btn.disabled {
	opacity: 1;
}
.text-style-1 {
	font-weight: 700;
	font-size: 16px;
}
.text-style-2 {
	font-weight: 500;
	font-size: 14px;
}
.text-style-3 {
	font-weight: 500;
	font-size: 12px;
}
.position-relative {
	position: relative;
}
.div-text {
	text-align: center;
	background-color: #fff;
	width: 50%;
	margin: -30px auto 0px;
}
.white-box-2 {
	padding: 30px 0px;
	background-color: #fff;
	border-radius: 2px;
	border: 1px solid #ebebeb;
}
.display-inline {
	display: inline-block;
}
.c-panel .panel-body {
	padding: 10px;
}
.c-panel .panel-body p {
	margin-bottom: 2px;
}
.c-panel .panel-body p:last-of-type {
	margin-bottom: 0px;
}
.c-panel.panel {
	box-shadow: none;
}
.c-panel.panel-danger {
	background-color: #fdfaf7;
	border-color: #ce4540;
}
.c-panel.panel-danger i {
	border-radius: 100%;
	padding: 4px;
	font-size: 10px;
	border: 1px solid #ce4540;
}
.c-panel.panel-success {
	background-color: #f7fdf9;
	border-color: #2ca957;
}
.c-panel.panel-success i {
	border-radius: 100%;
	padding: 4px;
	font-size: 10px;
	border: 1px solid #2ca957;
}
.signin-form-2 {
	min-height: 250px;
}
.red-circle {
	color: #ce4540;
	border: 1px solid #ce4540;
	border-radius: 100%;
	padding: 6px;
	font-size: 12px;
}
.g-circle {
	color: #2ca957;
	border: 1px solid #2ca957;
	border-radius: 100%;
	padding: 6px;
	font-size: 12px;
}
.account-form-wrapper-1 #submit_form_create_account {
	border: none;
	background-color: transparent;
}


/*account module*/

/* needed 

.share_men:before {
position: absolute;
top: -7px;
left: 9px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
*/

/* image upload with preview */

.avatar-upload {
	position: relative;
	/*max-width: 205px;*/
	margin: 0px auto;
    width: 80%;
}
.avatar-upload .avatar-edit {
	/*position: absolute;
	right: 12px;
	z-index: 1;
	top: 10px;*/
}
.avatar-upload .avatar-edit input {
	display: none;
}
.avatar-upload .avatar-edit input + label {
	display: block;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
	cursor: pointer;
	font-weight: normal;
	transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
	background: #f1f1f1;
	border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
	content: "\e61a";
	font-family: 'Themify';
	color: #33475b;
	/*position: absolute;
	top: 10px;
	left: 0;
	right: 0;*/
	text-align: center;
	margin: auto;
    line-height: 42px;
    font-size: 12px;
}
.avatar-upload .avatar-preview {
	width: 100%;
	height: 250px;
	position: relative;
	border: 1px dashed #d5d5d5;
    margin-bottom: 10px;
    padding: 10px 0px 30px;
    background-color: #fff;
}
.avatar-upload .avatar-preview > div {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}



.image-upload-lists {

    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 25px;

}

.image-upload-lists ul {

    padding: 0;
    margin: 0;
    list-style: none;

}


.image-upload-lists ul li {
    border-radius: 2px;
    float: left;
    width: 45px;
    margin: 2px;
    border: 1px solid #ebebeb;
    height: 45px;
    overflow: hidden;

}

.image-upload-lists li img {

    height: 100%;

}

.image-upload-lists ul li.active { border: 1px solid #2dbcc3;}

.avatar-preview .img-remove {

    line-height: 30px;

}

.avatar-preview .img-remove i { font-size: 8px;}





/* image upload with preview */


/* new compact view page */

.top-section.section-tab {

    padding-bottom: 0;

}
.nav.nav-tabs.c-tab {

    border-bottom: none;

}

.nav-tabs.c-tab > li.help-link > a {

    padding-bottom: 0;

}

.nav-tabs.c-tab > li > a { padding: 0px 0px 10px; border: 0; color: #85919d; font-weight: 500; font-size: 12px;}
.nav-tabs.c-tab > li > a:hover { background-color: transparent;}

.nav-tabs.c-tab > li.active > a, .nav-tabs.c-tab > li.active > a:hover, .nav-tabs.c-tab > li.active > a:focus { box-shadow: 0 -3px 0 inset #2dbcc3; border: 0; color: #33475b; font-weight: 500; outline: none;}

.nav-tabs.c-tab > li > a:focus {  outline: none; background-color: transparent;}

.nav.c-tab .open > a, .nav.c-tab .open > a:hover, .nav.c-tab .open > a:focus { background-color: transparent;}

.table-img {
    vertical-align: top;
    width: 40px;
    display: inline-block;
    border: 1px solid #e1e1e1;

}

.table-img img { width: 100%;}

.table-img-text {
    display: inline-block;
    width: 160px;
    vertical-align: top;
    padding-left: 5px;

}
.w-300 { width: 300px;}
/* new compact view page */
.left-flex-002 {
	background: #f7f7f7;
	padding: 20px 0px 20px 60px;
	flex: 0 0 50%;
	width: 100%;
	position: relative;
    border-right: 1px solid #ededed;
}
.right-flex-002 {
	padding: 20px 0px;
	background-color: #fafafa;
	width: 100%;
	display: flex;
	flex-direction: column;
	/*justify-content: space-around;*/
    position: relative;
}
.tabbable-line > .tab-content.p-0 { padding: 0px; margin-top: 0px;}
.container-fluid.no-spacer {

    padding: 0;

}

.top-slide-div{

    padding: 20px 20px 0px 50px;

}

.bottom-slide-div {

    padding: 40px 0px;

}

.bottom-slide-div.bottom-slide-div-002 {

    padding: 15px 20px 15px 50px;

}
        
.border-icon i {

    border: 1px solid #ebebeb;
    padding: 4px;
    cursor: pointer;
    border-radius: 2px;

}

.top-slide-div .btn-theme-5 {

    padding: 4px 15px;
    font-size: 10px;
    border-radius: 2px;

}
.v-middle { vertical-align: middle;}

.v-top { vertical-align: top;}

.slide-close {
    position: absolute;
    z-index: 999;
    left: 15px;
    top: 20px;
    cursor: pointer;
    color: #33475b;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #9fa8b2;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    text-align: center;

}

.popover { z-index: 999999999999; max-width: 300px;}
.popover-content { padding: 0px;}
.popover hr { margin-top: 10px; margin-bottom: 10px;}
.modal-dialog.modal-xs {
    margin: 200px auto 0px;
    width: 350px;

}

.border-dddddd { border: 1px solid #dddddd;}

.border-e1e1e1 { border: 1px solid #e1e1e1;}

/*spinner*/
.spinner {
  width: 100px;
}
.spinner input {
  text-align: right;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}

/*spinner*/

.w-auto .table-img-text {
    width: auto;
}

.form-control.w-340 { width: 340px;}

.table .input-group.bootstrap-touchspin {

    width: 50px;

}

.table .vertical-spin.form-control {

    border: 0;
    padding: 0;
    text-align: left;
    height: auto;

}
.table .input-group.bootstrap-touchspin .btn-outline {

    border: 0;
    padding: 8px;

}

.table .input-group.bootstrap-touchspin .btn-outline:hover {

   background-color: transparent;
}

.circle-icon i {
    border: 1px solid #eaeaea;
    padding: 6px;
    border-radius: 100%;
    font-size: 8px;
    cursor: pointer;

}

.circle-icon-bg i {
    font-size: 10px;
    padding: 4px;
    border-radius: 100%;
}

.table-002 tbody tr .btn {

    padding: 6px 12px;
    font-size: 12px;

}

.common-input .form-control.text-area-001 { height: 50px; resize: none;}

.common-input-group .input-group-addon {

    background-color: transparent;
    border: 1px solid #ebebeb;
    cursor: pointer;

}

.div-table {

    display: table;
    width: 100%;

}

.div-table-cell {

    display: table-cell;

}

.table-cell-middle .div-table-cell {

    vertical-align: middle;

}

.border-right-ddd { border-right: 1px solid #ddd;}

.image-div-40 {

    width: 40px;

}

.image-div-90 { width: 90px;}

.image-div-40 img, .image-div-90 img {

    width: 100%;

}


/* timeline */
.timeline::after { position: absolute; content: "";}
.timeline.bg-gradient-green:before {
background: #1aa8af; 
background: -moz-linear-gradient(top, #1aa8af 35%, #296a79 60%, #2f5668 100%); 
background: -webkit-linear-gradient(top, #1aa8af 35%, #296a79 60%, #2f5668 100%); 
background: linear-gradient(to bottom, #1aa8af 35%, #296a79 60%, #2f5668 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aa8af', endColorstr='#2f5668',GradientType=0 ); 
}

.timeline.bg-gradient-pink:before {
background: #98a2ac; /* Old browsers */
background: -moz-linear-gradient(top, #98a2ac 50%, #a26890 70%, #b40e66 100%); 
background: -webkit-linear-gradient(top, #98a2ac 50%, #a26890 70%, #b40e66 100%);
background: linear-gradient(to bottom, #98a2ac 50%, #a26890 70%, #b40e66 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98a2ac', endColorstr='#b40e66',GradientType=0 );
    
}

.timeline.bg-gradient-red:before {
background: #ce4540; /* Old browsers */
background: -moz-linear-gradient(top, #ce4540 20%, #ae7a7e 26%, #98a2ac 100%);
background: -webkit-linear-gradient(top, #ce4540 20%,#ae7a7e 26%,#98a2ac 100%); 
background: linear-gradient(to bottom, #ce4540 20%,#ae7a7e 26%,#98a2ac 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce4540', endColorstr='#98a2ac',GradientType=0 );
}

.timeline {
  position: relative;
}
.timeline:before {
  content: '';
  position: absolute;
  top: 0px;
  left: calc(20.33% + 1px);
  bottom: -5px;
  width: 4px;
}
.timeline:after {
  content: "";
  display: table;
  clear: both;
}
.entry {
  clear: both;
  text-align: left;
  position: relative;
}
.entry .title {
  float: left;
  width: 20%;
  padding-right: 30px;
  text-align: right;
  position: relative;
}
.entry .title:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  top: 0;
  right: -12px;
  z-index: 99;
}



.entry .title.bg-g::before {
    background-color: #1aa8af;
    font-family: "themify";
    content: "\e64c";
    text-align: center;
    line-height: 16px;
    color: #fff;
    font-size: 8px;

}

.entry .title.bg-b::before {
    background-color: #33475b;
}

.entry .title.bg-p::before {
    background-color: #b40e66;
}

.entry .title.bg-r::before {
    background-color: #ce4540;
}

.entry .title.bg-w-border::before {
    background-color: #fff;
    border: 3px solid #98a2ac;
}

.entry .title.bg-none::before {
    background: none;
}

.entry .title h3 {
  margin: 0;
}
.entry .title p, .entry .body p {
  margin: 0;
}
.entry .body {
  float: right;
  width: 79%;
  padding-left: 30px;
}



/*.na-menu-vertical { top: 0 !important;}*/

/* timeline */










/* Media Queries */
@media (min-width: 280px) and (max-width: 767px) {
	.account-form-wrapper-1 {
		margin-top: 40px;
		width: 100%;
		margin-left: 0px;
	}
	.account-form-wrapper-1.custom-account-form-wrapper-1 {
		margin-left: 0px;
		margin-top: 0px;
		width: 100%;
		padding-right: 0px;
		border-bottom: 2px solid #e8e8e8;
		border-right: none;
		margin-bottom: 20px;
	}
	.signin-form-2 {
		min-height: auto;
	}
	.btn.c-btn-lg {
		padding: 12px 50px;
	}
    .table-img-text {
    width: auto;
}
    .left-flex-002 { padding: 15px; }
}
@media (min-width: 768px) and (max-width: 960px) {
	.account-form-wrapper-1.custom-account-form-wrapper-1 {
		width: 100%;
		padding-right: 40px;
	}
}
@media (max-width: 800px) {
	.flex-wrapper,
    .flex-wrapper-002,
	.left-flex-001,
    .left-flex-002,
    .right-flex-001,
	.right-flex-002 {
		display: block;
	}
    
}

@media (min-width: 1200px) {
	.flex-bottom-001{
    position: absolute;
    bottom: 20px;
    width: 100%;

}
}