@import "compass";
@import "mixins";

/* ------------------------------------------------------- Custom Styles ------------------------------------------------------- */
.navbar-inner .container {height:0px; border:0px;}

@media only screen and (min-width:320px) and (max-width:400px) {
.dax .new-tile .container {width: auto}
}



@media (max-width: 767px) {
.dax {padding-left: 10px !important; padding-right: 10px !important;}
.header .dax-logo{
	display:flex;
	align-items:center
}
.header .dax-logo .inner{
	display:flex;
	width:100%;
	align-items:center
}
.header .comMobLogo {
   width:222px;
   margin-top:22px!important;
   height:auto !important;
}
.dax{
	padding-left:0!important;
	padding-right:0!important;
}
}


/* ------------------------------------------------------- RESET.CSS ------------------------------------------------------- */
.dax {margin: 0; font-family: 'OpenSans-Regular' !important; font-size: 14px; line-height: 20px; color: #333; background-color: #fff}
.dax * {list-style: none}
.dax .row {width: 100%; margin: 0 auto; max-width: 1000px}
.dax ul, .dax ol {margin: 0 0 1.0625em -1.375em}
.dax ul, .dax ol {padding: 0;	margin: 0}
.dax hr {margin: 20px 0}
.dax h4 {margin: 0}

.dax .dax {font-family: OpenSans-Regular}
.dax .header {font-size: .9em}
.dax .header .content {background: 0}
.dax .nopadding {padding: 0}

/* ---------- text ---------- */
.dax h1 {color: #444!important; font-family: Bryant-Net-Regular, Arial !important; font-size: 26px !important; font-weight: bold; line-height: 22px; margin-bottom: 10px}
.dax h2 {font-family: Bryant-Net-Regular, Arial; font-size: 21px; line-height: 30px; font-weight: 400; padding: 0; color: #a3a3a3}
.dax h3 {font-family: OpenSans-Regular; font-size: 16px; line-height: 18px; font-weight: 400; color: #000}
.dax h1 {color: #444; font-family: Bryant-Net-Regular, Arial; font-size: 30px}
.dax h2 {color: #444; font-family: Bryant-Net-Regular, Arial; font-size: 24px}
.dax h3 {color: #444; font-family: OpenSans-Regular; font-size: 18px}
.dax h3.bold {font-family: OpenSans-Bold; line-height: 23px}
.dax h3.semibold {font-family: OpenSans-Semibold; line-height: 23px}
.dax h4 {color: #444; font-family: OpenSans-Regular; font-size: 16px}
.dax h4.bold {font-family: OpenSans-Bold; line-height: 21px}
.dax h4.semibold {font-family: OpenSans-Semibold; line-height: 21px}
.dax h5 {color: #444 !important; font-family: OpenSans-Regular; font-size: 14px}
.dax h5.bold {font-family: OpenSans-Bold; line-height: 18px}
.dax h5.semibold {font-family: OpenSans-Semibold; line-height: 18px}
.dax h6 {color: #444; font-family: OpenSans-Bold; font-size: 12px; text-transform: uppercase}
.dax .paragraph {color: #444; font-family: OpenSans-Regular; font-size: 13px; line-height: 18px}
.dax .paragraph.second {line-height: 140%}
.dax .custom-ul {list-style-type: disc; font-weight: 700; font-size: 12px}
.dax .custom-ul li ul li {text-indent: -5px; list-style-type: none; font-weight: 400}
.dax .custom-ul li ul li:before {content: "-"; position: relative; left: -5px}

.dax a {color: #0071B9; text-decoration: none !important; font-family: 'OpenSans-Regular'}
.dax a:hover {text-decoration: none !important; font-family: 'OpenSans-Regular'; color: black}

.dax .red {color: #d80f5f !important}
.dax .green {color:#92ba14 !important}

.nbTxt {text-align: right; font-size: 11px; font-style: italic;}

/* ---------- Footer ---------- */
#footer-links {padding:15px 0px 30px 0px;}
#footer {overflow:hidden; font-size:14px; color:#969497;}
#footer .dbg {float:left;}
#footer a {text-decoration:none;}
#footer .left {float:left;}
#footer .right {float:right;}

.footer-dax {float:left; background:url("../images/footer/dax-dbg.jpg") no-repeat 0 0; width:276px; height:80px;}
.home-foot {border-top: solid 1px #e0e0e0;}
.footer-links ul {margin:0px; padding:0px;}
.footer-links ul li.follow {padding-top:3px;}
.footer-links ul li {float:left; list-style-type:none; padding:0px 2px;}
.footer-links ul li a {color: #969494; font-size: .85em; font-family: OpenSans-Regular;}
.footer-links ul li a:hover {color: #0d0d92;}

ul.socialmedia {list-style: none; color: #969494; font-size: .85em; margin: 0px; padding: 0px; float:right;}
ul.socialmedia li.follow {padding-top:3px}
ul.socialmedia li {padding: 0px 2px; float: left;}
ul.socialmedia li a {width: 21px; height: 20px; display: block; background: url("../images/footer/social-media.png") no-repeat; text-decoration:none;}

ul.socialmedia li a.twitter {background-position: 0px 0px;}
ul.socialmedia li a.xing {background-position: -22px 0px;}
ul.socialmedia li a.youtube {background-position: -44px 0px;}
ul.socialmedia li a.linkedin {background-position: -66px 0px;}

ul.socialmedia li a.twitter:hover {background-position: 0px -20px;}
ul.socialmedia li a.xing:hover {background-position: -22px -20px;}
ul.socialmedia li a.youtube:hover {background-position: -44px -20px;}
ul.socialmedia li a.linkedin:hover {background-position: -66px -20px;}

.cont-lan {float:right;}

.aui .dax h5, .aui .dax h6 {margin: 10px 0;	font-family: inherit; font-weight: normal; line-height: 20px; color: inherit; text-rendering: optimizelegibility}
.aui .dax h5 {font-size: 17px}
.aui label {font-size: 1.21em}


@media only screen and (min-width:321px) and (max-width:999px) {
.footer-dax {margin:0px auto;}
.footer-dax {float:none !important;}
.footer-links ul {clear:both; text-align: center !important;}
.footer-links ul li {float:none !important; display:inline !important; text-align:center !important; padding:0px !important;}
ul.socialmedia {float:none; padding:5px 0px;clear:both; width: 200px; margin: 0px auto;}
}


/* ---------- Form Styles ---------- */
.aui .dax input[type="text"], 
.aui .dax input[type="password"], 
.aui .dax input[type="date"], 
.aui .dax input[type="datetime"], 
.aui .dax input[type="datetime-local"], 
.aui .dax input[type="month"], 
.aui .dax input[type="week"], 
.aui .dax input[type="email"], 
.aui .dax input[type="number"], 
.aui .dax input[type="search"], 
.aui .dax input[type="tel"], 
.aui .dax input[type="time"], 
.aui .dax input[type="url"], 
.aui .dax textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: white;
	font-family: inherit;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 2px #fff !important;
	color: rgba(0,0,0,0.75);
	display: block;
	font-size: 14px !important;
	margin: 0 0 .3em 0;
	padding: .5em;
	height: 2.3125em;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: -webkit-box-shadow .45s, border-color .45s ease-in-out;
	-moz-transition: -moz-box-shadow .45s, border-color .45s ease-in-out;
	transition: box-shadow .45s, border-color .45s ease-in-out;
	
	&:focus{
		border-color: #0071B9;
	}
}
	
.dax label, .dax input, form .dax select, .dax textarea {width: 100%;}
.aui .dax label {padding-top: 6px !important; padding-bottom: 0px !important; font-size: 13px !important; display: block !important; color: #4d4d4d !important; margin-bottom: 0px}

.aui .dax select {width: 100% !important; border-radius: 0; }
.aui .dax select:focus{outline: none;}
.aui .control-group {margin-bottom: 0px !important;}
/*.dax input[type="button"] {border-color: #0071B9 !important;}*/
.aui .dax .control-group{ width: 100%;}

.aui .dax .btn {background-color: #0071B9; background-image: none; border-radius: 0; text-shadow: none; outline: none; height: 40px; padding: 0 2em;}
.aui .dax .button-primary:hover, .aui .dax .button-primary:focus, .aui .dax .button-primary {background: #0071B9; color: #fff; border-color: #0071B9;}
.aui .dax .inlinebtn .btn{margin-top: 25px;}
.taglib-header {overflow: hidden;}
.taglib-header .aui .dax h3 {line-height:35px;} 
.aui .dax .btn .reset {background-color: #fff; color: #0071B9 !important; border: 1px solid #0071B9;}
#dax_relatedarchive_search .btn {color:#fff;}
#dax_contactus_reset {color: #0071B9; border: 1px solid #0071B9; background-color: #fff;}
.columns-max .btn {color:#fff !important;}
.filterDiv .btn {color:#fff;}


/* ----------  Contact / Language ---------- */
.contact a {padding:5px 0px 0px 0px}
.aui .portlet-borderless-container {padding: 6px 0 0; overflow:hidden;}

li.languages .portlet-body a {padding: 0px 5px;}    
li.languages .portlet-body span {padding: 0px 8px;}
li.languages .aui .portlet-borderless-container {padding: 0px 0px;}
li.languages .header ul li {padding-top:0px 0px;}
.languages span {color:#c4c4c4;}
.aui .control-group.error .control-label, .aui .control-group.error .help-block, .aui .control-group.error .help-inline {font-size:12px;}

/* ----------  Quick Links ---------- */
.quick-icons-cont {display:none;}
.qhide {display:none;}
.quick-icons-cont{border:1px solid #ccc; padding:5px; height:58px; margin-top:10px;}

@media only screen and (max-width: 999px) {
	.quick-icons-cont {display:block !important; position:fixed; bottom:0px; left:0px; width:100%; background-color:#fff;} 
	.qhide {display:block !important;}
	#footer {overflow: hidden; font-size: 14px; color: #969497;}
	.hide-for-small, .hide-for-medium-down, .hide-for-large-down {display: none !important;}		
}

/* Fahad JiraId:7155 banner color for test environment- Start*/

.headerOrange{
	background-color: orange !important;
}

.headerBlue{
	background-color: cornflowerblue !important;
}
.logo-qontigo{
	margin-top:8px;
}
/* Fahad JiraId:7155 banner color for test environment- End*/



/* ----------  Share-Popup ---------- 
.modal-box {display: none; position: absolute; z-index: 1000; width: 98%; background: white; border-bottom: 1px solid #aaa; border-radius: 4px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;}

@media (min-width: 32em) {.modal-box {width: 70%;}}

.modal-box header, .modal-box .modal-header {padding: 5px; border-bottom: 1px solid #ddd;}
.modal-box header h3, .modal-box header h4, .modal-box .modal-header h3, .modal-box .modal-header h4 { margin: 0; } 
.modal-box .modal-body { padding: 2em 1.5em; }
.modal-box footer, .modal-box .modal-footer {padding: 1em; border-top: 1px solid #ddd; background: rgba(0, 0, 0, 0.02); text-align: right;}
.modal-overlay {opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.3) !important;}
a.close {line-height: 1; font-size: 1.5em; position: absolute; top: 5%; right: 2%; text-decoration: none; color: #bbb;}
a.close:hover {color: #222; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease;}

*/