.main__homepage__services__grid .main__homepage__services__grid__element:first-child {
    grid-column: span 2;
    grid-row: span 1;
}

.main__footer__wrapper .bottom__footer__wrapper .bottom__footer__links__wrapper .bottom__footer__links__list a{
font-size:15px;
}
body.minimalist__sidebar .sidebar .sidebar__item .side__bar__item__text{
font-size:17px;
}
body.minimalist__sidebar .sidebar .sidebar__item_dropdown .sidebar__head:before{
font-weight:900;
font-size:15px;
}
/*
* TeamCloud Solution Programmer Team
* Author: Herbert Tan Wei Jun
* Version: 1.0
* Start Date: 2025-07-25
* Edit Date: 2025-07-25
* Description: Styles for the Golbal
*/
#main-body{
    margin: 0;
    padding: 20px 0 !important;
    min-height: 350px;
}
.tc-Headmenu-text{
    font-size:38px !important;
    color:#161C2D;
    font-weight: 400 !important;  
}
.tc-Headsubmenu-text{
    font-size:24px !important;
    color:#161C2D;
    font-weight: 400 !important;  
}
.tc-Headline{
    font-size:38px !important;
    color:#161C2D;
    font-weight: 500 !important;
}

.tc-Sub-head{
    font-size:24px !important;
    color:#161C2D;
    font-weight: 500 !important;
}

.tc-Body-copy, .col-form-label{
    font-size:18px !important;
    color:#161C2D;
    font-weight: 400 !important;    
}
.tc-Body-copy-sm, .list-group-item{
    font-size:15px !important;
    color:#161C2D;
    font-weight: 400 !important;    
}
.tc-Button-text{
    font-size:18px !important;
    color:#fff;
    font-weight: 500 !important;  
}
.tc-Button, .btn-primary {
    border-radius: 6px !important;
    font-size:18px !important;
    font-weight: 500 !important;
    color:#fff;
    background:#000 !important;
    border:0;
    padding: 5px 20px !important;
}
.btn-light{
    border-radius: 6px !important;
    font-size:18px !important;
    font-weight: 500 !important;
    color:#000;
    background:#fff !important;
    border: solid 1px #000;
    padding: 5px 20px !important;
}
.btn-primary-outline{
    
}
.tc-Button:hover, .btn-primary:hover{
    background: #FF6C2C !important;
}
.tc-Suggest-button{
    background: linear-gradient(90deg,rgba(0, 79, 150, 1) 0%, rgba(0, 152, 198, 1) 100%) !important;
}

.tc-Suggest-button:hover{
    background:#FF6C2C !important;
}
.tc-Box{
    border-radius: 12px !important;
    border:1px solid #000;
    background-color:#fff !important;
}
.tc-Box:hover{
    border:5px solid #FF6C2C !important;
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
}
.tc-Box-no-hover{
    border-radius: 12px !important;
    border:1px solid #000;
    background-color:#fff !important;
}
.tc-Box-active{
    border-radius: 12px !important;
    border:2px solid #FF6C2C !important;
    background-color:#fff !important;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.5) !important;
    -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.5) !important;
    -moz-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.5) !important;
}
.border-black{
    border:1px solid #000;
}
.border-black.suggest{
    border:5px solid #FF6C2C;
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
}
#tcFooter .tc-Body-copy{
    font-size:15px !important;
}

.card__header, .card__body, .card__footer{
    border:1px solid #000;
}
.card__footer{
    border-top: 1px solid var(--border-color-light);
}
.card__header{
    border-bottom: 1px solid var(--border-color-light);
}
.md-footer,.md-header{
    border:1px solid #A2A4AB;
}
/* Tablet view (768px and below) */
@media screen and (max-width: 768px) {
    .tc-Headline {
        font-size: 32px !important;
    }

    .tc-Sub-head {
        font-size: 20px !important;
    }

    .tc-Body-copy {
        font-size: 16px !important;
    }
    .tc-Headmenu-text{
        font-size: 30px !important;
    }
}

/* Mobile view (480px and below) */
@media screen and (max-width: 480px) {
    .tc-Headline {
        font-size: 28px !important;
    }

    .tc-Sub-head {
        font-size: 20px !important;
    }

    .tc-Body-copy {
        font-size: 15.5px !important;
    }
    .tc-Headmenu-text{
        font-size: 30px !important;
    }
}

.tc-header-icon-title{
    font-size:18px !important;
    font-weight: 400 !important;    
}
.tc-Hidden-text{
    color:#A2A4AB !important;
    opacity: 1 !important;
    /*color: #161C2D;*/
    /*opacity: 0.4;*/
}
.tc-Hidden-border-l{
    border-left: 4px solid #A2A4AB !important;
    padding-left: 25px;
}
.tc-Hidden-border-r{
    border-right: 4px solid #A2A4AB !important;
    padding-right: 25px;
}
.tc-break-h{
    height: 30px;
    width: 1px;
    border: 2px solid #A2A4AB;
}
.tc-Filling-boxes{
    border: 1px solid #A2A4AB !important;
}

.tc-Suggest{
    border-style: solid;
    border-image: linear-gradient(to right, #004F96, #0098c6) 1;
}
.tc-Suggest:hover{
    border: 5px solid #FF6C2C;
    border-image:unset;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
}

input[type=text],input[type=password],input[type=email],textarea {
    border: 1px solid #A2A4AB !important;
}

.tc-bg-black{
    background-color:#000;
}

.bg-black {
    background: #000 !important;
}

.text-black {
    color: #000 !important;
}

.tc-user-icon{
    font-size:32px !important;
    line-height:normal !important;
}
a:hover, a div:hover, a i:hover,.tc-pointer:hover{
    color:#FF6C2C !important;
}
a.btn:hover,a.tc-btn:hover{
     background:#FF6C2C !important;
     color:#fff !important;
}
.coodiv__primary__link__tabs a.active {
    border-bottom: 2px solid #FF6C2C !important;
    opacity: 1;
}


/*** 
*Header
***/
.header__control .header__item.header__item_shopping{
    margin-right:0px;
}
.header__icon__small .header__head i{
     font-size:18px;
     line-height:19px;
}
.header__control .header__button:not(:last-child), .header__control .header__item:not(:last-child), .header__search:not(:last-child) {
    margin-right: 7px;
}
.header__head__item___number{
    background:#FF6C2C !important;
    right: -25px !important;
    right:-15px !important;
}
.header__control {
    justify-content: center;
}

.header__icon__small .header__head{
 width:auto;
 justify-content:space-between;
 font-size:18px;
 align-items:center;
}
.header__icon__small .header__head i{
    padding-right: 0px;
    font-size: 24px;
    padding-right: 5px;
    line-height:19px;
}
@media (max-width: 1025px){
    .fixed__header__layout{
        height:85px;
    }
    
}
/***
*Header Mobile
***/
.tc-header-m-logo{
    max-width:fit-content !important;
    height:40px !important;
}
@media (max-width: 768px){
    body.full__sidebar__width.minimalist__sidebar__full__width__open:not(.horizontal__sidebar) .homepage__main__wrapper .sidebar__page__wrapper, body.header__sidebar__logo.full__sidebar__width.minimalist__sidebar__full__width__open:not(.horizontal__sidebar) header.header {
        padding-left:0;
    }
   .fixed__header__layout{
        height:85px;
    }
    .header__control .header__button:not(:last-child), .header__control .header__item:not(:last-child), .header__search:not(:last-child) {
        margin-right: 16px;
    }
    .header__icon__small .header__head i {
        padding:0;
    }
}
@media (max-width: 465px) {
    .tc-m-none{
        display:none;
    }
    .header__item_messages .header__head .header__head__item___number, .header__item_shopping .header__head .header__head__item___number {
        left: 14px;
    }
}
@media (max-width: 425px) {
	.header__head__item___number {
	    right: -10px !important;
	}
    .right__header__control {
        margin-left: -45px !important;
    }
    .top__header__website__identity {
        margin-right: 15px !important;
    }
    .header__icon__small .header__head i {
    padding-right: 0px !important;
    }

	.header__control .header__item.header__item_shopping {
		margin-right: 0px;
        padding-left: 10px;
        padding-right: 30px;
	}
	.right__header__control{
	    margin-left: -25px;
	}
	.tc-header-icon-title{
	    display:none;
	}
}

/***
*Sidebar
***/
.header__burger:before,.header__burger:after{
    display:none;
}
.header__burger{
    height:auto;
    background:unset;
}
#tcSidebar a{
    text-decoration: none;
}
.header__row a{
    text-decoration: none;
}
body.minimalist__sidebar .sidebar .sidebar__item .side__bar__item__text, .sidebar__link {
    font-size: 18px !important;
    font-weight: 400 !important;
}
.sidebar__item{
    margin:10px 0;
}
a.sidebar__item:hover{
    color:#FF6C2C !important;
}

body.minimalist__sidebar.sidebar__child__menu__on__hover:not(.dark__sidebar__color) .sidebar .sidebar__item.sidebar__item_dropdown:hover .sidebar__head:before, body:not(.dark__sidebar__color) .sidebar .sidebar__item:hover .side__bar__item__icon{
  color:#FF6C2C !important;
}

body:not(.dark__sidebar__color) .sidebar .sidebar__item:hover .side__bar__item__text {
  color:#FF6C2C !important;
}
.tc-active{
    background:#000;
    color:#fff;
}
body.minimalist__sidebar .sidebar .side__bar__item__icon {
    font-size:24px;
}
@media only screen and (min-width: 768px) {
    .sidebar .sidebar__item.sidebar__item_dropdown .sidebar__body {
        min-width: 800px;
    }

}


/***
*Sidebar Table
***/
@media screen and (max-width: 768px) {
    .sidebar__link:nth-child(odd) {
        border-right: 0px solid #000 !important;
    }
    .sidebar .sidebar__item.sidebar__item_dropdown .sidebar__body .sidebar__link {
        line-height: 1.2;
        height:auto;
        white-space: normal;
        width:auto;
        font-size: 15px !important;
    }
}
.sidebar__item_dropdown.active .sidebar__head {
    background: #FF6C2C !important;
    color:#fff !important;
}
.sidebar__item_dropdown.active .sidebar__head i, .sidebar__item_dropdown.active .sidebar__head .side__bar__item__text{
    color:#fff !important;
}
.sidebar__item_dropdown.active:hover .sidebar__top .sidebar__head i, .sidebar__item_dropdown.active:hover .sidebar__top .sidebar__head .side__bar__item__text, .sidebar__item_dropdown.active:hover .sidebar__top button.sidebar__head:before{
    color:#000 !important;
}
/***
*Footer
***/
#tcFooter{
    border-top: 1px solid;
}
.tc-footer-sub-title{
	display:flex;
	align-items:end;
}
.tc-footer-sub-title ~ ul > li > a, .tc-footer-sub-title-1 ~ ul > li > a, #tc-ft-m-menu .collapse ul li a{
	display: inline-block;
	transition: transform 1s ease;
	line-height:1.3;
}
.tc-footer-sub-title ~ ul > li > a:hover, .tc-footer-sub-title-1 ~ ul > li > a:hover, #tc-ft-m-menu .collapse ul li a:hover{
	transform: translateX(20px);
	color:#FF6C2C  !important;
}
.tc-footer-logo-1{
	height:40px;
	object-fit: contain;
	filter:invert(1);
}
.tc-footer-logo-2{
	height:24px;
	object-fit: contain;
	filter:invert(1);
}
.tc-footer-logo-3{
	height:28px;
	object-fit: contain;
	filter:invert(1);
}
.tc-footer-logo-4{
	height:36px;
	object-fit: contain;
	filter:invert(1);
}
.tc-footer-lang-text{
	font-size:14px;
	line-height:32px;
}
.tc-footer-sm-text{
	font-size:15px;
	line-height:2.5;
}
#tcFooter a:hover{
	color:#FF6C2C !important;
}
.tc-footer-md-text,
.footer{
	line-height:2;
	font-size:15px;
}
.tc-footer-addr{
	line-height:1.8;
}
.imglogo img{
	width:80%;
}
.tc-ft-left{
	width: 80%;
}
@media (max-width: 768px){
	.imglogo img{
		width:50%;
		margin:auto;
		display:flex;
	}
	.tc-footer-addr{
		line-height:1.5;
	}
	.tc-footer-contact{
		margin:auto;
	}
	.tc-footer-contact-div{
		margin-bottom:30px;
	}
	.tc-ft-left{
		width: 100%;
	}
	.ast-container {
	width: 100% !important;
	}
	.tc-footer-p {
	font-size: 16px !important;
	}
}
.footer-iso-img{
	margin:auto;
	width:100%
}
.tc-ft-mt-2{
	margin-top: 36px;
}
.tc-ft-mt-1{
	margin-top: 22px;
}
.tc-ft-m-menu-toggle:before {
	display: block;
	content: "\f078";
	font-family: 'Font Awesome 5 Pro' !important;
}
#tc-ft-m-menu > div > div[aria-expanded="true"] > .tc-ft-m-menu-toggle:before {
	content: "\f077";
}
.tc-ft-lh{
	line-height: 1.5;
}
.tc-ft-lh li{
	margin: 8px 0;
}
.tc-subscribe-button{
	color:#fff !important;
	background:#27964A !important;
	border:none !important;
	border-radius: 6px !important;
	margin-left: -10px !important;
	z-index:6 !important;
	max-width: 120px;
	font-size: 15px;
	opacity: 1;
	padding: 5px 20px !important;
}
.tc-subscribe-button:hover{
	background:#FF6C2C !important;
}
input.tc-ft-input:focus{
	border-color: transparent !important;
	font-size: 15px;
	height:auto;
}
.tc-ft-form{
	heigth:30px;
}
.tc-ft-payment-icon-list div{
  padding-right:5px;
}
.footer{
	line-height:1.5;
}
.tc-ft-Headline{
	font-size:30px !important;
	font-weight:500 !important;
	line-height:1;
}
.tc-ft-Subline{
	font-size:22px !important;
	font-weight:500 !important;
}
.tc-ft-social-icon{
    height:33.5px;
}

@media (min-width: 544px) {
	.ast-container {
		max-width:100%;
	}
}
/* Tablet view (768px and below) */

	
/* Mobile view (480px and below) */
@media screen and (max-width: 480px) {
    .tc-footer-p {
        font-size: 15px !important;
    }
}
@media (min-width: 922px) {
    .ast-container {
        max-width: 1240px;
    }
}
.ast-container, .ast-container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.main__footer__wrapper.full__footer{
	display:none;
}
.sidebar__page__wrapper{
	overflow: hidden;
}






/***
*Plan
***/
.into__main__page__content__full__width__element{
    height:160px !important;
    background:unset !important;
}
.main__page__wraper{
    min-height: 1000px;
}
.product__cart__sidepanel__item{ /*product sub header menu*/
    border-right:2px solid #000 !important;
    border-radius:0px !important;
    margin:5px 0px;
    height:auto !important;
}
.product__cart__sidepanel__item:first-child {
    /* Only if <div> is the first child of its parent */
    border-left:2px solid #000;
}
.product__cart__sidepanel__group .product__cart__sidepanel__item.active, .product__cart__sidepanel__group .product__cart__sidepanel__item.active {
    color: #fff !important;
    background:#000 !important; 
}
.product__cart__sidepanel__group .product__cart__sidepanel__item.active:hover, .product__cart__sidepanel__group .product__cart__sidepanel__item.active:hover {
    color:#FF6C2C !important;
}
.product__cart__sidepanel__group .product__cart__sidepanel__item.active:before {
    background:unset !important;
}
.product__cart__sidepanel__group .product__cart__sidepanel__item.active .product__cart__sidepanel__item__icon path{
    stroke:#fff !important;
}
.product__cart__sidepanel__group .product__cart__sidepanel__item:hover .product__cart__sidepanel__item__icon path{
    stroke:#FF6C2C !important;
}
.standard__slider__standard__cart__toggle span.selected {
    background: #FF6C2C !important;
}
.standard__cart__slider__layout__options__header .standard__cart__slider__layout__wrapper__options .slick-arrow{
    /*color:#ADADAD;*/
}
.standard__cart__slider__layout__options__header .standard__cart__slider__layout__wrapper__options .slick-arrow:hover {
    color: #FF6C2C !important;
}
.homepage__main__pricing__plans__wrapper .homepage__main__pricing__plan__box,.main__homepage__services__grid .main__homepage__services__grid__element{
        border-radius: 12px !important;
}
.tc-Plan-desc{
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.expanded.tc-Plan-desc{
  display: block;
}
.read-more {
  display: block;
  color: #0066CC;
  text-decoration: underline;
  cursor:pointer;
}
.read-more:hover{
    color: #FF6C2C !important;
}
.product__cart__sidepanel__group .product__cart__sidepanel__item .product__cart__sidepanel__item__icon {
    height: 20px;
    width: auto;
}
.product__cart__sidepanel__group .product__cart__sidepanel__item .product__cart__sidepanel__item__icon.tc-plan-cloud-icon{
    height:24px;
}
/* Tablet view (768px and below) */
@media screen and (max-width: 1440px) {
    .into__main__page__content__full__width__element{
        height:auto !important;
    }
}

/* Mobile view (480px and below) */
@media screen and (max-width: 480px) {

}
/***
*Index
***/
.tc-bill-title{
    height:80px;
}
.tc-box-l-line{
    border:unset;
    border-left: 2px solid #000;
    border-radius: 0px;
    box-shadow: unset;
}
.tc-box-l-line h1{
    color:#004f90;
}
.main__homepage__promo__slider__banner .promo__slider__item{
    min-height: auto !important;
}

/***
*Store(product page)
***/
.pricing__plans__standard .pricing__plans__special__body br {
    display: block; 
}
.slick-track{
    display:flex;
    padding:20px 0;
}
/***
*Knowledgebase
***/
.full__width__secondarysidebar__menu .nav__items__wrapper.attachments .main__nav__title, .full__width__secondarysidebar__menu .nav__items__wrapper.contacts .main__nav__title, .full__width__secondarysidebar__menu .nav__items__wrapper.custom.fields .main__nav__title, .full__width__secondarysidebar__menu .nav__items__wrapper.knowledgebase.categories .main__nav__title, .full__width__secondarysidebar__menu .nav__items__wrapper.popular.downloads .main__nav__title, .full__width__secondarysidebar__menu .nav__items__wrapper.recent.tickets .main__nav__title, .full__width__secondarysidebar__menu .nav__items__wrapper.recipients .main__nav__title {
    background:#000 !important;
}
.full__width__secondarysidebar__menu .nav__items__wrapper.attachments:hover .main__nav__title, .full__width__secondarysidebar__menu .nav__items__wrapper.contacts:hover .main__nav__title, .full__width__secondarysidebar__menu .nav__items__wrapper.custom.fields:hover .main__nav__title, .full__width__secondarysidebar__menu .nav__items__wrapper.knowledgebase.categories:hover .main__nav__title, .full__width__secondarysidebar__menu .nav__items__wrapper.popular.downloads:hover .main__nav__title, .full__width__secondarysidebar__menu .nav__items__wrapper.recent.tickets:hover .main__nav__title, .full__width__secondarysidebar__menu .nav__items__wrapper.recipients:hover .main__nav__title{
    background:#FF6C2C !important;
}
.nav-link.list-group-item.active{
    color:#FF6C2C !important;
}
.nav-link.list-group-item.active:after{
    background:#FF6C2C !important;
}
/*.primary-content{*/
/*    background:#fff;*/
/*}*/
/***
*Register
***/

/***
*SSL
***/
.full__width__secondarysidebar__menu .nav-item .nav-link.active, .full__width__secondarysidebar__menu .nav-item .nav-link:hover, .full__width__secondarysidebar__menu .nav-item.active .nav-link {
    color:#FF6C2C !important;
}
.full__width__secondarysidebar__menu .nav-item .nav-link.active:after, .full__width__secondarysidebar__menu .nav-item.active .nav-link:after {
    background:#FF6C2C !important;
}
.nav.default__coodiv__row__nav .nav-item .nav-link:hover, .nav.default__coodiv__row__nav .nav-item.active .nav-link {
    color:#FF6C2C !important;
    border-bottom: 2px solid #FF6C2C !important;
}
.shadow__card{
    border: 1px solid #000;
}


/*******/
:root {
  --tc-w-1: 1%;
  --tc-w-2: 2%;
  --tc-w-3: 3%;
  --tc-w-4: 4%;
  --tc-w-5: 5%;
  --tc-w-6: 6%;
  --tc-w-7: 7%;
  --tc-w-8: 8%;
  --tc-w-9: 9%;
  --tc-w-10: 10%;
  --tc-w-11: 11%;
  --tc-w-12: 12%;
  --tc-w-13: 13%;
  --tc-w-14: 14%;
  --tc-w-15: 15%;
  --tc-w-16: 16%;
  --tc-w-17: 17%;
  --tc-w-18: 18%;
  --tc-w-19: 19%;
  --tc-w-20: 20%;
  --tc-w-21: 21%;
  --tc-w-22: 22%;
  --tc-w-23: 23%;
  --tc-w-24: 24%;
  --tc-w-25: 25%;
  --tc-w-26: 26%;
  --tc-w-27: 27%;
  --tc-w-28: 28%;
  --tc-w-29: 29%;
  --tc-w-30: 30%;
  --tc-w-31: 31%;
  --tc-w-32: 32%;
  --tc-w-33: 33%;
  --tc-w-34: 34%;
  --tc-w-35: 35%;
  --tc-w-36: 36%;
  --tc-w-37: 37%;
  --tc-w-38: 38%;
  --tc-w-39: 39%;
  --tc-w-40: 40%;
  --tc-w-41: 41%;
  --tc-w-42: 42%;
  --tc-w-43: 43%;
  --tc-w-44: 44%;
  --tc-w-45: 45%;
  --tc-w-46: 46%;
  --tc-w-47: 47%;
  --tc-w-48: 48%;
  --tc-w-49: 49%;
  --tc-w-50: 50%;
  --tc-w-51: 51%;
  --tc-w-52: 52%;
  --tc-w-53: 53%;
  --tc-w-54: 54%;
  --tc-w-55: 55%;
  --tc-w-56: 56%;
  --tc-w-57: 57%;
  --tc-w-58: 58%;
  --tc-w-59: 59%;
  --tc-w-60: 60%;
  --tc-w-61: 61%;
  --tc-w-62: 62%;
  --tc-w-63: 63%;
  --tc-w-64: 64%;
  --tc-w-65: 65%;
  --tc-w-66: 66%;
  --tc-w-67: 67%;
  --tc-w-68: 68%;
  --tc-w-69: 69%;
  --tc-w-70: 70%;
  --tc-w-71: 71%;
  --tc-w-72: 72%;
  --tc-w-73: 73%;
  --tc-w-74: 74%;
  --tc-w-75: 75%;
  --tc-w-76: 76%;
  --tc-w-77: 77%;
  --tc-w-78: 78%;
  --tc-w-79: 79%;
  --tc-w-80: 80%;
  --tc-w-81: 81%;
  --tc-w-82: 82%;
  --tc-w-83: 83%;
  --tc-w-84: 84%;
  --tc-w-85: 85%;
  --tc-w-86: 86%;
  --tc-w-87: 87%;
  --tc-w-88: 88%;
  --tc-w-89: 89%;
  --tc-w-90: 90%;
  --tc-w-91: 91%;
  --tc-w-92: 92%;
  --tc-w-93: 93%;
  --tc-w-94: 94%;
  --tc-w-95: 95%;
  --tc-w-96: 96%;
  --tc-w-97: 97%;
  --tc-w-98: 98%;
  --tc-w-99: 99%;
  --tc-w-100: 100%;
}

.tc-w-1 { width: var(--tc-w-1) !important; }
.tc-w-2 { width: var(--tc-w-2) !important; }
.tc-w-3 { width: var(--tc-w-3) !important; }
.tc-w-4 { width: var(--tc-w-4) !important; }
.tc-w-5 { width: var(--tc-w-5) !important; }
.tc-w-6 { width: var(--tc-w-6) !important; }
.tc-w-7 { width: var(--tc-w-7) !important; }
.tc-w-8 { width: var(--tc-w-8) !important; }
.tc-w-9 { width: var(--tc-w-9) !important; }
.tc-w-10 { width: var(--tc-w-10) !important; }
.tc-w-11 { width: var(--tc-w-11) !important; }
.tc-w-12 { width: var(--tc-w-12) !important; }
.tc-w-13 { width: var(--tc-w-13) !important; }
.tc-w-14 { width: var(--tc-w-14) !important; }
.tc-w-15 { width: var(--tc-w-15) !important; }
.tc-w-16 { width: var(--tc-w-16) !important; }
.tc-w-17 { width: var(--tc-w-17) !important; }
.tc-w-18 { width: var(--tc-w-18) !important; }
.tc-w-19 { width: var(--tc-w-19) !important; }
.tc-w-20 { width: var(--tc-w-20) !important; }
.tc-w-21 { width: var(--tc-w-21) !important; }
.tc-w-22 { width: var(--tc-w-22) !important; }
.tc-w-23 { width: var(--tc-w-23) !important; }
.tc-w-24 { width: var(--tc-w-24) !important; }
.tc-w-25 { width: var(--tc-w-25) !important; }
.tc-w-26 { width: var(--tc-w-26) !important; }
.tc-w-27 { width: var(--tc-w-27) !important; }
.tc-w-28 { width: var(--tc-w-28) !important; }
.tc-w-29 { width: var(--tc-w-29) !important; }
.tc-w-30 { width: var(--tc-w-30) !important; }
.tc-w-31 { width: var(--tc-w-31) !important; }
.tc-w-32 { width: var(--tc-w-32) !important; }
.tc-w-33 { width: var(--tc-w-33) !important; }
.tc-w-34 { width: var(--tc-w-34) !important; }
.tc-w-35 { width: var(--tc-w-35) !important; }
.tc-w-36 { width: var(--tc-w-36) !important; }
.tc-w-37 { width: var(--tc-w-37) !important; }
.tc-w-38 { width: var(--tc-w-38) !important; }
.tc-w-39 { width: var(--tc-w-39) !important; }
.tc-w-40 { width: var(--tc-w-40) !important; }
.tc-w-41 { width: var(--tc-w-41) !important; }
.tc-w-42 { width: var(--tc-w-42) !important; }
.tc-w-43 { width: var(--tc-w-43) !important; }
.tc-w-44 { width: var(--tc-w-44) !important; }
.tc-w-45 { width: var(--tc-w-45) !important; }
.tc-w-46 { width: var(--tc-w-46) !important; }
.tc-w-47 { width: var(--tc-w-47) !important; }
.tc-w-48 { width: var(--tc-w-48) !important; }
.tc-w-49 { width: var(--tc-w-49) !important; }
.tc-w-50 { width: var(--tc-w-50) !important; }
.tc-w-51 { width: var(--tc-w-51) !important; }
.tc-w-52 { width: var(--tc-w-52) !important; }
.tc-w-53 { width: var(--tc-w-53) !important; }
.tc-w-54 { width: var(--tc-w-54) !important; }
.tc-w-55 { width: var(--tc-w-55) !important; }
.tc-w-56 { width: var(--tc-w-56) !important; }
.tc-w-57 { width: var(--tc-w-57) !important; }
.tc-w-58 { width: var(--tc-w-58) !important; }
.tc-w-59 { width: var(--tc-w-59) !important; }
.tc-w-60 { width: var(--tc-w-60) !important; }
.tc-w-61 { width: var(--tc-w-61) !important; }
.tc-w-62 { width: var(--tc-w-62) !important; }
.tc-w-63 { width: var(--tc-w-63) !important; }
.tc-w-64 { width: var(--tc-w-64) !important; }
.tc-w-65 { width: var(--tc-w-65) !important; }
.tc-w-66 { width: var(--tc-w-66) !important; }
.tc-w-67 { width: var(--tc-w-67) !important; }
.tc-w-68 { width: var(--tc-w-68) !important; }
.tc-w-69 { width: var(--tc-w-69) !important; }
.tc-w-70 { width: var(--tc-w-70) !important; }
.tc-w-71 { width: var(--tc-w-71) !important; }
.tc-w-72 { width: var(--tc-w-72) !important; }
.tc-w-73 { width: var(--tc-w-73) !important; }
.tc-w-74 { width: var(--tc-w-74) !important; }
.tc-w-75 { width: var(--tc-w-75) !important; }
.tc-w-76 { width: var(--tc-w-76) !important; }
.tc-w-77 { width: var(--tc-w-77) !important; }
.tc-w-78 { width: var(--tc-w-78) !important; }
.tc-w-79 { width: var(--tc-w-79) !important; }
.tc-w-80 { width: var(--tc-w-80) !important; }
.tc-w-81 { width: var(--tc-w-81) !important; }
.tc-w-82 { width: var(--tc-w-82) !important; }
.tc-w-83 { width: var(--tc-w-83) !important; }
.tc-w-84 { width: var(--tc-w-84) !important; }
.tc-w-85 { width: var(--tc-w-85) !important; }
.tc-w-86 { width: var(--tc-w-86) !important; }
.tc-w-87 { width: var(--tc-w-87) !important; }
.tc-w-88 { width: var(--tc-w-88) !important; }
.tc-w-89 { width: var(--tc-w-89) !important; }
.tc-w-90 { width: var(--tc-w-90) !important; }
.tc-w-91 { width: var(--tc-w-91) !important; }
.tc-w-92 { width: var(--tc-w-92) !important; }
.tc-w-93 { width: var(--tc-w-93) !important; }
.tc-w-94 { width: var(--tc-w-94) !important; }
.tc-w-95 { width: var(--tc-w-95) !important; }
.tc-w-96 { width: var(--tc-w-96) !important; }
.tc-w-97 { width: var(--tc-w-97) !important; }
.tc-w-98 { width: var(--tc-w-98) !important; }
.tc-w-99 { width: var(--tc-w-99) !important; }
.tc-w-100 { width: var(--tc-w-100) !important; }

/*****/


.main__page__wraper{
    background-image:url('/billing/templates/tcTheme/assets/img/TCBillingBackgroundImage.png');
    background-repeat: no-repeat;
    background-size: 700px;
    background-position: 110% 300px;
}
    .header{
        border-bottom:1px solid #000;   
    }
    .minimal__sidebar{
        border-right: 1px solid #000;
    }
	@media (max-width: 1013px) {
	    .tc-header-icon-title{
		    display:none;
		}
	}
	
	@media only screen and (max-width: 768px) {
    .page__container{
        padding-right:var(--gap) !important;
    }
    .main__page__wraper{
       background-image:unset;
    }
}
.tc-ft-payment-icon-list>* {
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
    margin-top: 0;
}
.m-x-15{
    margin-right:-15px;
    margin-left:-15px;
}