@charset 'utf-8';

/********** Heading **********/

#portal-access {
	min-height: calc(100vh - 303px);
	background: url(../images/background.jpg) no-repeat;
}





/********** Sign In **********/

#sign-in {
  background-image: none;
  background-color: #f0f0f0;
}

#my-support-feature > li {
  font-size: 17px;
    padding: 15px 0;
    padding-left: 45px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 5px 7.5px;
}
#my-support-feature > li > ul {
  font-size: 14px;
}


#my-support-feature > #support-request {
	background-image: url(../images/feature-manage-support-request.png);
}

#my-support-feature > #product-information {
	background-image: url(../images/feature-provides-relevant-product-information.png);
}

#my-support-feature > #threat-service {
	background-image: url(../images/feature-enhanced-threat-service.png);
}
#my-support-feature > #education-access {
  background-image: url(../images/feature-education-access.png);
} 
#my-support-feature > #absolutely-free {
	background-image: url(../images/feature-absolutely-free.png);
}




/********** Account Created **********/

.account-created .section {
	padding-left: 60px;
}

.account-created .panel {
	border-width: 1px;
}

.account-created .panel-body {
	margin: 30px;
	font-size: 17px;
	line-height: 25px;
}







/********** Search Result **********/

#search-results .input-group-btn {
	position: relative;
	display: table-cell;
}

#search-results .input-group-btn .search-icon {
	position: absolute;
	font-size: 15px;
	line-height: inherit;
	width: 20px;
	left: calc(50% - 10px);
	top: calc(50% - 10px);
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, .3);
	z-index: 5;
}

/* Search List */

.search-list {
  padding: 0;
	margin-bottom: 20px;
}

.search-list > li {
  padding: 20px 0;
  list-style-type: none;
  border-bottom: 1px solid #DDDDDD;
}

.search-title a {
  color: #1a0dab;
  font-size: 17px;
}

.search-title a:hover {
    color: #1a0dab;
}

.search-link {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.search-link a {
    font-size: 12px;
    color: #006621;
}

.search-link a:hover {
    color: #006621;
    text-decoration: none;
}

.search-detail {
  padding: 5px 0;
}





/********** Error Page **********/

#error-page .heading-title:before {
	content: "\f071";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color: inherit;
	margin-right: 10px;
	color: #D71920;
}

#error-search .heading .clear {
	position: absolute;
	right: 80px;
	padding: 0 20px;
	font-size: 15px;
	height: 50px;
}

#error-search .heading-title:before {
	content: "\f071";
	font-family: FontAwesome;
	margin-right: 10px;
	color: #d71920;
}

#search-tip {
	padding: 20px;
	border: 1px dashed #BBBBBB;
}

#search-tip .section-title:before {
	content: "\f0eb";
	font-family: FontAwesome;
	margin-right: 10px;
	color: #D71920;
}

#searchSidePanel {
	margin: 40px 0;
}

#searchSidePanel .sub-navigation {
	margin: 0;
}

/********** SMB **********/

.steps{display:flex;overflow:hidden;line-height:1.5;border:1px solid #eee;padding:0;margin:0;border-radius:6px}
.step{flex:1;color:#414141;text-decoration:none;padding:0 0 0 45px;background:#eee;position:relative;display:flex}
.step:first-child{padding-left:15px}
.step:last-child{padding-right:15px}
.step.active{background-color:#009eeb;color:#fff}
.step.active:after{border-left-color:#009eeb}
.step:after{content:" ";display:block;width:0;height:0;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:30px solid #eee;position:absolute;top:50%;margin-top:-50px;left:100%;z-index:2}
.step:before{content:" ";display:block;width:0;height:0;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:30px solid #fff;position:absolute;top:50%;margin-top:-50px;margin-left:2px;left:100%;z-index:1}
.step a{text-decoration:none;color:#414141;font-weight:600;padding:10px 0;width:100%}
.step:hover{background:#ddd!important;color:#fff}
.step:hover:after{border-left:30px solid #ddd}
.step.active:hover{background:#188bc5!important}
.step.active:hover:after{border-left:30px solid #188bc5}
.step.active a{color:#fff!important}
.done{background-color:#0f9f4f;color:#fff}
.done:after{border-left-color:#0f9f4f}
.form-wrapper{padding:30px}
.iframe.form-control{display:inline-table;border:2px dashed #00A94F;background-color:#dcffec;color:#00A94F;text-align:center;padding:25px}
.iframe.form-control a{color:inherit}
.border-left{border-left:0 solid #eee}
#issue-type table td label {font-weight: normal;margin-bottom: 0;}
#issue-type table  td {padding: 10px 15px 10px 0;}
#issue-type table td input[type='radio'] {line-height: normal;margin: 0;margin-right: 5px;}
@media (min-width: 992px) {
.border-left{border-left:1px solid #DDD}
}
.border-right{border-right:0 solid #eee}
@media (min-width: 992px) {
.border-right{border-right:1px solid #DDD}
}
.tokenfield .token-input{min-width:100%!important}
#trend-box {height: 150px;padding: 1px;border: 2px dashed #f5de99;background-color: #ffffdc; width: 100%;
}
.card-footer .btn.pull-right {
padding: 7px !important;
}

@media only screen and (max-width: 1440px) and (min-width: 992px)  {
	.card-footer .btn.pull-right {
	    display: block;
	    float: none !important;
	    margin-top: 10px;
	    text-align: left;
	    margin-left: 0px;
	}
}