/* New UI Updates */
body{background-image: none;}

#container {width: 100%!important;border:none;margin: auto;}
#logo{padding-top: 20px;
    padding-left: 42px;}
/*#logo > img {height: 50px;}*/
#nav{
	background: #458acb;
	border-color: #458acb;
	padding: 4px 0px 4px 0px;
	height: 23px;
}
#header{

	border-bottom: none;
}
#nav li a {
    color: #F6F7FB;
    font-weight: normal;
    text-transform: uppercase;
}

.button{
  cursor: pointer;
	text-transform: uppercase;
    background: #458ACB;
    color: #fff;
    padding: 0px 20px;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    line-height: 1.4rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 40px;
    border: none;
    text-shadow: none;
    outline: 0;
}
/*table{border-left: none !important;}
table th{
	background: #d5d5d7 !important;
    color: #000 !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
}
table th a {
	color: #000 !important;
	text-decoration: none !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
}

table table td{border-right: 2px solid#d5d5d7 !important;border-left: none !important;border-color: #d5d5d7 !important;}*/


.nav-name{transform: skew(40deg)!important;}
#content div h2 {color: #0f8bef;}

.contact-link{color: #458acb}
#nav ul#main_nav li a.active {
    background: none;
    color: #458ACB;
    border: 2px solid;
}
#nav ul#main_nav li a {
    background: none;
    height: 21px;
    color: #F6F7FB;
    border: 2px solid #458acb;
    text-transform: uppercase;
    border-bottom: none !important;
}

#nav{background: #ffffff;clear: inherit;}
#header{background: #ffffff;padding: 0px 20px 25px 35px;}

#nav ul#main_nav li a:hover {color: #666;}
/*#nav ul#main_nav li a.active:hover {color:#458ACB;}*/

.sub_nav_menu li a{background-size: 23px 23px !important; }

#nav ul#main_nav li a .nav-name{transform: skew(40deg);}

#nav ul#main_nav li a{  
  transform: skew(-40deg);
  background: #458acb;
  border: 2px solid #458acb;
  padding: 2px;
  margin-left: 22px;
}

#nav ul#main_nav li a.active{
  /*float: left;*/
  transform: skew(-40deg);
  background: #fff;
  border: 2px solid;
  padding: 2px;
  margin-left: 22px;
}

ul.sub_nav_menu li a{
    padding: 10px 25px !important;
    text-transform: uppercase;
}

ul.sub_nav_menu {
  padding: 5px;
  padding-left: 77px;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  background-color: #458acb;
  clear: both;
}

ul.sub_nav_menu li {
    float: left;
}

ul.sub_nav_menu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#nav {
  clear:both;
  /*padding:10px 0 0 30px;*/
  padding: 20px 0 0 30px;
  border-bottom: none;
}

#nav ul {
  clear:both;
  margin:0;
  padding:0 0 0 0;
}

#nav ul li {
  list-style:none;
  margin:0;
  padding:0;
  display:inline;
}

#nav ul li a {
  display:block;
  float:left;
  margin:0 0 0 9px;
  text-decoration:none;
}

#nav ul#main_nav {
    padding-left:40px;
}

#nav ul#main_nav li a {
  background:bottom left no-repeat #fff;
  width:110px;
  height:21px;
  line-height:23px;
  text-align:center;
  color: #458ACB;
  font-weight:bold;
  font-size:8pt;
}

#nav ul#main_nav li a.active {
  /*background:url(../images/tab.jpg) top left no-repeat #333;*/
  /*color:#000;*/
}

#nav ul#main_nav li a.active:hover {color:#000;}

#nav ul#main_nav li a:hover {
  color:#000;
}    

#nav ul#sub_nav li a {
  height:16px;
  line-height:16px;
  padding:5px 10px 5px 25px;
  font-weight:bold;
}

#nav ul#sub_nav li a:hover {
    color:#FF7C01;
}

#login_body #nav {padding: 20px 0 0 30px;}
.lock img {padding-left: 170px; height: auto;width: 117px;}
#content {height: auto;margin: 5px auto 0px auto;}
.content{margin-bottom: 0px !important;}
/*.login_form{border:none !important;}*/
#login_body{background: none !important;}
.lock{padding: 10px 0px 0px;}

#sub_nav a.home { background:url(../images/home.gif) 0 5px no-repeat; }
#sub_nav a.new_ticket { background:url(../images/icon-new-ticket.png) 0 5px no-repeat; }
#sub_nav a.my_tickets { background:url(../images/my_tickets.gif) 0 5px no-repeat; }
#sub_nav a.ticket_status { background:url(../images/cust-icon-ticket-status.png) 0 5px no-repeat; }
#sub_nav a.log_out { background:url(../images/logout.gif) 0 5px no-repeat; }
#sub_nav a.signin { background:none; }
#sub_nav a.log_out{ background:none; }
#sub_nav a.account{ width: 49px; }
.pull-right{float: right !important;}
.outer-login-icon{position: relative;}
.inner-login-icon{right: 10px;position: absolute;bottom: -14px;}
.outer-logout-icon{position: relative;}
.inner-logout-icon{right: 25px;position: absolute;bottom: 0px;}
.outer-account-icon{position: relative;}
.inner-account-icon{right: 125px;position: absolute;bottom: 0px;}

.pull-right.login{margin-right: 25px;letter-spacing: 1.2px;}
.login-icon{margin-right: 22px;}
.pull-right.action-btns{padding-right: 40px;}

ul.sub_nav_menu li a:hover{color:#000;}

/* For account page */

table.tform {
 border-left: 1px solid;
 border-top: 1px solid;
 margin-bottom: 10px;
}

table.tform td,table.tform th {
  padding-left:3px;
  border:1px solid;
  border-top:none;
  border-left:none;
}

table.tform th {
    text-align:left;
    font-weight:normal;
    background:#F4FAFF;
    padding-left:5px;
    width: 210px;
}

table.tform.tpl th {
    width: 150px;
}

table.tform td {
    background:#FFF;
}

table.tform, table.tform td, table.tform th {
  border-color:#CCC;
}

table.tform tr.header td {
    font-weight:bold;
    background:#ADADAD; 
    color:#FFF; 
}
table.tform tr.subheader td {
    font-weight:normal;
    background:#DCDCDC;
}
    
.box{
  top:-200px;
  left:30%;
  right:30%;
  width:200px;
  height:auto;
  background-color:#fff;
  color:#7F7F7F;
  padding:20px;
  border:2px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  z-index:101;
  text-align: center;
}

img.company-logo{
  width: auto;
  max-width: 100%;
  height: auto;
  background-size: contain;
  max-height: 180px;
}

a.remove-upload,a.remove-photo{
  float: right;
    margin-top: -24px;
    margin-right: -24px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 50%;
    background: #605F61;
    font-size: 28px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;     
}

.remove-upload:before,.remove-photo:before {
  content: "×";
}

a:hover {
    color: #000;
}

.tform.add-account .box , .tform.add-account .box img{ height: 60px; }
.tform.add-account .box {width: 86px; padding: 8px;}
.tform.add-account .box .remove-photo{padding: 8px 3px;font-size: 15px;margin-top: -14px;margin-right: -18px;}

/* For square image*/
/*#info .user-info{position: absolute;margin: auto;top: 40px;right: 218px;width: 84px;font-size: 0.9em;}*/

/* For round image */
#info .user-info{position: absolute;margin: auto;top: 40px;right: 197px;width: 84px;font-size: 0.9em;}

#info .user-info strong{text-transform: capitalize;font-size: 12px;}
#info img.user-photo {top: 72px !important;right: 227px !important;}
#info img.user-avatar {top: 61px !important;}

/* For square image*/
/*.user-icon > img {position: absolute;top: 81px;right: 220px;width: 82px;}*/
.user-section{padding-right: 40px;}
#info a.my-account-link {color: black;}

/* For round image */
.user-icon > img {position: absolute;top: 76px;right: 216px;width: 82px;border-radius: 50%;width: 56px;height: 56px;}
#info a {color: #2c4eb7;}
.hidden{display: none;}


.user-icon.no-photo > img {width: 90px;height: 91px;}
#info img.user-photo.no-photo {top: 59px !important;right: 210px !important;}