body{color: #010326;font-family: 'Roboto', sans-serif; font-size: 14px;background-color: #f9fafb; font-weight: 300;}

body.colered{
	
	    background-color: #f0f2f5;
    transition: background-color .3s ease-in-out;
	
}

html,body {
  height: 100%;
}

ul{ padding: 0;} 

a{color: white; text-decoration: none;}
a:hover{text-decoration: none; color: #271313;}
.active{color:#131826;}


.main-content a {color: #8C7961;}
.main-content a:hover{color: #D9CCB4;}




.app-header,.mail_header{border-bottom: 1px solid #dde2e6;}
.app-nav{background-color: #010326;}




.content-header{border-bottom: 2px solid #8C7961;}


h1,h2{color: #010326; display: inline-flex; padding: 10px 0; font-weight: 400;}




#page-content {
  flex: 1 0 auto;
}

#sticky-footer {
  flex-shrink: none;
}

.line{width: 100%; border-top: 1px solid #5b6f81; height: 1px; overflow: hidden; margin: 10px 0;}

.msg_holder{ color: white; font-size: 20px; text-align: center; padding:20px 0; }
.msg_error{background-color: #F23A29;}
.msg_success{background-color: #32cf32; }

.c-error{color: #F23A29;}

.header{background-color: #ffffff;}

.spacer-5{height: 10px;}
.spacer-10{height: 10px;}
.spacer-20{height: 20px;}
.spacer-40{height: 40px;}

.spacer-w40{width: 40px;}

.spacer-mobile{height: 10px; border-top: 1px solid #d1d9e0; margin-top: 10px;}



/* .app-second-nav{background: linear-gradient(to bottom right, #586794, #394361);} */


.cg{background: linear-gradient(to bottom right, #8C7961, #010326);}
input{font-size: 14px !important; border: 1px solid white !important; border-radius: 2px !important;}
input:focus{background-color: #010326 !important;}


input:focus::-webkit-input-placeholder {
    color: white;
}


.box-easy{background-color: white;}

/* .box-white{background-image: linear-gradient(to bottom right ,#ffffff,#f4f4f4); border: 1px solid #d1d9e0; border-radius: 4px;} */
.box-white{background-color: white; border: 1px solid #d1d9e0; border-radius: 4px; padding: 20px 0;}
.box-white-padding{background-image: linear-gradient(to bottom right ,#ffffff,#f4f4f4); border: 1px solid #d1d9e0; border-radius: 4px; padding:20px;}

.box-colored{background-color: #F2A30F; border-top: 1px solid #d1d9e0; border-radius: 4px;}

.box-shadow{border-left:10px solid black;}

.box-border-c-{background-color: white; border: 2px solid #D9CCB4; border-radius: 4px;}

input{font-size: 14px !important; border: 1px solid #d1d9e0 !important; border-radius: 2px !important;}
input:focus{background-color: #8C7961 !important; color: white !important;}

.c-white{color: white !important;}
.c-black{color: black !important;}


.a_action{ background-color: #8C7961; padding: 10px 15px; border-radius: 5px; display: inline-flex;}
.a_action:hover{background-color:#D9CCB4; color:white;}

.c-1{color:#4951f3;}
.c-2{color:#F2A30F;}
.c-3{color:#F2780C;}
.c-4{color:#010326;}
.c-5{color:#8C7961;}
.c-green{color:#32cf32;}
.c-red{color:red;}

.bg-white{background-color:white !important;}
.bg-c-1{background-color:#4951f3 !important;}
.bg-c-2{background-color:#F2A30F;}
.bg-c-3{background-color:#F2780C !important;}
.bg-c-4{background-color:#010326;}
.bg-c-5{background-color:#8C7961;}
.bg-c-grey{background-color:#f9fafb; color:black;}



.badge-c-1{background-color: #D9CCB4 !important;}

.badge-c-3{background-color: #F2780C !important;}
.badge-c-4{background-color: #010326 !important;}
.badge-c-5{background-color: #8C7961 !important;}
.badge-c-green{background-color:#32cf32 !important;}
.badge-c-red{background-color: red !important;}



.fz-8{font-size: 8px;}
.fz-10{font-size: 10px;}
.fz-11{font-size: 10px;}
.fz-12{font-size: 12px;}
.fz-14{font-size: 14px;}
.fz-16{font-size: 16px;}
.fz-18{font-size: 18px;}
.fz-20{font-size: 20px;}
.fz-24{font-size: 24px;}
.fz-30{font-size: 30px;}
.fz-50{font-size: 50px;}

.lh-12{line-height: 12px;}
.lh-1-5{line-height: 1.6;}

.fw-n{font-weight: normal;}
.fw-b{font-weight: bold;}
.fw-100{font-weight: 100;}
.fw-400{font-weight: 400;}



.td-lt{text-decoration: line-through;}







.app-nav li a{height: 40px; line-height: 40px; font-size: 14px; display: block;}

.app-nav li.sub a{height: 40px; line-height: 40px; font-size: 12px; display: block;}

.app-second-nav li a{display: block;  text-transform: none; font-size: 14px; color: #010326;}



.app-second-nav li{list-style: none; padding: 0; margin: 0 0 6px 0;}

.app-nav a:hover,.app-second-nav a:hover{color:#8C7961;}
.app-nav .active,.app-second-nav .active{color:#8C7961;}




.bg-c-black{background-color: #131826;}




.cell {
  border-collapse: collapse;
  border: 1px solid red;
  padding: 5px 10px;
}

.table {
  border-collapse: collapse !important;
  border-style: hidden !important;
}

.table-head > .table-tr {
  border-collapse: collapse  !important;
  border: 2px solid pink  !important;
}



/*
.app-second-nav .nav:after {
  content: '';
  position: absolute;
  top: 2%;
  height: 96%;
  width: 100%;
  border-right: 1px solid #5b6f81;
  z-index: 1;
}
*/

.p-10{padding: 10px}
.p-20{padding: 20px}
.p-tb-10{padding: 10px 0 10px 0;}

.p-0-0-10-0{padding: 0 0 10px 0;}



.card {
    overflow:hidden;
}

.card-body .rotate {
    z-index: 8;
    float: right;
    height: 100%;
}

.card-body .rotate i {
    color: rgba(20, 20, 20, 0.15);
    position: absolute;
    left: 0;
    left: auto;
    right: -10px;
    bottom: 0;
    display: block;
    -webkit-transform: rotate(-44deg);
    -moz-transform: rotate(-44deg);
    -o-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    transform: rotate(-44deg);
}


.p1020{padding:10px 20px;}
.p510{padding:10px 20px;}

.br5{border-radius: 5px;}

.btn-default{background-color: #8C7961 !important; color: white; border: 0 !important;}
.btn-default:hover{background-color: #D9CCB4 !important;  color:white;}

.btn-green{background-color:#32cf32 !important;}



.star-hover:hover{color: #ffd300;}
.star-active{color: #ffd300;}


.fal[data-count]{
    position:relative;
}
.fal[data-count]:after{
    position: absolute;
    right: -0.75em;
    top: -.75em;
    content: attr(data-count);
    padding: .5em;
    border-radius: 10em;
    line-height: .9em;
    color: white;
    background-color: #8C7961;
    text-align: center;
    min-width: 2em;
    font: bold .4em sans-serif;
}




.main-nav {
    z-index: 100;
    position: fixed;
    width: 50%;
    height: 100%;
    background: #010326;
    top: 0;
    left: -100%}


.autocomplete { position: relative; }
.autocomplete .results{ display:none; position: absolute; z-index:10; bottom: calc(100%-1px); left:0; background-color: white; border: 1px solid #d1dae0; width: 100%; padding: 20px;}
.autocomplete ul { padding: 0; margin: 0; }    
.autocomplete ul li{ list-style: none; }






ul.ts-li-table
{
width: 100%;
    display: flex;
	list-style: none;
	border: solid black;
    border-width: 0 1px 1px 0;
    margin: 0;
}

ul.ts-li-table li
{
    flex: 1;
	display: inline-block;
	border: solid black;
    border-width: 1px 0 0 1px;
	
}

li.ts-li-table-stop 
{
	flex: 4;
	background-color: red;

}




ul.ts-li-tableli.li-col-3
{
	-webkit-flex: 2;
    flex: 2;	
}

ul.ts-li-table li.li-col-3
{
	-webkit-flex: none;
    flex: none;	
    background-color: red;
    display: block;
}



@media (max-width: 767.98px) 
{ 
	
	ul.ts-li-table-header 
	{
		display: block;
		overflow: hidden;
	}
	
	
	
	ul.ts-li-table-header li, li.li-col-2, li.li-col-3
	{
		flex: none;
		display: block;
		background-color: red;
		
	}
	
}


ul.helpcenter { list-style: none; }

ul.helpcenter li { border-bottom: 1px solid #bababa; padding: 10px 0;}


ul.ul-content{margin: 0 0 0 40px;}
ul.ul-content li {margin-bottom:5px;}



.badge{
	font-size: 80%;
	padding: 0.5em;
}





.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
    font-size: 1.25em;
    color: white;
    background-color: #010326;
    display: inline-block;
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #8C7961;
}




.inputfile + label {
  cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
  pointer-events: none;
}

.ts-badge-hover:hover
{
  background-color: #F2A30F; 
}

ul.ul_media {list-style: none;
}

.badge-greeting_card
{
  background-color: #ff00a8 !important; 
}

.badge-postfinance{
	background-color: #ffcc02 !important;
}

.badge-paypal{
	background-color: #003087 !important;
}

.badge-bill{
	background-color: #e5e5e5 !important;
}