/* Custom tags */
	html {
		position: relative;
		min-height: 100%;
		overflow-y: scroll;
	}
	body {
		font-family:'Titillium Web';
		font-style: normal;
		font-size: 16px;
		margin: 0 0 100px 0;
		padding-right:0px !important;
		margin-right:0px !important;
	}
	textarea {
		resize: none;
	}
	.rdonly:hover {
		cursor: pointer;
	}
	label {
		text-align: right;
	}
	a {
		color: #3F87EF;
		font-size: 16px;
	}
	a.loginLinks {
		padding-left: 8px;
		font-size: 14px;
	}
	a:hover {
		color: #333;
		text-decoration: none;
		
	}
	.table>thead>tr>th, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	    vertical-align : middle;
	}


	

/* Title Page*/
	.titlePage {
		text-align: center;
		background-color: #3F87EF;
		color: #fff;
		padding: 20px;
		margin-bottom: 20px;
	}
	.titlePage h1 {
		margin: 0;
	}
	
/* Basic Page */
	.basicContainer {
		padding-bottom: 80px;
	}

/* Home */
	.homeContainer {
		padding-top: 60px;
		padding-bottom: 20px;
	}
	/* Carousel */
		.carousel-indicators li {
			margin:0 6px -50px 6px;
			border: 1px solid #00a2ab;
			background-color: #ffffff;
			width: 12px;
			height: 12px;
			border-radius: 10px;
		}
		.carousel-indicators li.active, .carousel-indicators li:hover {
			margin:0 6px -50px 6px;
			background-color: #00a2ab;
		}
		.carousel-indicators {
		    bottom: 0;
		    z-index: 10;
		}
		.carousel-ratio{
			position: relative;
			height: 0;
			padding-bottom: 26.875%; /*Image ratio(%) = height/width * 100 */
		}
		.carousel-ratio-content{
			position: absolute;
			top: 0;
			left:0;
			width: 100%;
			height: 100%;
		}
		
/* Sign In */
	.signInContainer {
		margin-top: 60px;
		padding-bottom: 60px;
	}
	.signInContainer .forgotPassword{
		font-size: 12px;
		float: right;
		line-height: 35px;
	}
		
/* Sign Up */
	.signUpContainer {
		margin-top: 60px;
		padding-bottom: 60px;
	}
	.legend {
		font-size: 14px;
	}

	#captchID{
	    width: fit-content;
		position: relative;
		left: 35.7%;
	}

/* All Products */
	.allContainer {
		margin-top: 60px;
		padding-bottom: 60px;
	}
	
/* Product Details */
	.detailsContainer {
		margin-top: 60px;
		padding-bottom: 32px;
	}
	.detailsContainer .imageIcon {
         padding: 0;
         margin-top: 10px;
         margin-bottom: 40px;
         max-height: 128px;
     }
	.checkoutButtons {
		padding-top: 50px;
		padding-bottom: 50px;
		text-align:center;
	}
	.checkoutButtons .specialButton {
		line-height: 16px;
		width: auto;
	}

	.buttonCheckout{
		display:inline-block;
		margin: 5px;
	}
	.checkoutButtons .dropdown-menu {
	    left: 50% !important;
	    margin-left: -70px;
		padding: 0;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-top: 3px solid #3F87EF;
		border-radius: 0.25rem;
	}
	.checkoutButtons .dropdown-menu li {
		margin-right: 0;
		border-top: 1px solid #E8E8E8;
		padding: 0 0 0 5px;
		cursor: pointer;
	}
	.checkoutButtons .dropdown-menu li:hover {
		background-color: #EEEEEE;
	}
	.checkoutButtons .dropdown-menu li a {
		color: #5a6a6a;
		margin: 0;
		display: block;
		width: 100%;
		height: 100%;
	}
	.productName {
	    font-size: 21px;
        color: #104450;
        font-weight: 600;
	}
	.productSummary {
		text-align: center;
		font-size: 26px;
		color: #4d4d4d;
		margin: 0;
	}
	.productDescription {
		text-align: center;
		font-size: 18px;
		color: #6f6f6f;
		margin: 0;
	}
	.productAccountNecessary {
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		color: #4d4d4d;
		margin: 0;
		margin-top: 15px;
	}
    /* On medium+ devices (default), the product icon is displayed on the left column, not here. */
    #product-body .imageIcon {
        display: none;
    }
    .resources-container {
        display: table;
    }
    .resources-container hr {
        margin-top: 10px;
        margin-bottom: 10px;
        height: 1px;
    }
    .resources-container h3 {
        font-size: 20px;
        margin: 15px 0;
    }

/* Products Checkout */
	.checkoutContainer {
		padding-bottom: 60px;
	}
	.checkoutContainer .imageIcon {
		padding-top: 20px;
		padding-bottom: 90px;
		margin-bottom: 0;
	}
	.propertyInfo {
		padding-top: 5px;
		padding-left: 10px;
		font-size: 14px;
	}
	.propertyInfo a {
		font-size: 14px;
	}

/* Products Search */
	.searchContainer {
		margin-top: 60px;
		padding-bottom: 60px;
	}
	.searchResults {
		background-color: #f7f7f7;
		margin-bottom: 40px;
	}
	.searchResults h1 {
		margin-bottom: 0;
		font-size: 21px;
		line-height: 1.4em;
		font-weight: 400;
		color: #333;
	}
	.searchResults h4 {
		margin-top: 0;
		font-size: 19px;
		line-height: 1.4em;
		font-weight: 400;
		color: #999;
	}
	.searchResultsRight {
		padding-top: 30px;
		padding-bottom: 10px;
		font-size: 16px;
	}
	.searchResultsRight a {
		color: #333;
	}
	.searchContainer .nameTechnologyHighlight, .searchContainer .summaryHighlight, .searchContainer .descriptionHighlight {
		color: #333;
		text-align: left;
	}
	.searchContainer .imageIcon {
		padding-top: 15px;
	}
	.searchContainer .technologyHighlight {
		vertical-align: middle;
	}
	.searchContainer .viewDetailsIcon {
		margin-top:75px;
	}
	
/* User Licenses */
	.licensesContainer {
		padding-bottom: 60px;
	}
	.licensesContainer table thead tr th {
		text-align: center;
		color: #3F87EF;
		border: 0;
	}
	.licensesContainer table thead tr td {
		width: 10%;
	}
	.licensesContainer table tbody tr td table {
		text-align: center;
		background-color: #fff;
		color: #4d4d4d;
	}
	.licensesContainer table tbody .customDescription {
		text-align: center;
		background-color: #fff;
		color: #333;
	}
	.licensesContainer table tbody tr .hiddenRow {
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
		border: none;
	}
	.licensesContainer table tbody tr .hiddenRow table tbody .details {
		vertical-align: middle;
		padding-left: 40px;
	}
	.licensesContainer table tbody tr .hiddenRow table tbody tr td {
		text-align: left;
		vertical-align: middle;
	}
	.licensesContainer table tbody tr .hiddenRow .accordian-body {
		margin: -5px;
	}
	.licensesContainer #inputEmail {
		width: 100%;
	}
	.licensesContainer table tbody tr .licenseKeyCopy {
		display:inline-block;
		vertical-align: top;
		margin-top:5px;
		margin-left:5px;
	}
	.licensesContainer table tbody tr #textareaKey {
		margin-left:80px;
	}
	
/* User Change Password */
	.passwordContainer {
		margin-top: 60px;
		padding-bottom: 90px;
	}
	
/* User Recover Password */
	.recoverPasswordContainer {
		margin-top: 60px;
		padding-bottom: 60px;
	}
	
/* User Account Details */
	.accountDetailsContainer {
		margin-top: 60px;
		padding-bottom: 60px;
	}
	
/* Users */
	.users .titlePage, .trialLimits .titlePage {
		margin-bottom: 20px;
	}
	.users {
		padding-bottom: 60px;
	}
	.users table thead tr th {
		text-align: center;
		color: #3F87EF;
		border: 0;
	}
	.users table tbody tr td table {
		text-align: center;
		background-color: #fff;
		color: #4d4d4d;
	}
	.users table tbody .customDescription {
		text-align: center;
		background-color: #fff;
		color: #333;
	}
	.users table tbody tr .hiddenRow {
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
		border: none;
	}
	.users table tbody tr .hiddenRow table tbody .details {
		vertical-align: middle;
		padding-left: 40px;
	}
	.users table tbody tr .hiddenRow table tbody tr td {
		text-align: left;
		vertical-align: middle;
	}
	.users table tbody tr .hiddenRow .accordian-body {
		margin: -5px;
	}
	
/* Customer Licenses */
	.customersLicenses .titlePage, .trialLimits .titlePage {
		margin-bottom: 20px;
	}
	.customersLicenses {
		padding-bottom: 60px;
	}
	.customersLicenses table thead tr th {
		text-align: center;
		color: #3F87EF;
		border: 0;
	}
	.customersLicenses table thead tr td {
		width: 10%;
	}
	.customersLicenses table tbody tr td table {
		text-align: center;
		background-color: #fff;
		color: #4d4d4d;
	}
	.customersLicenses table tbody .customDescription {
		text-align: center;
		background-color: #fff;
		color: #333;
	}
	.customersLicenses table tbody tr .hiddenRow {
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
		border: none;
	}
	.customersLicenses table tbody tr .hiddenRow table tbody .details {
		vertical-align: middle;
		padding-left: 40px;
	}
	.customersLicenses table tbody tr .hiddenRow table tbody tr td {
		text-align: left;
		vertical-align: middle;
	}
	.customersLicenses table tbody tr .hiddenRow .accordian-body {
		margin: -5px;
	}
	.customersLicenses table tbody .licenseKeyCopy {
		display:inline-block;
		vertical-align: top;
		margin-top:5px;
		margin-left:5px;
	}
	.customersLicenses table tbody #textareaKey {
		margin-left:100px;
	}
    	
/* Trial Limits */
	.trialLimits {
		padding-bottom: 60px;
	}
	.trialLimits table thead tr th {
		text-align: center;
		color: #3F87EF;
		border: 0;
	}
	.trialLimits table tbody tr td table {
		text-align: center;
		background-color: #fff;
		color: #4d4d4d;
	}
	.trialLimits table tbody .customDescription {
		text-align: center;
		background-color: #fff;
		color: #333;
	}
	.trialLimits table tbody tr .hiddenRow {
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
		border: none;
	}
	.trialLimits table tbody tr .hiddenRow table tbody .details {
		vertical-align: middle;
		padding-left: 40px;
	}
	.trialLimits table tbody tr .hiddenRow table tbody tr td {
		text-align: left;
		vertical-align: middle;
	}
	.trialLimits table tbody tr .hiddenRow .accordian-body {
		margin: -5px;
	}
	.trialLimits #maxTrial {
		width: 100%;
	}
	
/* Quotes */
	.quote {
		padding-bottom: 60px;
	}
	.quote table thead tr th {
		text-align: center;
		color: #3F87EF;
		border: 0;
	}
	.quote table tbody tr td table {
		text-align: center;
		background-color: #fff;
		color: #4d4d4d;
	}
	.quote .tableActions {
		width: 100px;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
		align-content: space-around;
	}
	.quote .tableActions .action-item {
		flex: 1 1 25%;
	}
	.quote table tbody .customDescription {
		text-align: center;
		background-color: #fff;
		color: #333;
	}
	.quote table tbody tr .hiddenRow {
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
		border: none;
	}
	.quote table tbody tr .hiddenRow table tbody .details {
		vertical-align: middle;
		padding-left: 40px;
	}
	.quote table tbody tr .hiddenRow table tbody tr td {
		text-align: left;
		vertical-align: middle;
	}
	
	.quote .titlePage, .quote .titlePage {
		margin-bottom: 20px;
	}
	
	th:active { 
		outline: none;
	}
	
	#block td {
    	display: block;
		horizontal-align: middle;
	}

	.col-sm-7 {
	    width: 100%;
	    text-align: center;
	}
	
	.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	    background-color: #3F87EF !important;
    	border-color: #3F87EF !important;
	}
	
	.paginate_button .active {
		background-color: #3F87EF;
    	border-color: #3F87EF;
	}
	
	.dataTables_length {
		padding: 6px 12px;
	}


	.table-responsive {
		overflow: hidden;
	}
	
	@media all and (min-width: 1366px) {
		body {
		  margin:0;
		}
	}

	select.input-sm {
	    display: inline-block;
	    width: auto;
	    vertical-align: middle;
	}
	
	.dataTables_filter {
	     display: none;
	}

	.label-success {
		background-color: #3F87EF;
	}

	.btn-success {
		background-color: #3F87EF;
		border-color: #3F87EF;
	}

	.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success {
		color: #fff;
		background-color: #00b6ca;
		border-color: #00b6ca;
	}

/* Create Quotes */
	.createQuote {
		padding-bottom: 0px;
	}
	.createQuote table thead tr th {
		text-align: center;
		color: #3F87EF;
		border: 0;
	}
	.createQuote table tbody tr td table {
		text-align: center;
		background-color: #fff;
		color: #4d4d4d;
	}
	.createQuote table tbody .customDescription {
		text-align: center;
		background-color: #fff;
		color: #333;
	}
	.createQuote table tbody tr .hiddenRow {
		padding-top: 0;
		padding-bottom: 0;
		margin: 0;
		border: none;
	}
	.createQuote table tbody tr .hiddenRow table tbody .details {
		vertical-align: middle;
		padding-left: 40px;
	}
	.createQuote table tbody tr .hiddenRow table tbody tr td {
		text-align: left;
		vertical-align: middle;
	}
	.createQuote table tbody tr .hiddenRow .accordian-body {
		margin: -5px;
	}
	
	.createQuote .titlePage, .quote .titlePage {
		margin-bottom: 20px;
	}
	
	.createQuoteProduct {
		padding: 6px 12px;
		font-size: 18px;
		margin-right: 10px;
		cursor: pointer;
	}
	
/* Pre-Purchase */
	.prePurchaseContainer {
		margin-top: 60px;
		padding-bottom: 35px;
		margin-bottom: 60px;
	}
	 .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		 color: #000;
		 text-decoration: none;
		 background-color: #f5f5f5;
		 outline: 0;
	 }
	
/* Add Quote */
	.showQuote {
		padding-bottom: 35px;
		margin-bottom: 40px;
	}
	
	/* Add Quote */
	.addQuote {
		margin-top: 60px;
		padding-bottom: 35px;
		margin-bottom: 60px;
	}

/* Partners */
    .partners .titlePage, .titlePage {
        margin-bottom: 20px;
    }

    .partners {
        padding-bottom: 60px;
    }
    .partners table thead tr th {
        text-align: center;
        color: #3F87EF;
        border: 0;
    }
    .partners table tbody tr td table {
         text-align: center;
         background-color: #fff;
         color: #4d4d4d;
    }
	
/* Screenshots */
	.imageScreenshotDiv {
		margin-top: 24px;
		height: 140px;
		margin-bottom: 88px;
		display: flex;
		align-items: center;
	}
	.imageScreenshot {
		width: auto;
		max-width: 100%;
	}

/* Icons */
	.imageIcon {
	    float: none;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 15px;
		padding-top: 60px;
		max-height: 192px;
		max-width: 100%;
	}
	.imageIconDescription {
		font-size: 16px;
        color: #777777;
        line-height: 1.66em;
		height: 60px;
		margin-bottom: 60px;
	}

/* Buttons */
	.normalButton {
		border-radius: 25px;
		border-color: #3F87EF;
		color: #3F87EF;
		font-size:14px;
	}
	.normalButton:hover {
		background-color:#fff;
		border-color: #333;
		color: #333;
	}
	.imageIconButton {
	    height: 38px;
	    width: 120px;
	    vertical-align: middle;
		line-height: normal;
		border-color: #333;
		border-radius: 25px;
		margin-bottom: 60px;
		font-size: 14px;
	}
	.imageIconButton:hover {
		background-color:#fff;
		border-color: #3F87EF;
		color: #3F87EF;
	}
	.imageIconButton a {
		font-size:14px;
		color: #6f6f6f;
		text-decoration: none;
	}
	.imageIconButton:hover a{
		color: #3F87EF;
	}
	#subscribeButton {
		border-radius: 25px;
		margin-left: 10px;
		margin-right: 10px;
		border-color: #3F87EF;
		color: #3F87EF;
	}
	#subscribeButton:hover {
		background-color:#fff;
		border-color: #333;
		color: #333;
	}
	.specialButtonDropdown {
		height: 55px;
	}
	.specialButton {
	    width: 96px;
		border-radius: 25px;
		background-color: #FF8327;
		border-color: #FF8327;
		color: #fff;display: inline-block;
		padding: 6px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		user-select: none;
		background-image: none;
	}
	.specialButton:hover {
		background-color:#fff;
		border-color: #FF8327;
		color: #FF8327;
	}
	.specialButton:active {
		background-color:#fff;
		border-color: #FF8327;
		color: #FF8327;
	}
	.specialButton:focus {
		background-color:#fff;
		border-color: #FF8327;
		color: #FF8327;
	}

	.specialButton span:last-of-type {
		font-size:14px;
	}

	.specialButton i{
		font-size:14px;
	}

/* Navbar */
	.navbar {
		border: 0 !important;
		background-color: #fff !important;
		color: #333;
		font-size: 18px;
		overflow: visible !important;
		padding: 30px 0 36px 0;
	}
	.navbar a {
		font-size: 19px;
		margin: 10px;
	}
	.navbar a.dropdown-toggle::after {
		display: none;
	}
	#site-logo a {
		padding: 0;
		text-decoration: none;
		height: auto;
	}
	#site-logo img {
		height: auto;
		display: block;
	}
	#site-navigation .dropdown .dropdown-menu {
		padding : 0;
	}
	#site-navigation ul li a {
		color:#5A6A6A;
		background-color: transparent;
	}
	#site-navigation ul li a:active, #site-navigation ul li a:hover, #site-navigation ul li a:focus {
		color:#3F87EF;
		background-color: transparent;
	}
	#site-navigation ul .dropdown-menu {
		border-top: 3px solid #3F87EF;
		border-radius: 0;
		right: 0;
		left: unset;
	}
	#site-navigation ul .dropdown-menu li {
		border-bottom: 1px solid #E8E8E8;
		padding: 3px 20px;
	}
	#site-navigation ul .dropdown-menu li:hover {
		background-color: #F0F0F0;
	}
	#searchbox {
		color: #bbb;
		font-size: 22px;
		border:none;
		box-shadow: none;
		text-transform: uppercase;
		float:right;
	}
	.navbar #searchbox {
		width:750px;
		font-size: 22px;
		padding: 0;
	}
	#search-box {
		display: none;
		margin: 18px;
	}
	.loggedAsAdmin {
		background-color: #E8E8E8;
		color: #333;
		text-align: center;
		padding: 5px;
		position: fixed;
		top: 0;
		z-index: 10000;
		width:100%;
	}
	.loggedAsAdmin #basicUserEmail {
		color: #3F87EF;
		font-weight: bold;
	}
	.navbar-brand {
		float: left;
		height: 50px;
	    padding: 0 15px 15px 15px;
	    font-size: 18px;
	    line-height: 20px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
	}
	.navbar-light .navbar-toggler {
		border: none;
		margin: 10px 0;
	}

/* Footer */
	footer {
		color: #fff;
		background-color: #28303A;
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 20px 0 20px 0;
		width: 100%;
		overflow: hidden;
	}
	footer ul li a {
		color: #fff;
		text-decoration: none !important;
	}
	footer ul li a:hover {
		color: #3F87EF;
	}
	footer ul li a:active {
		color: #3F87EF;
	}
	footer ul li a .fa {
		color: #fff;
	}
	footer ul li a .fa:hover {
		color: #fff;
	}
	footer ul li a .fa:hover {
		color: #fff;
	}
	footer #xpandAddonsLogo {
		max-height: 50px;
        max-width: 100%;
	}
	.footer-main {
		display: flex;
	}
	.footer-copyright {
		font-size: 13px;
		margin-bottom: 0;
		margin-top: 10px;
	}
	.footer-social {
		margin-top: auto;
		text-align: right
	}
    .social-icons {
        margin-bottom: 0;
    }
	.social-icons li {
		display: inline;
	}
	.social-icons li:not(:first-child) {
		margin-left: 20px;
	}
	.social-icons li i {
		font-size: 2em;
	}
	.footer-funding {
		opacity: 0.5;
	}
	.footer-funding hr {
		border-top: 1px solid rgba(255, 255, 255, .5);
		width: calc(100% - 30px);
	}
    .footer-funding a:not(:last-child) {
        margin-right: 15px;
    }
	.funding-logo {
		max-height: 35px;
        max-width: 100%;
	}
	#pledgeLogo {
		float: right;
	}

	 /* Footer media queries */
    @media (max-width: 550px) {
        #pledgeLogo {
            float: none;
        }
        .social-icons li:not(:first-child) {
            margin-left: 5px;
        }
        .social-icons li i {
            font-size: 1.4em;
        }
    }

/* Sidebar */
	.sidebar .nav-stacked {
		border-top: 3px solid #3F87EF;
		padding-bottom: 80px;
		display: block;
	}
	.sidebar .nav-stacked li a {
		color:#333;
		border-top: 1px solid #E8E8E8;
		position: relative;
		display: block;
		padding: 10px 15px;
	}
	.sidebar .nav-stacked li a:hover{
		color:#3F87EF;
		text-decoration: none;
		background-color: #eee;
	}
	.sidebar .nav-stacked li.activeSidebar a {
		color: #3F87EF;
		background-color: #EEEEEE;
	}
	.sidebar .nav-stacked li.titleSidebar {
		vertical-align:middle;
		text-align: center;
		background-color: #3F87EF;
		color: #fff;
		padding: 20px;
		margin: 40px 0;
	}
	.sidebar .nav-stacked li.titleSidebar h2 {
		margin: 0;
	}
	.sidebarTitle {
		background-color: #3F87EF;
		color: #fff;
		padding: 10px 15px;
	}
	.sidebarTree a {
		padding-left: 25px !important;
	}
	
/* Pagination */
	.paginationDiv {
		background-color: #fff;
	}
	.paginationItem {
		text-align: center;
	}
	.pagination li a {
		color: #3F87EF;
		border-color: #3F87EF;
		background-color: #fff;
	}
	.pagination li a:hover {
		color: #3F87EF;
		border-color: #3F87EF;
		background-color: #eee;
	}
	.paginationButtons .pagination .active a {
		background-color: #3F87EF;
		border-color: #3F87EF;
		color: #fff;
	}
	.paginationButtons {
		text-align:center;
	}

/* Spacing */
	.vcex-mini-spacing {
		height: 10px;
	}
	.vcex-spacing-17 {
		height: 17px;
	}
	.vcex-spacing {
		height: 20px;
	}
	.vcex-mid-spacing {
		height: 30px;
	}
	.vcex-super-spacing {
		height: 40px;
	}
	.margin-space {
		margin-right: 15px;
	}

/* Table columns */
.dt-col-xs,
.dt-col-s,
.dt-col-sm,
.dt-col-m,
.dt-col-ml,
.dt-col-l,
.dt-col-xl {
	word-wrap: break-word;
	overflow: hidden;
}

.dt-col-xs {
	max-width: 75px;
}

.dt-col-s {
	max-width: 100px;
}

.dt-col-sm {
	max-width: 125px;
}

.dt-col-m {
	max-width: 150px;
}

.dt-col-ml {
	max-width: 200px;
}

.dt-col-l {
	max-width: 275px;
}

.dt-col-xl {
	max-width: 350px;
}

/* Details table */
.detail-title {
	font-weight: bold;
}

/* Utils */
	.highlight {
		border: 1px solid #b94a48;
	}
	.badge {
		background-color: #3F87EF;
		font-size: 12px;
		color: white;
	}
	.badge-info {
		background-color: #3a87ad;
	}
	.blueBar {
		margin-top: 15px;
		margin-bottom: 15px;
		height:2px;
		background-color: #3F87EF;
		border: 0;
		width: 2%;
	}
	.licenseKeyCopy {
		background:none;
	    box-shadow:none;
	}
	.tableBtn {
		color: #4d4d4d;
		border: none;
	}
	.tableBtn:hover {
		color: #3F87EF;
		border: none;
		background:none;
	}
	.tableBtn:focus {
		color: #4d4d4d;
		background-color: #fff;
		border: none;
	}
	.disableBtn {
		color: #ccc;
		border: none;
	}
	.disableBtn:hover {
		color: #ccc;
		background-color: #fff;
		border: none;
	}
	.disableBtn:focus {
		color: #ccc;
		background-color: #fff;
		border: none;
	}
	.query {
		margin-bottom: 20px;
	}
	.query .cleanSearch {
		font-size: 22px;
	}
	.query .cleanSearch i {
		margin-top: 5px;
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		border-top: none;
		border-bottom: 1px solid #d7d7d7;
	}
	.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
	    padding: 10px 5px;
	}
	.modal-title {
		text-align: left;
	}
	#mail-logo img {
		width: 10%;
		height: 10%;
		display: block;
	}
	.input-group .icon-addon .form-control {
	    border-radius: 0;
	}
	.icon-addon {
	    position: relative;
	    color: #555;
	    display: block;
	}
	.icon-addon:after, .icon-addon:before {
		display: table;
	    content: " ";
	}
	.icon-addon:after {
	    clear: both;
	}
	.icon-addon.addon-md .glyphicon, .icon-addon .glyphicon, .icon-addon.addon-md .fa, .icon-addon .fa {
	    position: absolute;
	    z-index: 2;
	    left: 10px;
	    width: 20px;
	    margin-left: -2.5px;
	    text-align: center;
	    padding: 10px 0;
	    top: 1px
	}
	.icon-addon.addon-lg .form-control {
	    line-height: 1.33;
	    height: 46px;
	    padding: 10px 16px 10px 40px;
	}
	.icon-addon.addon-sm .form-control {
	    height: 34px;
	    padding: 5px 10px 5px 25px;
	    line-height: 1.5;
	}
	.icon-addon.addon-lg .fa, .icon-addon.addon-lg .glyphicon {
	    margin-left: 0;
	    left: 11px;
	    top: 4px;
	}
	.icon-addon.addon-md .form-control, .icon-addon .form-control {
	    padding-left: 30px;
	    float: left;
	    font-weight: normal;
	}
	.icon-addon.addon-sm .fa, .icon-addon.addon-sm .glyphicon {
	    margin-left: 0;
	    font-size: 12px;
	    left: 12px;
	    top: 2px
	}
	.simple-list {
        list-style-type: none;
        padding: 0;
        line-height: 20px;
	}
    .simple-list > li:not(:last-child) {
        margin-bottom: 10px;
    }

/* Forms */
.form-group-header-container {
	margin-top: 10px;
	margin-bottom: 5px;
}
.form-group-header {
	text-align: right;
	color: #00a2ab
}

/* Errors */
	.errorContent {
		position:absolute;
		width:100%;
		height:100%;
	}
	.errorContentDiv {
		padding-top: 10%;
	}
	.errorHeader {
		text-align: center;
		color: #3F87EF;
		font-size: 96px;
	}

	.errorDescription {
		text-align: center;
		color: #3F87EF;
		font-size: 36px;
	}

	/* Create Product */
.createProduct table thead tr th {
	text-align: center;
	color: #3F87EF;
	border: 0;
}
.createProduct table tbody tr td table {
	text-align: center;
	background-color: #fff;
	color: #4d4d4d;
}

/* Manage Product */
.manageProduct table thead tr th {
	text-align: center;
	color: #3F87EF;
	border: 0;
}
.manageProduct table tbody tr td table {
	text-align: center;
	background-color: #fff;
	color: #4d4d4d;
}



/* Media Queries */
	@media (max-width: 990px) {
		.imageIconDescription {
			height: 95px;
		}
		#site-logo img {
			width: 450px;
			padding-top: 8px;
		}
		.loggedAsAdmin, .loggedAsAdmin a {
			font-size:12px;
		}
		#searchbox {
			font-size: 14px;
		}
		.query .cleanSearch {
			font-size: 14px;
		}
		#search-button {
			display: none;
		}
		.searchContainer .viewDetailsIcon {
			margin-top:50px;
		}
		.navbar-toggler {
			padding: 25px 0;
		}
		#site-navigation ul .dropdown-menu {
			border-style: none !important;
		}
		#site-navigation ul .dropdown-menu li {
			border-bottom: none;
			text-align: right;
		}
	}
    @media  (max-width: 991px) {
        #product-body .imageIcon {
            display: block;
        }
        #product-side .imageIcon {
            display: none;
        }
        #product-side {
            text-align: center;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        .resources-container {
            margin-left: auto;
            margin-right: auto;
        }
		.form-group-header {
			text-align: left;
		}
    }

.no-scroll {
    overflow-y: hidden;
}

.scroll {
    overflow-y: scroll;
}

.users .checkboxes {
    padding: 6px 12px;
}
div.dt-buttons {
    float:right !important;

}

.instance-type-form-control{
	padding: 0px;
    font-size:14px;
    color: #555;
    background: #fff none;
    border: 1px solid #ccc;
    border-radius:4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*Product pricing details*/
#pricing-modal-dialog{
	overflow-y: initial !important
}
#pricing-modal-body{
	height: 500px;
	overflow-y: auto;
}

#confirmPrePurchase .modal-dialog{
	overflow-y: initial !important
}
#confirmPrePurchase .modal-body{
	height: 550px;
	overflow-y: auto;
}

/* Tax ID */
.taxId-container {
	display: flex;
}
.taxId-type-container {
	width: 30%;
	margin-right: 10px;
}
.taxId-value-container {
	width: 100%;
}
.taxId-type-container span {
	text-overflow: ellipsis;
}

/* Bootstrap override */
a:focus,
button:focus,
.bootstrap-select button.dropdown-toggle:focus {
	outline: none !important;
}

.hide {
	display: none !important;
}

.hiddenForm {
    visibility: hidden;
    position: absolute;
    left: -9999px;
}

.manage-consent {
	padding: 0 !important;
	background: none !important;
	color: #3F87EF !important;
	border: none !important;
}

.footer-link-margin-left {
	margin-left: 20px;
}

.white-link {
	color: white;;
	font-size: 13px;
}

.white-link:hover {
	color: #3F87EF;
}

/* Videos Youtube */
.videos-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
    padding-top: 30px;
}

.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
}

.video-title {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding-top: 7px;
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    border-radius: 8px;
    aspect-ratio: 16 / 9;
}