body, html {
  width: 100%; height: 100%; -webkit-text-size-adjust: none; 
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  overflow-y: auto;
}
h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend, div,body { -webkit-print-color-adjust:exact; }
body, div, p, ul, ol, li, h1, h2, h3, h4, h5 {
  margin: 0px; padding: 0px; font-family: 'Open Sans', 'Hind', Arial, Dotum, Gulim, sans-serif; font-size: 13px;
}
h1, h2, h3, h4, h5  {
  font-weight: normal; -webkit-text-size-adjust: none;
}
footer, header, hgroup, main, menu, nav, section {
  display: block;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
  border:0;
}
button,
select {
  text-transform: none;
}
textarea {
  overflow: auto;
  padding: 5px;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="text"],
input[type="password"] {
  border: 1px solid #d2d2d2;
  padding: 2px 5px;
  box-sizing: border-box;
}
input[type="text"] :focus,
input[type="password"] :focus {
  border-color: #66afe9;
  outline: 0;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}

/* Layout */
.wrapper {
  width: 100%;
  margin:0 auto;
}
.wrapper:before,
.wrapper:after {
  content: " ";
  display: table;
}
.wrapper:after {
  clear: both;
}

header {
  width: 100%;
  min-height: 35px;
  position: fixed;
  top: 0;
  background: #e7e7e7;
  z-index: 1000;
}
header div.wrapper {
  width: 100% !important;
  padding-left: 1%;
  padding-right: 1%;
  position: relative;
  max-height: 35px;
  line-height: 34px;
  border-bottom: 1px solid #d8d8d8;
  background: #fff;
  box-sizing: border-box;
}
.logo {
  font-size: 14px;
  font-weight: 600;
  color: #ada9a2;
  display: inline;
  padding-top: 5px;
  background:url('../images/com_img_logo.png') no-repeat left 8px;
  padding-left: 95px;
}
header div.lnb-wrapper {
  position: relative;
  display: table;
  width: 100%;
  margin:30px auto 0;
  max-height: 34px;
  line-height: 34px;
  background: url('../images/lnb_menu_bg.png') repeat-x left bottom;
}
.lnb-wrapper h1 {
  text-align: center !important;
  line-height: 3;
}
content {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
content div.wrapper {
  position: relative;
  box-sizing: border-box;
  padding: 150px 0 88px;
}
.content-wrapper {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
.cont-wrapper {
  width: 98%;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  padding: 150px 0 70px;
}
footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 80px;
  background-color: #e7e7e7;
}
footer div.wrapper {
  width: 98% !important;
  position: relative;
  height: 100%;
  background-color: #e7e7e7;
}
footer div.wrapper span{
  position: relative;
  display: inline;
}

h1 {
  font-family: 'Hind', sans-serif;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -1px;
  color:#474747;
  line-height: .9;
}
h2 {
  text-align: center;
  font-family: 'Hind', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #ff6600;
  line-height: 1.8;
  padding-bottom: 27px;
}
h4 {
  font-family: 'Hind', sans-serif;
  font-size: 18px;
  color: #ff5a00;
  line-height: 1.5;
  padding-bottom: 5px;
  background: url('../images/ico_bg_ttl.png') no-repeat left top;
}
/*Common*/
.gnb {
  float: right;
  color: #bebebe;
}
.gnb a {
  color: #777777;
  font-size: 11px;
  text-decoration: none;
}
.gnb a:active,
.gnb a:hover {
  color: #ff6600;
  text-decoration: none;
}

.lnb {
  position: relative;
  width: 750px;
  margin:0 auto;
  box-sizing: border-box;
}
.lnb > li {
  float: left;
  width: 25%;
  list-style: none;
  text-align: center;
  font-family: 'Hind' sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.lnb > li > a {
  text-decoration: none;
  display: block;
  padding: 10px 2px;
  line-height: 1.42857143;
  color: #333;
  background:#fff;
  border-width: 1px 1px 0 1px;
  border-color: #c4c4c6;
  border-style: solid;
  white-space: nowrap;
}
.lnb > li > a:hover,
.lnb > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #fff;
}
.lnb > .active > a,
.lnb > .active > a:hover,
.lnb > .active > a:focus {
  color: #ff6600;
  text-decoration: none;
  background-color: #fff;
  border-width: 2px 1px 1px;
  border-color: #ff6600 #000 #fff #000;
  outline: 0;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.footer_copy {
  padding: 25px;
  float:left;
}
.footer_copy p {
    font-size: 12px;
    line-height: 1.2;
  }
.footer_btn {
  float: right;
}
.btn_call, .btn_email {
  width: 70px;
  line-height: 30px;
  padding-top: 50px;
  padding-bottom: 3px;
  color:#fff;
  font-weight: 600;
}
.btn_call {
  background: #b8b5b0 url('../images/com_ico_phone.png') no-repeat;
  background-position: center 20px;
  border-color: #fff;
  border-width: 0px 1px 0 0;
}
.btn_email {
  background: #b8b5b0 url('../images/com_ico_email.png') no-repeat;
  background-position: center 20px;
  border-width: 0;
}
.btn_call:hover,
.btn_email:hover {
  background-color: #e8b286;
}

#loading {width: 100%;height: 100%;top: 0px;left: 0px; margin:0; position: fixed;display: block;z-index: 9999999;text-align: center;background-color: rgba( 0, 0, 0, 0.3 );}
span.loading-image {background-image: url('../images/viewLoading.gif');position: absolute;top: 45%;left:50%; z-index: 99999999;width:90px;height:90px; transform: translateX(-50%);}

.loading {width: 100%;height: 100%;top: 0px;left: 0px; margin:0; position: fixed;display: block;z-index: 9999999;text-align: center;background-color: rgba( 0, 0, 0, 0.45 );}

.pop_loading {width: 100%;height: 100%; top: 0px;left: 0px; position: fixed;display: block;z-index: 9999999;text-align: center;background-color: rgba( 0, 0, 0, 0.3 );}
span.pop_loading-image {background-image: url('../images/viewLoading.gif');position: absolute;top: 41%;left:  45%;z-index: 99999999;width:90px;height:90px;} 


/** Tab */

.main_h2 {
  font-size: 18px;
  font-weight: 600;
  color: #000 !important;
  margin-top:15px;
  margin-bottom: -25px;
}
.main_h2sm {
  font-size: 18px;
  font-weight: 400;
  color: #474747 !important; 
}
.date_ttl {
  color:#848484 !important; 
  font-weight: 400 !important; 
  font-size: .8em;
}
.main-dateWrap {
  display: inline-block;
  width: 100%;
  background: url('../images/main_bg_line.png') repeat-x center;
  margin-bottom: 30px;
}
.dateBox {
  display: table; 
  width: 450px;
  margin:0 auto;
  background: #ada9a2;
  text-align: center;
  padding-left: 5px;
}
.dateBox label {
  float: left;
  line-height: 2.6;
  color: #fff;
  padding: 0 3px 0 3px;
  margin-bottom: 0px !important;
}
.dateBox > button {
  float: right;
  background: #ed6711 url('../images/main_btn_srch.png') no-repeat 22px center;
  line-height: 2.7 !important;
  color: #fff;
  padding-left: 41px;
  border-width: 0  0 0 1px !important;
  border-color: #fff;
  margin-left: 5px;
}
.btn_refresh {
  width: 1200px;
  margin:-30px auto 0; 
  text-align: right;
}
/****Login*/

.login-imgBox {
  width: 80%;
  margin: -50px auto 0;
  background: url('../images/login_img.png') no-repeat right bottom;
  text-align: center;
  border-bottom: 2px solid #000;
}
.login-imgBox em {
  line-height: 100px;
  color: #838383;
}
.login-Box {
  width: 80%;
  margin:0 auto;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
  color: #777777;
}
.login-imgBox div span{
    margin-bottom: 6px;
    display: block;
}
.login-Box span {
  float: left;
  background-color: #ada9a2;
  line-height: 80px;
  box-sizing: border-box;
}
.login-Box span label{
  font-size: 14px;
  padding-right: 10px;
  color: #fff;
}
.login-Box span input{
  padding:5px !important;
  margin-top: 1.9em;
  background: #fff;
}
.login-Box button {
  float: left;
  background-color: #ff6600;
  border-color: #ff6600 !important;
  font-size: 16px;
  font-family: 'Hind' sans-serif;
  font-weight: 600;
  color: #fff;
  height: 80px;
  box-sizing: border-box;
}
.login-Box button:active,
.login-Box button:hover {
  background-color: #ff3600;
}

/****Logout*/
.logout-Box {
  width: 80%;
  margin:0 auto;
  text-align: center;
  color: #777777;
  padding-bottom: 130px;
  border-bottom: 1px solid #d8d8d8;
}
h1.logouth1{
    font-size: 40px;
/*    letter-spacing: 1px;*/
    margin: 46px 0 20px 0;
}
.logout-Box p{
    font-size: 20px;
    margin-bottom: 30px;
}
.logoutinnerbox{
    margin:0 auto;
    padding: 20px;
    width: 400px;
    background: #ada9a2;
}
.triangle-up {
    margin:0 auto;
	width: 0px;
	height: 0px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 10px solid #ada9a2;
}
button.gologinbtn{
    width: 100%;
    border-radius: 3px;
    padding: 10px;
    border: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #ff6600;
    background-image: -webkit-linear-gradient(#fff, #efefef);
    background-image: -o-linear-gradient(#fff, #efefef);
    background-image: linear-gradient(#fff, #efefef);
}
button.gologinbtn:hover{
    background: #ff3600;
    color:#fff;
}

.alertbar{
    height: 30px;
    margin-top:35px;
    background-color: #ff6600;
    text-align: center;
    color: #fff;
    font-weight: 600;
    line-height: 29px;
    position: absolute;
    width: 100%;
}

.findPW-box {
  width: 100%;
  display: table;
  background-color: #ada9a2;
  line-height: 3.5;
  box-sizing: border-box;
}
.findPW-box > dt {
  width: 20%;
  float: left;
  color: #fff;
  font-weight: 400;
  text-align: right;
  padding-right: 10px;
  box-sizing: border-box;
}
.findPW-box > dd {
  width: 70%;
  float: left;
  box-sizing: border-box;
  margin:0;
  padding-top: 5px;
}
.findPW-box > dd > input {
  width: 99%;
}
/* grid size */
.ui-grid-render-container-body .ui-grid-viewport {
  max-height: 465px !important;
}

@media (max-width: 1200px) {
  .wrapper,
  header div.lnb-wrapper,
  content div.content-wrapper, 
  content div.cont-wrapper {
    width:100%;
  }
  footer div.wrapper {
    height: 100%;
  }
  .btn_call, 
  .btn_email {
    line-height: 35px !important;
  }
  .btn_refresh {
    width: 95%;
    margin:-30px auto 0; 
    text-align: right;
  }
}
@media (max-width: 1024px) {
  .lnb {
    width: 100% !important;
  }
  .summary {
    width: 110px !important;
    height: 110px !important;
  }
  .part1, .part2 {
    width: 48% !important;
  }
  .part1 li, .part2 li {
    background-position: 88% center !important;
  }
  .part2 li:nth-child(2) {
    background-position: 90% center !important;
  }
  .col-srchBtn {
    padding-left: 10px !important;
    padding-right: 20px !important;
  }
  
  .col-makeBtn {
    padding-left: 10px !important;
    padding-right: 20px !important;
  }
  .srch-box {
    padding: 15px !important;
  }
  
}
@media (max-width: 1000px) {
  footer {
    height: 70px;
  }
  footer div.wrapper {
    width: 100% !important;
    height: 100%;
  }
  .footer_copy {
    width: calc( 100% - 90px ) !important;
    box-sizing: border-box;
    padding: 2.2%;
  }
  .footer_copy p {
    font-size: 11px !important;
    line-height: 1.2;
  }
  .btn_email {
    width: 60px;
    padding-top: 38px;
    background-position: center 12px;
  }
  content div.wrapper {
    padding: 150px 0 72px;
  }
  .cont-wrapper {
    padding: 150px 0 70px;
  }
  .bnn_myTermn {
    width: 49.5% !important;
  }
  .bnn_sOrdHist {
    width: 50% !important;
    margin-right: 0 !important;
  }
  .bnn_call {
    width: 100% !important;
    margin-top: 5px;
  }
  .col-label {
    padding-right: 5px !important;
  }
  .col-srchBtn {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  
  .col-makeBtn {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .table-responsive {
    width: 100%;
    margin-bottom: 0px !important;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
}

@media (max-width: 768px) {
  .login-imgBox em {
    line-height: 70px;
  }
  .login-imgBox .mg_t30 {
    margin-top: 0;
  }
  h2 {
    line-height: 2;
  }
  .login-Box span {
    width:100%;
    border-bottom: 1px solid #fff;
    line-height: 50px;
  }
  .login-Box span label {
    width: 30%;
    text-align: left;
    float: left;
    padding-left: 1em;
    box-sizing: border-box;
  }
  .login-Box span input {
    float: left;
    margin-top: .8em;
  }
  .login-Box button {
    width: 100%;
    height: 50px;
  }
  .summary-box {
    background:none !important;
  }
  .summary {
    width: 100px !important;
    height: 100px !important;
    padding: 2px !important;
  }
  .part1, .part2 {
    width: 19.7% !important;
  }
  .part1 li, .part2 li {
    background-position: 96% center !important;
    background-size: 10% !important;
  }
  .part2 li:nth-child(2) {
    background-position: 97% center !important;
    background-size: 14% !important;
    width: 34.5% !important;
  }
  .part2 li:last-child {
    background-position: 97% center !important;
    background-size: 14% !important;
    width: 30.5% !important;
  }
  .col-05, .col-07, .col-1, .col-15, .col-2, .col-25,.col-24-5,.col-26, .col-3, .col-33, .col-35, .col-4, .col-45, .col-5, .col-55, .col-6, .col-62, .col-65, .col-7, .col-75, .col-8, .col-85, .col-9, .col-10 {
    padding-right: 0px !important;
  }
  .col-sm-1, .col-sm-15, .col-sm-2, .col-sm-25, .col-sm-3, .col-sm-4, .col-sm-45, .col-sm-5, .col-sm-58, .col-sm-6, .col-sm-65, .col-sm-7, .col-sm-75, .col-sm-8, .col-sm-85, .col-sm-9, .col-sm-95, .col-sm-10 {
   float:left;
  }
  .col-sm-10 {
    width: 100% !important;
  }
  .col-sm-95 {
    width: 95% !important;
  }
  .col-sm-9 {
    width: 90% !important;
  }
  .col-sm-85 {
    width: 85% !important;
  }
  .col-sm-8 {
    width: 80% !important;
  }
  .col-sm-75 {
    width: 75% !important;
  }
  .col-sm-65 {
    width: 65% !important;
  }
  .col-sm-6 {
    width: 60% !important;
  }
  .col-sm-55 {
    width: 55% !important;
  }
  .col-sm-5 {
    width: 50% !important;
  }
  .col-sm-45 {
    width: 45% !important;
  }
  .col-sm-4 {
    width: 40% !important;
  }
  .col-sm-3 {
    width: 30% !important;
  }
  .col-sm-35 {
    width: 35% !important;
  }
  .col-sm-25 {
    width: 25% !important;
  }
  .col-sm-15 {
    width: 15% !important;
  }
  .col-sm-2 {
    width: 20% !important;
  }

}
@media (max-width: 575px) {
  .lnb > li {
    font-size: 12px;
  }
  .bnn_myTermn, .bnn_sOrdHist {
    padding: 10px 10px 10px 65px !important;
    background-position: 10px 15px !important;
  }
  .part1, .part2 {
    width: 100% !important;
  }
  .part1 li, .part2 li {
    background-position: 92% center !important;
    background-size: 10% !important;
  }
  .part2 li:nth-child(2) {
    background-position: 95% center !important;
    background-size: 14% !important;
  }
  .dateBox {
    width: 90%;
    box-sizing: border-box;
  }
  .dateBox label {
    display: none;
  }
  .dateBox button {
    width: calc( 100% - 235px );
  }
  .btn_refresh {
    display: none;
  }
  .col-srchBtn {
    box-sizing: border-box;
  }
  .col-srchBtn button{
    padding-left: 5px !important;
    box-sizing: border-box;
    width: 90%;
  }
  
  .col-makeBtn {
    box-sizing: border-box;
  }
  .col-makeBtn button{
    padding-left: 5px !important;
    box-sizing: border-box;
    width: 90%;
  }
  .col-sm-5 {
    width: 100% !important;
  }
  .col-label {
    text-align: left !important;
  }
}

@media (max-width: 362px) {
  .dateBox {
    width: 100%;
  }
  .dateBox button {
    padding-left: 22px;
    background-position: 7px center;
  }
  .summary {
    width: 95px !important;
    height: 95px !important;
  }
  .part1 li, .part2 li {
    background-position :100% center !important;
  }
}

.txtOrg_link a {
  color: #ff8d41;
  text-decoration: none;
}

.txtOrg_link a:active,
.txtOrg_link a:hover {
  color: #ff6600;
  text-decoration: underline;
}

.row{
  width: 100%;
  margin: 0 0 0 0px;
  display: table;
  content: " ";
}


/* Main */
.bnn_myTermn {
  float: left;
  width: 28%;
  margin-right: 0.5%;
  padding: 15px 10px 15px 120px;
  background: #b0c716 url('../images/main_ico_atm.png') no-repeat 35px center;
  box-sizing: border-box;
  color: #fff;
}
.bnn_sOrdHist {
  float: left;
  width: 28%;
  margin-right: 0.5%;
  padding: 15px 10px 15px 120px;
  background: #e87d26 url('../images/main_ico_serHist.png') no-repeat 35px center;
  box-sizing: border-box;
  color: #fff;
}
.bnn_myTermn > button,
.bnn_sOrdHist > button {
  border:1px solid #fff;
}
.bnn_myTermn p, 
.bnn_sOrdHist p {
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.bnn_ttl {
  font-size: 20px;
  line-height: 1.2;
}

.bnn_call {
  float: left;
  width:43%;
  border: 3px solid #e7e7e7;
  padding:15px 20px 13px;
  background: url('../images/main_ico_call.png') no-repeat 20px 25px;
  box-sizing: border-box;
}

.bnn_call .call {
  border-bottom: 1px solid #000;
  padding-left: 49px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  line-height: 1.25;
}

.txt_18 {
  font-size: 18px;
}

.txt_12 {
  font-size: 12px;
}

.txt_org {
  color: #e87d26;
}

.summary-box {
  width: 100%;
  background: url('../images/main_img_atm.png') no-repeat right bottom;
  margin-bottom: 20px;
}

.part1, .part2 {
  width: 45%;
  display: inline-block;
  box-sizing: border-box;


}
.part1 li, .part2 li {
  margin: 0 auto;
  float: left;
  width: 33.3333%;
  background: url('../images/main_img_arrow.png') no-repeat 88% center; 
  list-style: none;
}

.part2 li:nth-child(2) {
  background: url('../images/main_img_line.png') no-repeat 90% center; 
}

.part2 li:last-child {
  background: none; 
}

.summary {
  float: left;
  width: 119px;
  height: 119px;
  padding:5px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: auto 1.2% auto 1.5%;
  box-sizing: border-box;
}

.dott1 {
  border:2px dotted #fff;
}

.dott2 {
  border-left: 2px dotted #c8c5c0;
}

.dott3 {
  border-left: 2px dotted #c8c5c0;
  border-bottom: 2px dotted #c8c5c0;
}

.dott4 {
  border-left: 2px dotted #c8c5c0;
  border-bottom: 2px dotted #c8c5c0;
  border-right: 2px dotted #c8c5c0;
}

.dott5 {
  border:2px dotted #c8c5c0;
}

.step {
  float: left;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 600;
  text-align: center;
  padding-top: 35%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  box-sizing: border-box;
}

.hasRows {
	cursor: pointer;
}

.hasRows:hover {
	background-color: #fae49c;
	color: #804000;
}

.step1 {
  color: #474747;
  background: #fbede1;
}

.step2 {
  color: #474747;
  background: #fbdcc2;
}

.step3 {
  background: #f1b17d;
}

.step4 {
  background: #ed9759;
}

.step5 {
  background: #e87d26;
}

.step6 {
  float: left;
  width: 100%;
  height: 50%;
  color: #fff;
  background: #ad9e6e;
  text-align: center;
  padding-top: 20%;
  border-radius: 52px 52px 0 0;
  box-sizing: border-box;
}

.step7 {
  float: left;
  width: 100%;
  height: 50%;
  color: #fff;
  background: #ada9a2;
  text-align: center;
  padding-top: 10%;
  border-radius: 0 0 52px 52px;
  box-sizing: border-box;
}

/* pictures */
.box-body {
  position: relative;
  max-height: 500px;
}

.box-body:before,
.box-body:after{
  content: " ";
  display: table;
}

.box-body:after, {
  clear: both;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  min-height: 400px;
  border:1px solid #aaa;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  padding-top: 4px;
  line-height: 1;
  width: 590px;
  height: 393px;
  margin: auto;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  padding-top: 30%;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}

.carousel-control.right {
  right: 0;
  left: auto;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=70);
  outline: 0;
  opacity: .7;
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ff7200;
  border: 0 !important;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

/** Board **/
table.ds-list-tbl {
  width:100%; 
  height:auto; 
  border-collapse:collapse;
  table-layout: fixed;
  border-top: 3px solid #000; 
}
table caption {
  font-size: 0px;
}
table.ds-list-tbl thead th {
  border-bottom: 1px solid #000; 
/*  padding: 7px 5px;*/
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0px;
}
table.ds-list-tbl tbody td {
  border-bottom: 0;
  padding: 3px 5px;
  line-height: 1.8;
  font-size: 12px;
  color: #111;
  letter-spacing: 0px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
table.ds-list-tbl tbody tr {
  border-bottom: 1px solid #d3d3d3;
  box-sizing: border-box;
}


table.ds-list-tbl.myAtmList {
  width:100%; 
  height:auto; 
  border-collapse:collapse;
  table-layout: fixed;
  border-top: 3px solid #000; 
}
table caption {
  font-size: 0px;
}
table.ds-list-tbl.myAtmList thead th {
  border-bottom: 1px solid #000; 
  padding: 7px 5px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0px;
}
table.ds-list-tbl.myAtmList tbody td {
  border-bottom: 0;
  padding: 4px 5px;
  line-height: 1.8;
  font-size: 12px;
  color: #111;
  letter-spacing: 0px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
table.ds-list-tbl.myAtmList tbody tr {
  border-bottom: 1px solid #d3d3d3;
  box-sizing: border-box;
}
table.ds-list-tbl.myAtmList tbody tr:nth-child(2n){
    background: #f5f5f5;
}
table.ds-list-tbl.myAtmList tbody tr:nth-child(5n) {
  border-bottom-color: #555;
}
.th {
  color: #000;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0px;
  background: url('../images/com_ico_th.png') no-repeat right center;
}
.scrolltbody, .scrolltbody2 {
  position: static;
  width: 100%;
  border-bottom: 1px solid #000;
  box-sizing: border-box;
}
.scrolltbody th, .scrolltbody2 th {
  padding: 11px 2px !important;
}
.scrolltbody tbody, .scrolltbody2 tbody {
  display: block;
  width: 100%;
  height: 139px;
  overflow-y: auto;
}
.scrolltbody tr, .scrolltbody2 tr {
  position: relative;
  clear: both;
  display: table;
  width: 100%;
}
.scrolltbody tbody tr:nth-child(even), .scrolltbody2 tbody tr:nth-child(even) {
  background: #f3f3f3;
}
.txt_over {
  white-space: normal !important;
  text-overflow: visible !important;
  overflow:hidden !important;
}
/*
.scrolltbody th:nth-child(1), .scrolltbody td:nth-child(1) { width: 10%; }
.scrolltbody th:nth-child(2), .scrolltbody td:nth-child(2) { width: 20%; }
.scrolltbody th:nth-last-child(2), .scrolltbody td:nth-last-child(2) { width: 46%;}

.scrolltbody2 th:nth-child(1), .scrolltbody2 td:nth-child(1) { width: 7%; }
.scrolltbody2 th:nth-child(2), .scrolltbody2 td:nth-child(2) { width: 13%; }
.scrolltbody2 th:nth-child(3), .scrolltbody2 td:nth-child(3) { width: 13%; }
.scrolltbody2 th:nth-last-child(2), .scrolltbody2 td:nth-last-child(2) { width: 43%; }

.scrolltbody th:last-child, .scrolltbody2 th:last-child { width: 24%; }
.scrolltbody td:last-child, .scrolltbody2 td:last-child { width: calc( 100% - 80% );}
*/
.table-responsive {
  clear: both;
  position: static;
  display: block;
  max-height: 0.01%;
  width: 100%;
}
.srch-box {
  position: relative;
  width: 100%;
  float: left;
  background: #ada9a2;
  padding: 15px 30px 15px;
  margin-bottom: 4px;
  display: table;
  box-sizing: border-box;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.col-05, .col-07, .col-1, .col-15, .col-2, .col-25,.col-24-5,.col-26, .col-3, .col-33, .col-35, .col-4, .col-45, .col-5, .col-55, .col-6, .col-62, .col-65, .col-7, .col-75, .col-8, .col-85, .col-9, .col-10 {
  position: relative;
  min-height: 1px;
  float: left;
  box-sizing: border-box;
  padding-left: 2px;
  padding-right: 5px;
}

.col-10 {
  width: 100%;
}
.col-9 {
  width: 90%;
}
.col-85 {
  width: 85%;
}
.col-8 {
  width: 80%;
}
.col-75 {
  width: 75%;
}
.col-7 {
  width: 70%;
}
.col-65 {
  width: 65%;
}
.col-62 {
  width: 62.2222222%;
}
.col-6 {
  width: 60%;
}
.col-55 {
  width: 55%;
}
.col-5 {
  width: 50%;
}
.col-45 {
  width: 45%;
}
.col-4 {
  width: 40%;
}
.col-35 {
  width: 35%;
}
.col-33 {
  width: 33.33333%;
}
.col-3 {
  width: 30%;
}
.col-24-5{
  width:24.5%;
}
.col-26 {
  width: 26%;
}
.col-25 {
  width: 25%;
}
.col-2 {
  width: 20%;
}
.col-1 {
  width: 10%;
}
.col-07 {
  width: 7%;
}
.col-05 {
  width: 5%;
}
.col-input {
  float: left;
  border-color:#a0a0a0 !important;
  margin-bottom: 5px;
  margin-top: 5px;
}
.inputBtn {
  width: calc( 100% - 22px );;
}
.col-label {
  float: left;
  text-align: right;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden; 
  line-height: 1.8;
  padding-right: 15px;
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: 400;
}
/*
.col-label_first {
  float: left;
  text-align: right;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  line-height: 1.8;
  margin-bottom: 5px;
  margin-top: 5px;
}
*/
.col-btn {
  float: left;
  min-width: 5px !important;
  width: 22px !important;
  line-height: 22px;
  padding: 0 !important;
  margin: 5px 0 !important;
  background: #fff;
  border-left-width: 0 !important;
  border-color:#a0a0a0 !important;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
}
.calender {
  background-image: url('../images/btn_calender.png');
}
.col-srchBtn {
  float: left;
  padding-left: 25px;
  box-sizing: border-box;
  margin-top: 3px;
}
.col-srchBtn button {
  min-width: 55px !important;
  border-color:#fff;
  color: #fff;
  background: #e87d26;
  text-align: center;
}
.col-makeBtn {
  float: left;
  padding-left: 25px;
  box-sizing: border-box;
  margin-top: 3px;
}
.col-makeBtn button {
  min-width: 55px !important;
  border-color:#fff;
  color: #fff;
  background: #3c8dbc;
  text-align: center;
}

.form-control {
  display: block;
  width: 100%;
  height: 24px;
  padding: 2px !important;
  /* letter-spacing: 0.5px; */
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #a0a0a0;
  box-sizing: border-box;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 25px;
  }
}
.form-group {
  /* margin-bottom: 5px; */
  padding: 2px 0;
}
button.close {
  float: right;
  min-width: 50px !important;
  height: 40px;
  background: url('../images/btn_img_close.png') no-repeat center;
  box-sizing: border-box;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  border: 0;
}
button.close:hover,
button.close:focus {
  text-decoration: none;
  cursor: pointer;
}
.workForm {
  float: left;
  border:1px solid #000;
  width: 100%;
  box-sizing: border-box;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #000;
  padding: 10px;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 25px;
  padding: 15px 0 13px 15px;
}
.modal-header .close {
  /*margin-top: -2px;*/
  margin-top: -15px;
}
.modal-title {
  font-size: 30px;
  font-family: 'Hind' sans-serif;
  font-weight: 600;
  text-align: center;
  color: #474747;
  line-height: .8;
  margin-bottom: 0px;
}
.modal-body {
  /* position: relative; */
  padding: 15px;
  max-height: calc(100vh - 210px);
  overflow-y: auto;
}
.modal-body.bg {
  background:url('../../images/pop_bg.png') no-repeat 50% 50%;
}
.modal-body.bg_p {
  background:url('../../images/company_logo.png') no-repeat 50% 50%;
}
.modal-footer {
    margin:0px ;
    padding: 5px 15px 10px;
    text-align: right;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.box_border {
  float: left;
  width:100%; 
  border:1px solid #f7f7f7; 
  padding:15px; 
  margin-top:4px;
  box-sizing: border-box;
  line-height: 1.8;
  background: #f3f3f3;
}
.btn_red {
  background: #e7505a;
  border-color: #97454a;
  color: #fff;
}
.btn_red:hover {
  background: #e32d39;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 650px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
}
@media (min-width: 992px) {
  .modal-lg2 {
    width: 1200px;
  }
  .modal-lg {
    width: 930px;
  }
  .modal-print {
    width: 750px;
  }
  .modal-sm {
    width: 300px;
  }
  .modal-mm {
    width: 600px;
  }
}
/** Status icon  */
.Accept {
  margin: 2px 5px;
  text-align: center;
  color: #474747;
  background: #fbede1;
}
.Head_To_Site {
  margin: 2px 5px;
  text-align: center;
  color: #474747;
  background: #fbdcc2;
}
.Dispatch {
  margin: 2px 5px;
  text-align: center;
  color: #fff;
  background: #f3c39d;
}
.Arrival {
  margin: 2px 5px;
  text-align: center;
  color: #fff;
  background: #f1b17d;
}
.In_Progress {
  margin: 2px 5px;
  text-align: center;
  color: #fff;
  background: #ed9751;
}
.Complete {
  margin: 2px 5px;
  text-align: center;
  color: #fff;
  background: #e87d26; 
}
.Cancel {
  margin: 2px 5px;
  text-align: center;
  color: #fff;
  background: #ada9a2; 
}
.Delay {
  margin: 2px 5px;
  text-align: center;
  color: #fff;
  background: #ad9e6e;
}
.Non-Dispatch {
  margin: 2px 5px;
  text-align: center;
  color: #fff;
  background: #cecece; 
}
.ui-grid-row .Complete, .ui-grid-row .Cancel, .ui-grid-row .Delay, .ui-grid-row .Accept, .ui-grid-row .Head_To_Site
, .ui-grid-row .Arrival, .ui-grid-row .Non-Dispatch, .ui-grid-row .Dispatch, .ui-grid-row .In_Progress {
  margin: 6px 5px !important;
}
/** Button **/
button {
  border:1px solid #000;
  line-height: 2;
  padding:0 19px;
  min-width: 80px;
  background: transparent;
}
button.photo {
  background: url('../images/btn_photo.png') no-repeat center;
  margin-top: 4px;
  height: 23px;
  min-width: 23px !important;
  border:0 !important;
  padding:0 !important;
  box-sizing: border-box !important; 
}
button.journal {
  background: url('../images/btn_journal.png') no-repeat ;
  margin-top: 4px;
  height: 23px;
  min-width: 23px !important;
  border:0 !important;
  padding:0 !important;
  box-sizing: border-box !important; 
}
.btn_org {
  background: #ea8737;
  border-color: #ea8737;
  color: #fff;
}
.btn_bord_org {
  border-color: #ff671b;
  color: #ff671b;
}
.text_gray {
  color: #ada9a2;
}
.text_org {
  color: #ff6700;
}
/**  ect style **/
.pd_tr30{
  padding: 30px 35px 0 0;
}
.pd_tb3{
  padding: 3px 5px;
}
.pd_tb10 {
  padding: 10px 35px;
}
.pd_t5 {
  padding-top: 5px;
}
.pd_t20 {
  padding-top: 20px;
}
.pd_t50 {
  padding-top: 50px;
}
.pd_t150 {
  padding-top: 150px !important;
}
.pd_lr50 {
  padding:120px 65px;
}
.pd_l10{
  padding-left: 10px;
}
.pd_l25{
  padding-left: 25px;
}
.pd_l30{
  padding-left: 30px;
}
.pd_25 {
  padding:25px;
}
.pd_lr0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.pd_r10 {
  padding-right: 10px !important;
}
.pd_lm20 {
  padding-left: -20px;
}
.pd_b70 {
  padding-bottom: 70px;
}
.mg_b4 {
  margin-bottom: 4px;
}
.mg_t10 {
  margin-top: 10px;
}
.mg_t30 {
  margin-top: 30px;
}
.mg_t50 {
  margin-top: 50px;
}
.mg_tm10 {
  margin-top: -10px;
}
.mg_b10 {
  margin-bottom: 10px;
}
.mg_b20 {
  margin-bottom: 20px;
}
.mg_b30 {
  margin-bottom: 30px;
}
.mg_b-40 {
  margin-bottom: -40px;
}
.mg_r10 {
  margin-right: 10px;
}
.mg_r4 {
  margin-right: 4px;
}
.text_center{
  text-align: center;
}
.text_right{
  text-align: right;
}
.text_left{
  text-align: left;
}
.flt_right{
  float: right;
}
.flt_left{
  float: left;
}
.text_white {
  color: #fff;
}

.btn_question{
	min-width:10px;
	line-height:0;
	margin:0px;
	padding:0px 5px 0 5px;
	font-size:17px;
	border:none;
	vertical-align:middle;
}

/*loading*/
.loading-wrap{
	position: absolute;top: 40%;left:48%; z-index: 99999999;width:90px;height:90px; transform: translateX(-50%);
}
#floatingCirclesG{
	position:relative;
	width:144px;
	height:144px;
	margin:auto;
	transform:scale(0.6);
		-o-transform:scale(0.6);
		-ms-transform:scale(0.6);
		-webkit-transform:scale(0.6);
		-moz-transform:scale(0.6);
}
.loading-text{
    color: #fff;
    font-size: 9px;
    position: absolute;
    top: 68px;
    left: 51px;
}
.f_circleG{
	position:absolute;
	background-color:rgb(255,255,255);
	height:26px;
	width:26px;
	border-radius:14px;
		-o-border-radius:14px;
		-ms-border-radius:14px;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
	animation-name:f_fadeG;
		-o-animation-name:f_fadeG;
		-ms-animation-name:f_fadeG;
		-webkit-animation-name:f_fadeG;
		-moz-animation-name:f_fadeG;
	animation-duration:1.2s;
		-o-animation-duration:1.2s;
		-ms-animation-duration:1.2s;
		-webkit-animation-duration:1.2s;
		-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}
#frotateG_01{
	left:0;
	top:59px;
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
}
#frotateG_02{
	left:17px;
	top:17px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}
#frotateG_03{
	left:59px;
	top:0;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}
#frotateG_04{
	right:17px;
	top:17px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}
#frotateG_05{
	right:0;
	top:59px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}
#frotateG_06{
	right:17px;
	bottom:17px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}
#frotateG_07{
	left:59px;
	bottom:0;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}
#frotateG_08{
	left:17px;
	bottom:17px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}
@keyframes f_fadeG{
	0%{
		background-color:rgb(255,170,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}
@-o-keyframes f_fadeG{
	0%{
		background-color:rgb(255,170,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}
@-ms-keyframes f_fadeG{
	0%{
		background-color:rgb(255,170,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}
@-webkit-keyframes f_fadeG{
	0%{
		background-color:rgb(255,170,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}
@-moz-keyframes f_fadeG{
	0%{
		background-color:rgb(255,170,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}
.inputA {
    float: left;
    vertical-align: middle;
}
.btn-sch {
    display: inline-block;
    border: 1px solid #f2f2f2;
    width: 20px;
    height: 22px;
    text-align: center;
    vertical-align: middle;
    margin-left: -4px;
    background: #F1F5F8;
    cursor: pointer;
}
.red {
    color: red;
}


/**/
.h4Pop {background:none; margin:7px 0 0 0; padding:0 0 0 0; font-size:12px; color:#0000cc;}
.box_border {background:none; border:0px; padding:0px 0 10px 0;}
.modal-footer {margin:0px 0px  0 0px ;padding:0px 0px 0 0px;padding-left:15px;padding-right:15px;}
.btn-find {height:23px; vertical-align:middle; font-size:11px}
.ip-sch {vertical-align:middle;}
.sortable {padding-top:0px; padding-bottom:0px; height:23px;}
.modal-titleB {font-size:20px;}
.ui-grid-cell-contents {vertical-align:middle;}
.ui-grid-header-cell .ng-binding {height:10px; padding:0 0 6px 0; line-height:10px; vertical-align:top;}
.ui-grid-menu-button {height:31px;}
.btn_close {height:23px; padding:0px 0 0 0; line-height:14px;}
button.closeSmall {
  float: right;
  background: url('../images/btn_img_closeSmall.png') no-repeat center;
  height:40px;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  border: 0;
}

#escalationPopOpen{
    position: absolute;
    top: 25px;
    right: 100px;
    font-size: 15px;
    background: #ff880e;
    color:#fff;
    border: 1px solid #6b6b6b;
}

#escalationPopOpen:focus{
	border: 1px solid #fff;
}



.infoBox{
	
}

/* .infoBox ul{
	list-style: none;
    line-height: 1.8;
} */
.infoBox table{
	border-collapse:collapse;
}
.infoBox table th{
    width: 150px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-weight:600;
	padding: 5px;
    text-align: left;
}
.infoBox table td{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px;
}
/**/
.infoBox table.tableA{
    border-collapse:collapse;
    width:100%;
    border-top: 3px solid #111;
}
.infoBox table.tableA th{
    width: 150px;
	border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
	font-weight:600;
	padding: 5px;
    text-align: left;
}
.infoBox table.tableA td{
    border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px;
}
/**/
.pop_th_title{
    display: block;
    font-weight: 600;
    margin-top: 10px;
    padding-bottom: 7px;
}
.escalationEmail{
    width: 100%;
}
/**/
.notesForm{
    background: #fff;
    float: left;
    border: 1px solid #000;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.escalationPop.modal {
    z-index: 1051;
    background-color: #60606070;
}
.btnRequestCancellation,
.btnEscalation{
    background: #ff880e;
    color: #fff;
    border: 1px solid #6b6b6b;
    font-size: 15px;
}
.btnEscalation.position{
    position: absolute;
    top: -35px;
    right: 0px;
    font-size: 15px;
}
.btnRequestCancellation{
    background: #b0c716;
    color: #fff;
    border: 1px solid #6b6b6b;
}
.btnRequestCancellation.position{
    position: absolute;
    top: -35px;
    right: 190px;
    font-size: 15px;
}
.alertRequestCancellation{
    padding-left: 5px;
    margin-bottom: 2px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    color: #ff8000;
    text-align: left;
}
.titleRequestCancellation{
    display: block;
    font-weight: 600;
    padding:10px 5px;
}

.escalationNotes{
	height: 100px;
}

/* NEW START */
.escalationCCLbl {
	font-size: .7rem;
	float: left;
	width: 30%;
}

.escalationCCList{
	height: 100%;
	width: 67%;
	float: right;
}

/* Request Cancellation */
#cancellationPopOpen {
    font-size: 15px;
    background: #ff880e;
    color:#fff;
    border: 1px solid #6b6b6b;
}

.cancellationReason {
	margin-top: 5px;
	height: 100px;
}

.cancellationPop.modal {
    z-index: 1051;
    background-color: #60606070;
}

.btnCancellation{
    background: #ff880e;
    color: #fff;
    border: 1px solid #6b6b6b;
}

/* NEW END */




@media (max-width: 991px) {
	.modal-title{
		margin-bottom: 30px;
	}
	#escalationPopOpen{
		top: 63px;
	    right: 50%;
	    transform: translateX(50%);
	}
}
@media (max-width: 541px) {
	#escalationPopOpen{
	    padding: 0px;
	}
}


/* viewEscalationHistoryPop */
#viewEscalationHistoryPop.modal {
    z-index: 1051;
    background-color: #60606070;
}
#viewEscalationHistoryPop .ds-list-tbl th{
	padding: 9px 0;
}
#viewEscalationHistoryPop .ds-list-tbl tr:nth-child(2n) td{
	background-color: #F3F3F3;
	border-color:#D8D8D8;
}
#viewEscalationHistoryPop .ds-list-tbl tr:nth-child(5n) td{
	border-bottom: 1px solid #888;
}
#viewEscalationHistoryPop .ds-list-tbl td{
	background-color:#FDFDFD;
}
#viewEscalationHistoryPop .ds-list-tbl td.text-css{
	text-align: left;
    padding-left: 25px;
    text-overflow: inherit;
    word-break: break-all;
    white-space: initial;
}
.viewEscalationHistoryDiv{
    height: 499px;
    overflow: auto;
}

/*Escalation pop - checkBox*/ 
[class*="icheck-"] {
    min-height: 22px;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding-left: 0px;
}
.icheck-inline {
    display: inline-block;
}
.icheck-inline + .icheck-inline {
    margin-left: .75rem;
    margin-top: 6px;
}
[class*="icheck-"] > label {
    padding-left: 29px !important;
    min-height: 22px;
    line-height: 23px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
[class*="icheck-"] > input:first-child {
    position: absolute !important;
    opacity: 0;
    margin: 0;
}
[class*="icheck-"] > input:first-child:disabled {
    cursor: default;
}
[class*="icheck-"] > input:first-child + label::before,
[class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 22px;
    height: 22px;
    border: 2px solid #e67e22;
    box-sizing: border-box;
    border-radius: 0px;
    margin-left: -29px;
}
[class*="icheck-"] > input:first-child:checked + label::after,
[class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 10px;
    border: solid 2px #fff;
    border-left: none;
    border-top: none;
    transform: translate(7.75px, 4.5px) rotate(45deg);
    -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
}
[class*="icheck-"] > input[type="radio"]:first-child + label::before,
[class*="icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before {
    border-radius: 50%;
}
[class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + label::before,
[class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-width: 2px;
}
[class*="icheck-"] > input:first-child:disabled + label,
[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label,
[class*="icheck-"] > input:first-child:disabled + label::before,
[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label::before {
    pointer-events: none;
    cursor: default;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.icheck-carrot > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-carrot > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #e67e22;
    box-sizing: border-box;
}
.icheck-carrot > input:first-child:checked + label::before,
.icheck-carrot > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #e67e22;
    border-color: #e67e22;
    box-sizing: border-box;
}