#supportPopup{
	height: 80%;
}

#supportPopup .modal-title { display: inline-block; margin-top: 0px; float: left; line-height: 1;}
#supportPopup #modal-title-icon,
#supportPopup #modal-title-text{
	display: inline-block;
}
#supportPopup .modal-header {font-size: 20px; padding: 10px; height: 50px;}
#supportPopup .modal-header .icon-question { font-size: 24px; }
#supportPopup .modal-header .close { opacity: 1.0; font-size: 30px;}


/* Heading Styles */
#supportPopup .modal-body h1, 
#supportPopup .modal-body h4{
	font-weight: 500;
	line-height: 1.1;
}

#supportPopup .modal-body h1{
	font-size: 30px;
	font-weight: 700;
}


#supportPopup .modal-body p { margin: 0 0 5px; }

#supportPopup .modal-body label { font-weight: 500; display: block; }


/* 	This should go in the main css */
.mar-btm-no {
	margin-bottom: 0px;
}


/* Outcome line under the ticket form; filled and shown by the submit handler */
#supportPopup #postResponse {
	display: none;
	width: 100%;
	margin-top: 10px;
	font-weight: bold;
	line-height: 1.4;
}

#supportPopup #postResponse.successful { color: green; }

#supportPopup #postResponse.failed { color: #DD0000; }

#supportPopup input[type="text"]{
	border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    height: 30px;
}

#supportPopup span.reqMark {
	font-size:15px;
	line-height:2;
}

#supportPopup span.reqMark:after  {
	margin-right:3px;
	margin-left:3px;
	display:inline;
	color:#DD0000;
	content: '*';	
}

#supportPopup input.error, 
#supportPopup textarea.error,
#supportPopup select.error{
	border:1px solid #DD0000 !important;
	background:#FFEDED !important;
}


/* Overriding Stock Styles */

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px !important;
    padding-left: 15px !important;
 }
 
 label {
	 margin-bottom: 0px;
 }
 
 
 /* Input Wrap, Input Help */
 
.input-wrap.input-help select:not(.default-select2),
.input-wrap.input-help textarea,
.input-wrap.input-warning select,
.input-wrap.input-warning textarea,
.input-wrap.icon-warning input:not([type=checkbox]):not([type=radio]),
.input-wrap.input-help input:not([type=checkbox]):not([type=radio]) {
	max-width:-webkit-calc(100% - 25px);
	max-width:-moz-calc(100% - 25px);
	max-width:-o-calc(100% - 25px);
	max-width:calc(100% - 25px);
	float:left;
}

/* Help icon */
div.input-help .icon-help-2,
em.input-help .icon-help-2,
div.input-help label > .icon-help-2 {
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
    transition: opacity .5s;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    color: #16BFD9;
    left: 2px; 
	top: 2px;
}

.input-wrap.input-help .icon-help-2 {
    position: relative;
    cursor: pointer;
    font-size: 20px;
    color: #16BFD9;
    float:left;
    left:5px;
    top:5px;
}

.input-wrap.input-help label > .icon-help-2 {
    float:none;
    left:auto;
}

/* allow for both help and cadmium tools icons */
.input-tools .input-wrap.input-help input:not([type="checkbox"]):not([type=radio]),
.input-tools .input-wrap.input-help select:not(.default-select2),
.input-tools .input-wrap.input-help textarea{
	width:-webkit-calc(100% - 50px);
	width:-moz-calc(100% - 50px);
	width:-o-calc(100% - 50px);
	width:calc(100% - 50px);
}

div.input-help label > .icon-help-2 {
    font-size: 15px;
}

 
 
 
 /* Mobile Heading Styles */
body.mobile #supportPopup .modal-body h1{
	font-size: 22px;
}

 .mobile-block-btn {
    width: 100%;
    display: block;
}