@charset "utf-8";
/* CSS Document */

body {
	background-color:#fff;
}

*/

@font-face {

    font-family: 'superclarendon-rg';
     src: url('font/superclarendon-rg.ttf');	 

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'SuperclarendonLight';
     src: url('font/SuperclarendonLight.ttf');	 

    font-weight: normal;

    font-style: normal;

}
body{ width:100%; margin:0px auto;}
body,p,a,span,td{font-family: 'SuperclarendonLight';}
h1,h2,h3,h4,h5{font-family: 'superclarendon-rg';}
.head1{color:#005c83; text-align:center; text-transform:uppercase; font-size:35px; font-weight:400;}
.head2{color:#005c83;}


.container{ width:100%; position: relative;
    z-index: 0;}
.grid{  max-width: 1220px;  width: 100%; margin:0px auto;}
.header_grid{max-width: 1840px;  width: 100%; margin:0px auto; position:relative;}
.head_left{ width:30%; float:left;}
.head_right{width:68%; float:right;}
.head_right ul li{ padding-right:30px; list-style:none; display:block; float:right;

}
.head_right ul li a{ font-size:16px;color:#005c83; float:left; padding:0px 50px 0px 30px; line-height:40px; text-decoration:none; font-weight:bold; border-right:0px solid #005c83;}
.navigation li a img {
    vertical-align: bottom;
}
.navigation ul{ margin:30px 0px 0px 0px;}

.head_right ul li a.menuicon1{ background:url(../images/profile.jpg); background-position:center right; background-repeat:no-repeat; }
.head_right ul li a.menuicon2{ background:url(../images/bac.jpg); background-position:center right; background-repeat:no-repeat; }
.head_right ul li a.menuicon3{ background:url(../images/print.jpg); background-position:center right; background-repeat:no-repeat; }
.head_right ul li a.menuicon4{ background:url(../images/logout.jpg); background-position:center right; background-repeat:no-repeat; }

.head_right ul li::after {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #005c83;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-right-color: #ffffff;
    border-right-style: none;
    border-right-width: 1px;
    content: "";
    display: block;
    height: 15px;
    position: relative;
    right: 0 !important;
    top: 15px;
    width: 2px;
}
.head_right ul li.first::after { content:none!important}

.heading_container{ background-color:#f4f4f4; padding:5px 0px; width:100%; }
.breaker{ background:url(../images/breaker.png); background-repeat:no-repeat; background-position:bottom;background-color:#f4f4f4; }
.clear { clear:both;}
.breaker1{background:url(../images/breaker.png); background-repeat:no-repeat; background-position:top; min-height:40px; width:100%;float:left; display:block; }
#footer { float:left; display:block; 
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    position: relative;
    width: 100%;
 background-color: #f4f4f4;
}
	
	#footer .mk-padding-wrapper {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
}
#footer #nav_menu-3 {
    margin-bottom: 20px;
}
#footer .widget {
    margin-bottom: 0;
}
#nav_menu-3 {
    float: left;
    margin-bottom: 15px !important;
    width: 50%;
}
#footer .widget_nav_menu ul li {
    display: inline;
}
#footer .widget_nav_menu ul li a {
    display: inline;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
	color: #282828 !important;
    font-family: SuperclarendonLight !important;
    font-size: 14px;
}
#wysija-2 {
    float: right;
    width: 30%;
}
.footer-wrapper #text-5 {
    border-top-color: #282828;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    padding-top: 5px;
    width: 100%;
}
#footer #text-5 span {
    color: #282828;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 66px;
    margin-top: 0;
}
#footer #text-5 span a {
    color: #282828;
    font-family: SuperclarendonLight !important;
    font-size: 14px;
    font-weight: normal;
}
.footer-wrapper #text-6 {
    float: left;
    padding-top: 5px;
    width: 100%; margin-bottom:15px;
}
.footer-wrapper #text-6 a {
    color: #282828 !important;
    font-size: 13px;
}
#sub-footer {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
}
#sub-footer {
    background-color: #dbdbdb; padding:10px 0px; min-height:30px; margin-top:10px;
}
.mk-footer-copyright {
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;

    font-size: 13px;
    letter-spacing: 1px;
    float: left;
    opacity: 0.8;
   
    padding-left: 0;
    padding-right: 0;   
    line-height: 16px;
}
ul#menu-footer-menu{ margin:0px; padding:0px;}
p.wysija-paragraph{ margin:0px;} 
.wysija-input{ width:225px; border:1px solid #959595; background:#fff; padding:5px;}
.wysija-submit{ color:#fff; background:#005c83; border:0px; padding:5px 20px;}
#footer .widget_nav_menu ul li:nth-child(1) a {
    padding-left: 0;
}
#footer #text-5 span:nth-child(6) {
    margin-right: 0;
}
.empty{ height:20px; width:100%; }
.empty1 {height:50px; width:100%; }
table.customer_report_filter{ width:100%; float:left; min-height:200px; margin-bottom:30px}
table.customer_report_filter tr{ width:25%; float:left;}
table.customer_report_filter tr select{ width:280px; border:1px solid #959595; padding:7px;color:#3d3d3d; font-size:16px;}
table.customer_report_filter tr input.inputtype{width:95px; border:1px solid #959595; padding:8px;color:#3d3d3d; font-size:16px; margin:0px 15px;}
table.customer_report_filter tr select option{ color:#3d3d3d; font-size:16px; line-height:24px;}
.customer_submit{color:#fff; background:#005c83; border:1px solid #959595; padding:5px 20px;width:280px; text-align:center;font-size:20px;font-family: SuperclarendonLight !important;}
.customer_submit1{color:#fff; background:#005c83; border:1px solid #959595; padding:3px 0px; text-align:center;font-family: SuperclarendonLight !important;}
.customer_submit2{color:#fff; background:#005c83; border:1px solid #959595; padding:5px 20px;width:280px; text-align:center;font-size:17px;font-family: SuperclarendonLight !important;}

table.customer_report  tr:nth-child(2n+1),.table_main tr:nth-child(2n+1) {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #dddddd;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    text-align: left;
}
table.customer_report tr th,.table_main tr th {
    border-right-color: #cccccc;
    border-right-style: solid;
    border-right-width: 1px;  
    text-align: left;background:#005c83;color:#fff;  padding: 10px;   font-size: 13px;
   
}
table.customer_report tr:nth-child(even),.table_main tr:nth-child(even)  {background: #eee;   text-align: left;   }
table.customer_report tr:nth-child(odd),.table_main tr:nth-child(odd)  {background: #dddddd;text-align: left;  }
table.customer_report tr td,.table_main tr td {text-align: left;  padding: 5px;border-right-color: #fff;
    border-right-style: solid;
    border-right-width: 1px; font-size:12px;}
table {border-collapse: collapse; width:100%}

.col12{ width:100%;}
.col6{ width:50%; float:left; margin-bottom:20px; padding-bottom:40px;}
.report1{ height:333px;}
.content{ width:100%;  position:relative;     height: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    min-height: 200px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;}
	.unresolved_inner{ width:100%;}
	.unresolved_inner tr th{ background:#7b7b7b; padding:5px 10px; font-size:14px;}
	.table_main3{ width:60%; float:left;}
	.table_main4{ width:30%; float:right;}
	.table_main4 tr td{ background:#005c83; color:#fff; font-size:18px ; padding:5px 10px;}
	.login_container {
    float: left;
   
    width: 100%;
}
.login_container_inner{ padding:30px 100px; margin-bottom:50px; float:left;}
	.loginbox { width:45%;  height:auto; border:1px solid #7b7b7b; background:#f4f4f4;
	
	-webkit-box-shadow: -1px 0px 9px 1px rgba(61, 42, 76, 0.38);
-moz-box-shadow:    -1px 0px 9px 1px rgba(61, 42, 76, 0.38);
box-shadow:         -1px 0px 9px 1px rgba(61, 42, 76, 0.38); float:left; display:block;}
	
	.login_left{ float:left; margin-right:20px; }
	.login_right{ float:right; margin-left:20px;  }
	.login_top{ float:left; background:#005c83; padding-top:30px; width:100%; padding:0px;}
	.login_bottom{ float: left;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 100%;}
	.login_top h2{ color:#Fff; font-size:24px; text-transform:uppercase; margin:0px; font-weight:800; }
	.login_cnt{ padding:30px 45px; float:left;}


.login_bottom a {
    color: #005c83;
    display: block;
    float: left;
    font-size: 16px;
    padding: 30px 28px 30px 15px;
    text-transform: uppercase; line-height:35px; text-decoration:none;
  
}
.login_bottom a:nth-child(1) img{ padding-right:70px; border-right:1px solid #7b7b7b; }
.login_bottom a img{ margin-bottom:10px;}
.login_top .login_cnt{ padding-bottom:10px;}
.login_right .login_bottom{ min-height:160px; padding:39px 0px;}
.login_right .login_bottom input.login_b{ border:1px solid #7b7b7b; border-radius:4px; padding:7px 0px 5px 5px; width:98%; margin-bottom:10px; min-height:20px; font-size:15px; color:#444; background:#fff;}
.login_right .login_bottom input.login_sub{ border:0px solid #7b7b7b; border-radius:4px; padding:5px; width:100px; font-size:15px; color:#fff; background:#005c83; float:right;}


  .input175width
     {
	     width:202px;  
	     background-color:#FFFFFF;
         border: 1px solid #7b7b7b;
        border-radius: 0px;
        padding: 7px 0px 5px 5px;
     }

  .input170width
     {
	    width:195px;
         background-color:#FFFFFF; 
         border: 1px solid #7b7b7b;
         border-radius: 0px;
         padding: 7px 0px 5px 5px;   
     }

  .followBox
  {
          border: 1px solid #7b7b7b;
    border-radius: 4px;
    padding: 7px 0px 5px 5px;
    width: 98%;
    margin-bottom: 10px;
    min-height: 20px;
    font-size: 15px;
    color: #444;
    background: #fff;
  }

  .followBtn{
      border: 0px solid #7b7b7b;
    border-radius: 4px;
    padding: 5px;
    width: 100px;
    font-size: 15px;
    color: #fff;
    background: #005c83;
  }


  table.newticket{ border-collapse: collapse; width:100%;}
table.newticket th{ background:#005c83; font-size:16px; color:#fff; padding:10px;}
table.newticket   tr td{ color:#3d3d3d; font-size:13px; padding:0px 20px;}
table.newticket   tr td input,table.newticket   tr td select{ border:1px solid #7c7c7c; width:200px; padding:5px; margin:10px 0px; margin-right:0px; font-size:14px;}
table.newticket   tr td select{ width:212px;}
.newticket_head{ width:100%; background:#005c83; padding:10px; height:25px; margin-bottom:20px;}
.newticket_head h2{ font-size:20px; color:#fff; margin:0px;} 
.newticket_box{ margin-bottom:15px; float:left; width:100%;}
.box2{ width:70%; float:left;}
.box3{width:30%; float:left;}
table.newticket   tr td textarea{border:1px solid #7c7c7c;  padding:5px; margin:10px 0px; margin-right:0px; font-size:14px;}
.comments_table tr td:nth-child(1){ padding-right:60px; vertical-align:top;}
.newticket_sub{ color:#fff; background:#005c83; border:0px; padding:10px 20px; font-size:20px!important; border:0px solid #ccc; float:right;}
.unresolved tr td{ background:#fff;}


.fieldTitleNormal
{
    font-family: 'SuperclarendonLight';
    /*font: 13px 'Open Sans', sans-serif;*/
   
    color: #3d3d3d !important;    
    font-size: 13px;
}

.modalBackground
        {
            background-color: Gray;
            filter: alpha(opacity=80);
            opacity: 0.8;
            z-index: 10000;
        }