/* THIS IS THE CSS FOR CMS SITES - JULY 2015 TO OVERWRITE BOOTSTRAP */

@-ms-viewport       { width: device-width; }
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/* generic elements -----------------------------------------*/
body {font-family:Segoe UI, Arial, Sans-Serif; color: #002d56;}
body .img img {display: block; max-width:100%; height:auto;}
body a:hover {color:#e42d27; text-decoration: none;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#e42d27;}
.LH-panels h3 {font-size:1.4em;}
.top-maincontent h2 {color:#002d56;}

/* TOP BAR: Logo email and Login */
.login-translate {float:right; display:inline-flex; z-index:99;}
#login-btn {margin:0px;}
.goog-te-gadget-simple {border:solid 1px #ccc !important;  margin-right:4px; border-radius: 4px;}
.goog-te-menu2 {width:auto !important;}
#login-btn, .goog-te-gadget-simple {padding: 3px 5px !important; color:#939393 !important;}
.goog-te-gadget-simple span {color:#939393 !important;}
.navbar p {margin-top:8px; }
.header_img {float:left; margin:5px 12px 15px 0px;}

/* Menu BAR */
nav.navbar.navbar-default {margin-bottom:4px; border:none;}

.container-fluid {padding: 8px 0px 0px 0px;}
.nav>li>a {padding:15px 10px;}

/* collapsed toggle navbar */
.navbar-toggle {margin:0px; width:100%; float:none; background-color: #e8e8e8;}
.container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin: 0px ;}
.navbar-default .navbar-collapse {border:none;}
.navbar-default {background-color:Transparent;}

.navbar-toggle .button-label {
    display: inline-block;
    float: left;
    line-height: 14px;
    padding-left: 7%;
}
.button-bars {
    display: inline-block;
    float: right;
    padding-right:7%;
}


/* HOME PAGE ---------------------- */


/*carousel*/
.carousel.slide {margin-bottom:20px; }
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img 
{display: block;  margin-left: auto; margin-right: auto; }
.carousel-inner { -webkit-transform-style: preserve-3d;} /* this is to stop the text flickering on carousel transition on some browsers*/
.carousel-indicators {bottom:0px; }

/*home page sub panels */
#subpanels .col-md-4 {padding-right:2px; padding-left:8px;}
#subpanels .panel-heading {color: #fff;  background-color:#e42d27;  border-color:#e42d27; }
#subpanels .panel-primary {border:none;}
#subpanels .panels {margin-bottom:0px;}
#subpanels .panel-body  {padding:3px;}
#subpanels p {margin-bottom:3px; }

.top-maincontent {padding-bottom:15px;}
.top-maincontent h3 {color:#e42d27; font-size:1.2em;}

.row a { color:#002d56;}
.top-maincontent a, #lower-maincontent a {text-decoration:underline;}

/*home page RH panels */
#rh-sidepanel {text-align:center; }
#rh-sidepanel h1 {font-size:1.6em; font-weight:bold; color:#e42d27; margin-bottom:5px; }
#rh-sidepanel h2 {font-size:1.5em; margin-top:0px;}
#rh-sidepanel a {font-size:1.2em; margin-top:0px; text-decoration:none;}
#rh-sidepanel .action, #rh-sidepanel .phone {border-bottom: 1px solid rgb(204, 204, 204); padding-bottom:10px;}
#rh-sidepanel img {margin:20px 0px 0px 0px; max-width:100%; height:auto;}
 
/*home page client logos */
.home_clients {overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-around; display: -webkit-flex; /* Safari */ -webkit-justify-content: space-around; /* Safari 6.1+ */}
.home_clients img {margin-bottom:8px;}

/* NON HOME PAGES ---------------------------- */

/* Arepo products page */
.products {margin-bottom:10px;}
	
/* non-home page LH panel */
.LH-panels .panel-heading { background-color:#e42d27; border-bottom-color:#e42d27;  text-align:center;}
.LH-panels .panel-heading span {color: white; }
.LH-panels .panel-group { margin-bottom: 6px;}
#collapseListGroup1 {border: solid 1px #e42d27; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.panel-default hr {margin:5px;  border-top: 1px solid #C3C3C3; /* light grey */}
.panel-default li.list-group-item a {font-weight: bold;}
#collapseListGroup1 ul {margin-bottom:8px; }
.LH-panels h4 {text-align:left;}
.LH-panels h4 a:hover,.LH-panels h4 a:focus {font-size:1em; color: #fff; text-decoration:none;}
.LH-panels li {list-style-type:none;}
.LH-panels .list-group-item {border:none;}

/*News collapse panel */
#collapseListGroup2 {border: solid 1px #e42d27; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font-size:0.85em;}
#collapseListGroup2 li.list-group-item {padding:4px 10px 4px 15px;}

/* Attempt to make + - responsive to collapsed mobile state. 
.LH-panels h4.panel-title > a:before {font-family: 'Glyphicons Halflings'; content: "\2212"; }
.LH-panels h4.panel-title > a.collapsed:before  {font-family: 'Glyphicons Halflings'; content: "\2b";} */

/* Non-home central content */
.maincontent {border-top: solid 1px #999999;}
.maincontent h1 {font-size:1.8em; }
.maincontent h2,.maincontent h3 {font-size:1.4em; color:#e42d27; }
.maincontent a {text-decoration:underline;}

/* non-home page RH panel*/
.RH-panels .panel-primary {border-color:#002d56;  color: #fff; }
.RH-panels .panel-body {background-color:#002d56; padding-right:5px;}
.RH-panels h1 {color:#fff;}
.RH-panels h2 {color:#e42d27}
.RH-panels p {color:#fff;}
.RH-panels .panel-primary h1 {font-size:1.8em; margin-top:2px;}
.RH-panels .panel-primary h2 {font-size:1.3em; font-weight:bold; margin:18px 0px 0px 0px;}
.RH-panels .panel-primary p {font-size:1.1em; font-weight:500;}

.contact-tel {text-align:center;}
.contact-tel h2 {font-size:1.4em; color:#e42d27; margin-bottom:5px;}
.contact-tel p {font-size:1.2em; }

/* OpCo Landing Pages */
.rowborder {padding: 5px 5px 5px 5px; margin-bottom:5px; border:1px solid #AAAAAA;}
.OpCo a.btn.btn-primary {background-color:#002d56; color:#ffffff; text-decoration:none; width:175px;}


.table>tbody>tr>td {vertical-align:middle;}
table.inkara-clients img {margin-right:auto; margin-left:auto;}

/* client logos on Arepo and Tracerit */
table.clients {width:100%;} 
table.clients img {margin-right:auto; margin-left:auto; margin-top:15px; margin-bottom:5px;}
table.clients tr.name {text-align:center;}

/*contact-us form*/
.form-horizontal .control-label {text-align:left;}
.captcha {padding:10px 0px;}
.captcha img {float:left;}
.form-horizontal .error {color:Red;}
.bothbuttons { float:right;  }
.bothbuttons #reset, .bothbuttons #ContactUs-button {margin:0px 0px 0px 8px; border:solid 1px #002d56; font-weight:bold}
#ContactUs-button { background-color:#002d56; color:#fff;}
#reset {color:#002d56;}
.form-horizontal p {font-size:0.85em; color:#A6A6A6; /* mid grey */ margin-top:10px;}


/* Footer */
.footer  { text-align:center; padding-top:10px; margin-top:6px; border-top: solid 1px #999999; color:#666666; font-size:10px;}
.footer a { text-decoration:underline; color:#999999; }
.footer a:hover {color:#e42d27; text-decoration: underline}
.footer .copy {padding-left:0px; }
.footer .arepo, .footer .company, .footer .terms   {padding-left:30px; }
.footer .address { text-align:center; color:#666666; font-size:10px; margin-top:10px;}