@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
body{ background:#f5f5f5;font-size: 13px;}
p {
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.42857;
}
:hover{transition: all 0.8s ease 0s;}
.trans{z-index:0; 
       -webkit-transform: translateZ( 0 );
       transform: translateZ( 0 );
       -webkit-transition: -webkit-transform 0.6s ease-in-out;
       transition: transform 0.6s ease-in-out;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;}

h1, h2, h3, h4, h5, h6 { color:#0e3e6e !important;}
*{ outline:none;}
.no-bdr {
    border: none !important;
}
a{text-decoration:none; transition: all 0.5s ease 0s;}
ul{ list-style:none;}
.bdr-btm{ border-bottom:1px solid #dddddd;}
.bdr-top{ border-top:1px solid #dddddd;}
.bdr-lft{ border-left:1px solid #dddddd;}
.bdr-rgt{ border-right:1px solid #dddddd;}
.bdr-rgt{ border-right:1px solid #dddddd;}
.diplay-block{ display:block;}
.grey-bg{ background:#dadada;}
.d-grey-bg{ background:#333;}
.blue-bg{ background:#f4fff2 !important;}
.off-wite-bg{ background:#f6f6f6;}
.wite-bg{ background:#fff;}
.no-bg {background: none !important;}
.d-grey-bg a{ color:#fff;}
.d-grey-bg a:hover{ color:#fff;}
.default-submit-btn{ border:none; background:none; line-height:20px; padding: 0;}
.fa-th:hover, .default-submit-btn:hover{ color:#000 !important; }
.grey-btn{ background:#e8e8e8 !important; border:1px solid #b7b7b7 !important; color:#333;}
.grey-btn:hover{ background:#d8d5d5 !important; color:#000;
                 -webkit-transition: background-color 1000ms linear;
                 -moz-transition: background-color 1000ms linear;
                 -o-transition: background-color 1000ms linear;
                 -ms-transition: background-color 1000ms linear;
                 transition: background-color 1000ms linear;
}

#header {
    width: 100%;
}
.nav-top{ margin-top:50px;}
.nav-lft{ margin-top:150px;}
#left_header {
    float: left;
}#logo-text {
    font-family: Helvetica-Light;
    font-size: 30px;
    color: #0054a6;
    padding-top: 8px;
    padding-bottom: 20px;
    float: left;
}
#right_header {
    float: right;
}
#right_header ul {
    float: right;
    padding: 10px 0 0 0;
    list-style: none;
}
#right_header ul li {
    float: left;
    color: #333333;
    border-right: 1px solid #000;
    padding: 0 5px;
    font-size: 14px;
    line-height: 18px !important;
}
#right_header ul li a {
    color: #000;
    text-decoration: none;
}
#right_header ul li a:hover {
    text-decoration: underline;
}
.clientname {
    color: #acacac;
    float: right;
    font-family: calibri;
    font-size: 13px;
    font-style: normal;
}
/*Text*/
.text-left{ text-align:left !important;}
.text-center{ text-align:center !important;}
.bold{  font-weight:bold !important;}
.font-11 {
    font-size: 11px !important;
}
.font-24{ font-size:24px !important;}
.font-13 {
    font-size: 13px !important;
}
.font-14 {
    font-size: 14px !important;
}
.font-16 {
    font-size: 16px !important;
}
.font-12-exp {
    font-size: 12px ;
}
.font-italic{ font-style:italic;}
.font-normal{ font-weight:normal !important;}
.qr-f12{ font-size:12px;}
.text-white{ color:#fff !important;}
.text-red{ color:#870000 !important;}
.text-red-light{ color:#ce1b24;}
.text-green{ color:#3bb44b !important;}
.text-grey{ color:#222222 !important;}
.text-grey-light{ color:#8e8e8e !important;}
.text-grey-lighter{ color:#bebebe;}
.text-l-grey{ color:#bcbcbc !important;}
ol.number-list{ list-style:decimal; padding-left:12px;}
/*Margin */
.margin-0{ margin:0 !important;}
.margin-bottom-0{ margin-bottom:0 !important;}
.margin-top-0{ margin-top:0 !important;}
.margin-top-1x{ margin-top:10px !important;}
.margin-right-1x{ margin-right:10px !important;}
.margin-bottom-1x{ margin-bottom:10px !important;}
.margin-left-1x{ margin-left:10px !important;}
.margin-top-2x{ margin-top:20px !important;}
.margin-right-2x{ margin-right:20px !important;}
.margin-bottom-2x{ margin-bottom:20px !important;}
.margin-left-2x{ margin-left:20px !important;}
.margin-top-5{ margin-top:5px !important;}
.margin-right-5{ margin-right:5px !important;}
.margin-bottom-5{ margin-bottom:5px !important;}
.margin-left-5{ margin-left:5px !important;}

.margin-l-r-0{ margin-left:0 !important; margin-right:0px;}
.margin-l-0{ margin-left:0 !important;}
.margin-rm-20{ margin-right:-20px !important;}
/*Padding */
.padding-0{ padding:0 !important;}
.padding-bottom-0{ padding-bottom:0 !important }
.padding-1x{ padding:10px !important;}
.padding-tr-1x{ padding:10px 0 !important;}
.padding-5{ padding:5px !important;}
.padding-top-1x{ padding-top:10px !important;}
.padding-right-1x{ padding-right:10px !important;}
.padding-bottom-1x{ padding-bottom:10px !important;}
.padding-left-1x{ padding-left:10px !important;}
.padding-top-2x{ padding-top:20px !important;}
.padding-right-2x{ padding-right:20px !important;}
.padding-bottom-2x{ padding-bottom:20px !important;}
.padding-left-2x{ padding-left:20px !important;}

.padding-top-5{ padding-top:5px !important;}
.padding-right-5{ padding-right:5px !important;}
.padding-bottom-5{ padding-bottom:5px !important;}
.padding-left-5{ padding-left:5px !important;}
.padding-left-0{ padding-left:0 !important;}
.padding-right-0{ padding-right:0 !important;}
.padding-l-r-0{ padding-left:0 !important; padding-right:0px;}
.padding-left-4x{ padding-left:40px !important;}
.padding-rl-0{ padding-left:0 !important; padding-right:0 !important; }
.padding-top-btm-0{ padding-top:0 !important; padding-bottom:0 !important;}
/*Dashboard*/
.container-custom{ max-width:900px; width:100%;}
.wrapper { position: relative;}
.sidebar { left: 4px; position: absolute;}
#sidebar_content.fixed { position: fixed; top: 0;}
#sidebar_content { position: absolute;top: 0; width: 200px; margin-left:-10px;}


.dashboard{ background:#fff; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; padding:20px 20px 20px 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);  margin-bottom: 7px;/* margin-bottom:30px;*/}
.dashboard label{ font-weight:normal;line-height: 30px; text-align:right;}
.dashboard h3{ color: #0e3e6e; font-size: 30px; margin:10px 0 20px 0; padding: 7px 0 0 10px;}
.dashboard h4{ color: #0e3e6e; font-size: 18px; margin:10px 0 5px 0; padding: 7px 0 0 0;}
.dashboard h6{ color: #0e3e6e; font-size: 16px; margin:10px 0 10px 0 !important; padding: 0 0 0 3px; font-weight:500}
.hr{ width:100%; float:left; margin-bottom:10px;}
.hr-b5{ width:100%; float:left; margin-bottom:5px;}
input.form-control-custom {
    font-size: 12px;
    height: 28px;
    padding: 6px 3px;}
select.form-control-custom {
    font-size: 12px;
    height: 28px;
    padding: 2px 3px 2px 3px;}
textarea.form-control-custom {
    font-size: 12px;
    height: 64px;
    padding: 6px 3px;}
/**********************************Checkbox buttons**********************************/
.rc-hcm { float:left; width:100%; padding-top: 10px;}
.rc-hcm input[type=checkbox]:not(old){
    width     : 2em;
    margin    : 0;
    padding   : 0;
    font-size : 1em;
    opacity   : 0;
}

.rc-hcm input[type=checkbox]:not(old) + label{
    display      : inline-block;
    margin-left  : -2em;
    line-height  : 1.5em;
    font-weight:normal;
}

.rc-hcm input[type=checkbox]:not(old) + label > span{
    display          : inline-block;
    width            : 0.875em;
    height           : 0.875em;
    margin           : 0.25em 0.5em 0.25em 0.25em;
    border-radius    : 0.125em;
    background       : #fff;
    vertical-align   : bottom; border:1px solid #a4a4a4;
}

.rc-hcm input[type=checkbox]:not(old):checked + label > span{
    background:#fff;
}

.rc-hcm input[type=checkbox]:not(old):checked + label > span:before{
    content     : '✓';
    display     : block;
    width       : 1em;
    color       : #0e3e6e;
    font-size   : 0.975em;
    line-height : .8em;
    text-align  : center;
    font-weight : bold;
}
/*Radio buttons*/

.rc-hcm input[type=radio   ]:not(old){
    width     : 2em;
    margin    : 0;
    padding   : 0;
    font-size : 1em;
    opacity   : 0;
}

.rc-hcm input[type=radio   ]:not(old) + label{
    display      : inline-block;
    margin-left  : -2em;
    line-height  : 1.5em;
    font-weight:normal !important;
}

.rc-hcm input[type=radio   ]:not(old) + label > span{
    display          : inline-block;
    width            : 0.875em;
    height           : 0.875em;
    margin           : 0.125em 0.5em 0.25em 0.25em;
    border           : 0.0625em solid rgb(192,192,192);
    border-radius    : 50%;
    background       : rgb(224,224,224);
    background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
    vertical-align   : bottom;
}

.rc-hcm input[type=radio   ]:not(old):checked + label > span{
    background:#fff;
}
.rc-hcm input[type=radio]:not(old):checked +  label > span > span{
    display          : block;
    width            : 0.4em;
    height           : 0.4em;
    margin           : 0.19em 0.09em 0.15em 0.14em;
    border-radius    : 0.125em;
    background       : #0e3e6e;
    border-radius    : 50%;
    text-align:center;
}


/*Default cols*/
.default-col-2{ width:20px; float:left;}
.default-col-3{ width:30px; float:left;}
.default-col-4{ width:40px; float:left;}
.default-col-5{ width:50px; float:left;}
.default-col-6{ width:60px; float:left;}
.default-col-7{ width:70px; float:left;}
.default-col-8{ width:80px; float:left;}
.default-col-9{ width:90px; float:left;}
.default-col-10{ width:100px; float:left;}
.default-col-11{ width:110px; float:left;}
.default-col-12{ width:120px; float:left;}
.default-col-13{ width:130px; float:left;}
.default-col-14{ width:140px; float:left;}
.default-col-15{ width:150px; float:left;}
.default-col-16{ width:160px; float:left;}
.default-col-17{ width:170px; float:left;}
.default-col-18{ width:180px; float:left;}
.default-col-19{ width:200px; float:left;}
.default-col-20{ width:210px; float:left;}
.default-col-21{ width:220px; float:left;}
.default-col-22{ width:230px; float:left;}
.default-col-24{ width:240px; float:left;}
.default-col-25{ width:250px; float:left;}
.default-col-26{ width:260px; float:left;}
.default-col-40{ width:400px; float:left;}
.width1xx{ width:100%;}

.round-box {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    float: left;
    margin-top: 20px;
    padding: 10px;
    width: 100%;
}
.round-box h5 {
    background: none repeat scroll 0 0 #fff;
    border-bottom: medium none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 10px;
    line-height: 8px;
    margin: -17px 0 10px;
    padding: 0 8px;
}


td.td-actions a:hover{ text-decoration: none;}

#account_wrap{
    padding:10px 30px 0px;
}
.form-control { 
    height: 28px;}

/*Css by shahid */
.sh{ padding-left:15px; padding-right:15px;}
.sh h5{ color:#005cae !important; font-size:15px; font-weight:normal !important; border:none; text-align: left;}
.sh h6{ text-align: left;}
.sh .emp-det p{ text-align: left;}
.sh h5.text-black{ color:#000 !important; }
.sh h3{ font-size:30px; margin-top:10px;}
.sh .text-grey-light{ color:#505050 !important;}
.sh .text-grey-lighter{ color:#8f8f8f !important;}
.text-black{ color:#000 !important;}
.sh .bg-yellow{ background:#f8c410 !important;}
.sh .bg-info{ background:#c7d3fd !important;}
.sh .row{ margin-left:-5px; margin-right:-5px;}
.sh .bdr{ border:1px solid #f1f1f1;}
.sh .db-box-sm{ min-height:128px; margin-bottom:15px;}
.pt-2x{ padding-top:20px;}
.sh .bdr-blue5{ border-bottom:5px #005cae solid; background:#fff;}
.sh .text-red-light{ color:#fb4f4f !important;}
.sh .smaller{ font-size:50%;}
.sh .font-lg{ font-size:150%;}
.sh .numbers{ background:#1b1bfe; width:15px; height:15px; float:right; color:#fff; text-align:center; line-height:15px; font-size:9px; margin-left:5px; border-radius:50%;}
.sh .nav-tabs>li>a{ padding: 10px 8px;}
.sh .carousel-control{ background:none; text-shadow:none; width:5%; top:45%;}
.sh .carousel-control.right{ right:-5px !important;}
.sh .carousel-control.left{ left:-5px !important}
.sh .carousel-control i{ font-size:50px; color:#a3a3a3;}
.sh .panel{background-color: #fff;border-color: #ddd;border-width: 1px; border-radius: 14px; margin:10px 5px 0px 5px ; padding:0; overflow:hidden;}
.sh .panel-heading{padding: 5px 10px; margin-bottom: 10px; background-color: #f7f7f9;}
.sh .panel-body{ padding:10px;}
.sh .emp-photo{ float:left; margin-right:10px;}
.sh .emp-det{ float:left;}
.sh .disabled{ background:#efefef;}
.sh .leave-status{ width:33%; float:left; padding:10px 5px; color:#333; font-size: 10.5px; line-height: 20px;}
.sh .leave-status .approved{ width:19px; margin:0 3px; float:left; padding:2px 0; font-size:14px; text-align:center; line-height:18px; color:#666; background:#a9e8a1;}
.sh .leave-status .pending{ width:19px; margin:0 3px; float:left;  padding:2px 0; font-size:14px; text-align:center; line-height:18px; color:#666; background:#99d8f7;}
.sh .leave-status .rejected{ width:19px; margin:0 3px; float:left;  padding:2px 0; font-size:14px; text-align:center; line-height:18px; color:#666; background:#fdb9ba;}
.sh .btn-warning{ color:#de6b1f; padding:2px 50px; border-color:#f1ab6f; background:#f9dd7c;}
.sh .approved-link{ margin:10px; display:inline-block; text-align:center;}
.sh .approved-link i{ background:#29c615; width:45px; height:45px; margin:0 auto 0px auto; line-height:45px; font-size:30px; color:#fff; text-align:center; display:block; border-radius:50%;}
.sh .reject-link{ margin:10px; display:inline-block; text-align:center;}
.sh .reject-link i{ background:#fb4f4f; width:45px; height:45px; margin:0 auto 0px auto; line-height:45px; color:#fff; font-size:30px; text-align:center; display:block; border-radius:50%;}
.sh .nav-tabs{ border-bottom:2px solid #dddddd; background: none !important;}
.sh .nav-tabs>li{ margin-bottom:-2px; background: none !important;}
.sh .nav-tabs>li>a{ border:none; border-bottom:2px solid #ddd; background:none !important;}
.sh .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ border:none; border-bottom:2px solid #5555fe; background: none !important; color:#555 !important;}
.sh label.control-label{ font-weight:normal;}
.sh select.form-control{ height:30px; box-shadow:none; border-radius:0;}
.sh textarea.form-control{box-shadow:none;}
.sh input.form-control{ height:30px;}
.sh .text-green{ color:#29c615 !important;}
.sh .text-red-light{ color:#fb4f4f !important;}
.sh .bg-primary-light{ background:#e9ecff;}
.sh .text-info{ color:#0000fd !important;}
.sh input.form-control{ box-shadow:none;}

/* Create a custom checkbox */
.sh .checkbox {
  padding-left: 20px; }
  .sh .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .sh .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .sh .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .sh .checkbox input[type="checkbox"] {
    opacity: 0; }
    .sh .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .sh .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .sh .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .sh .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .sh .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .sh .checkbox.checkbox-inline {
    margin-top: 0; }

.sh .checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.sh .checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }
.sh .table-wap{ width:100%; overflow-x:scroll; overflow:auto; float:left; border:1px solid #b9b9b9;}
.sh .table-md{ width:100%; min-width:700px; float:left;}
.sh .table-md table tr td .bg-primary-light{border-top:1px solid #c4d8f1; background:#eff3fc;}
.sh .table-md table tr:first-child td .bg-primary-light{border-bottom:1px solid #c4d8f1; border-right:1px solid #c4d8f1;  border-left:1px solid #c4d8f1;}
.sh .table-md table tr:first-child td .offwhit-light{border-top:1px solid #e3e3e3;}
.sh .table-md table tr td .offwhit-light{ border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;  border-left:1px solid #e3e3e3;background:#f5f5f5;}
.sh input.form-control{ border-radius:0;}
.sh .btn-round{ border-radius:20px;}
.sh .prl-2x{ padding-left:20px; padding-right:20px;}
.sh .table-md table thead tr td.bdr-rgt{ border-color:#b9b9b9;}
.sh .table-md table tr td i{ font-size:10px;}
.sh .table-md table tr td.text-grey-light{ color:#929b9e !important;}
.odd-even table tbody tr:nth-child(even) { background:#f4f5ef;}
.sh .table-md table tr td {height:30px; line-height:30px; padding:5px;}
.sh .table-md table thead tr td {height:20px; line-height:20px; padding:5px;}
.odd-even table tbody tr:nth-child(odd) { background:#fff;}
.odd-even table tbody tr:hover { background:#e7e8e1;}
.notifications{ padding-right: 15px; padding-left: 15px;}
.notifications .row{ margin-left:-15px; margin-right:-15px;}
.notifications .col-md-4{ padding-left:20px; padding-right:20px;}
.notifications h5{ color:#0072b5 !important;}
.sh i.fa-paper-plane{ font-size:24px;}
.sh .approved-link a:hover{ text-decoration:none; outline:none;}
.sh .reject-link a:hover{ text-decoration:none; outline:none;}
.sh .approved-link a:focus{ text-decoration:none; outline:none;}
.sh .reject-link a:focus{ text-decoration:none; outline:none;}
.loading{ position:fixed; top:30%; left:25%; right:25%; width:50%; max-width:320px; margin:0 auto;}
.loading h4{ text-align:center; color:#585858 !important; margin:0 0 20px 0; font-size:16px;}
.loader{ text-align:center; width:100%}
.s-number{ float:left; border-right:1px solid #ddd; text-align:left; width:30px; padding:5px;}
.to{ float:left; text-align:left; padding:5px;}
.assign-board .offwhit-light{ background:#f5f5f5;}
.bg-darkblue{ background:#0b3b6c}
.wite-bg{ background:#f9f9f9}
.bg-white{ background:#fff;}
.sh a .text-blue{ color:#1d3865 !important; text-decoration:none; outline:none;}
.sh a .text-blue-l { color:#0f44b4 !important; text-decoration:none; outline:none;}
.sh .text-grey{ color:#222222 !important;}
.business-flow{ width:100%; min-height:230px; max-width:900px; margin:0 auto;}
.business-flow ul{ width:100%; float:left; list-style:none; margin:0; padding:0;}
.business-flow ul li{ width:20%; min-width:150px; float:left; list-style:none; margin:0; padding:0; text-align:center;}
.business-flow ul li .bf-step{ text-align:center; width:100%; color:#636363; position:relative; display:inline-block;}
.business-flow ul li .bf-step .bf-arrow{ position:absolute; width:60px; top:35%; left:61%;}
.business-flow ul li .bf-label{ text-align:center; width:100%; padding-top:10px; height:50px; font-size:13px; line-height:15px;}
.business-flow ul li .wht-circle{ width:40px; position:sticky; height:40px; border-radius:50%; margin:10px auto; background:#fff; border:2px solid #000;}
.business-flow ul li .wht-circle:hover{ background:#000;}
.business-flow ul li .yellow-circle{ width:40px; position:sticky; height:40px; border-radius:50%; margin:10px auto; background:#fef4d9; border:2px solid #dbbc69;}
.business-flow ul li .yellow-circle:hover{ background:#dbbc69;}
.business-flow ul li .blue-circle{ width:40px; position:sticky;height:40px; border-radius:50%; margin:10px auto; background:#e3ecfb; border:2px solid #6b8bba;}
.business-flow ul li .blue-circle:hover{ background:#6b8bba;}
.business-flow ul li .purp-circle{ width:40px; position:sticky;height:40px; border-radius:50%; margin:10px auto; background:#e6deeb; border:2px solid #85739d;}
.business-flow ul li .purp-circle:hover{ background:#85739d;}
.business-flow ul li .yellow2-circle{ width:40px; position:sticky;height:40px; border-radius:50%; margin:10px auto; background:#fdebd8; border:2px solid #c4961f;}
.business-flow ul li .yellow2-circle:hover{ background:#c4961f;}
.business-flow ul li .red-circle{ width:40px;height:40px;top: -2px; position: absolute;left: 39%; border-radius:50%; margin:10px auto; background:#f5d9d6; border:2px solid #ab594d;}
.business-flow ul li .red-circle:hover{ background:#ab594d;}
.business-flow ul li .process-ret{ width:194px;height: 30px; background:url(../images/process-ret-bg.png) bottom no-repeat; position:absolute; bottom:-30px; left:74px;}
.business-flow ul li .process-ret .bf-label{ margin-top:50px; font-size:12px;}
.menu{ height:40px; background:#1f3869; width:100%; float:left; text-align:center; overflow:hidden;}
@media screen and (max-width:800px) {
.clr-sm{ clear:right; margin-right:250px !important;}
.business-flow{ min-height:340px;}
.sm-clerfix{ clear:both;}
.kds-col-2{ width:50% !important;}
.kds-wrap .top-header ul li a{ padding:7px 5px !important; font-size:12px !important;}
.kds-wrap .top-header ul li.datetime{ font-size:14px !important;}
.kds-wrap .nav-tabs>li a{ padding: 10px 10px;}

.login-container .carousel-inner>.item{ margin: 0 auto; width: 100%;}
}
@media screen and (max-width:640px) {
.clr-sm{ clear:right; margin-right:250px !important;}
.business-flow{ min-height:460px;}
.business-flow ul li .bf-step .bf-arrow{ left:20px;}
.m-sm{ margin-top:90px !important;}
.business-flow ul li{ min-width:80px;}

}
@media screen and (max-width:480px) {
.kds-col-2{ width:100% !important;}
}
.flow-items {padding:0 10px; width:100%; float:left}
.flow-items ul{ width:auto; float:left; list-style:none; margin:0; padding:0 10px;}
.flow-items ul li{ min-width:150px; display:table-cell; list-style:none; margin:0; padding:10px 5px; text-align:center;}
/*.sh .table-wap::scrollbar-track { height: 10px; background:#900;}
.sh .table-wap::scrollbar-thumb { height: 5px; color:#fff; border:5px; border-radius:3px;}*/
.sh .table-wap::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0,0,0,0.1);
  border: 1px solid #ccc;
}

.sh .table-wap::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(left, #fff, #e4e4e4);
  border: 1px solid #aaa;
}
.sh .table-wap::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

::-webkit-scrollbar-thumb:active {
  background: linear-gradient(left, #22ADD4, #1E98BA);
}
.login-wrap{ margin:0 auto; }
.login-container{ width:100%; background:url(../images/login-bg.png) no-repeat center top; padding:118px 0;}
.form-outer{ width:100%; max-width:890px; margin:0 auto;}
.form-cont{ background:#fff; border-radius:10px; padding:20px 30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); width:100%;}
.form-cont h3{ color:#003f95 !important; font-size:40px; margin:20px 0 10px 0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}
.form-cont .round-box{ width:100%; float:left;  margin-top:20px; border:1px solid #1a73e8; padding: 5px; border-radius:0;}
.form-cont .info-box.round-box{padding: 0px !important;}
.form-cont .round-box h6{ background: none repeat scroll 0 0 #fff; margin-bottom:0 !important; color:#1a73e8 !important; float: left; font-size: 13px; font-weight: normal;  height: 12px; line-height: 9px; margin: -12px 0px 10px; padding: 0 8px;}
.form-cont .disabled{ background:#f0efef;} 
.login-container .form-cont .disabled input.form-control{ background:#f0efef; border:none;box-shadow:none;} 
.login-container .form-cont input.form-control{ border:none;box-shadow:none; padding:5px; border-radius: 0;}
.login-container .form-cont input.form-control:focus{ box-shadow:none;} 
.login-container .form-cont input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a8a8a8; background:none ;
  opacity: 1; /* Firefox */
}

.login-container .form-cont input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a8a8a8;
}

.login-container .form-cont input::-ms-input-placeholder { /* Microsoft Edge */
  color: #a8a8a8;
}
.pt-3x{ padding-top:30px;}
.pt-4x{ padding-top:40px;}
.login-container .form-cont .btn{ border-radius:0;}
.login-container .form-cont button.btn:focus{ border:0; outline:none;}
.login-container .form-cont button.btn-link{ border:0; outline:none; color:#a8a8a8;}
.login-container .form-cont .dropdown-menu{min-width: 110px;}
.login-container .form-cont .dropdown-menu>li>a{ padding: 3px 10px;}
.s-icons { text-align:right;}
.s-icons a{opacity: .5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out; padding:3px;}
.s-icons a:hover{opacity: 1;}
.s-icons a:last-child{ padding-right:8%;}

.container-check { display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer; font-size: 13px; color:#8e8e8e;
  -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none; font-weight:normal; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}
/* Hide the browser's default checkbox */
.container-check input { position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
/* Create a custom checkbox */
.container-check .checkmark { position: absolute; top: 0; left: 0; height: 18px; width: 18px;  background-color: #ddd; border: 1px solid #ddd; border-radius: 50%;}
/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {background-color: #28992e;}
/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {background-color: #28992e;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {display: block;}
/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
  background-color: #32aa39;border: 1px solid #32aa39; border-radius: 50%;
}
/* Style the checkmark/indicator */
.container-check .checkmark:after { left: 5px;top: 1px;width: 5px;height: 12px; border: solid white;border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);}
.form-footer{ width:100%; color:#8f8f8f; padding:20px 10px 0 10px; float:left; }
.form-footer a{ color:#8f8f8f; padding:5px 3px; text-decoration:
none; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}
.form-footer a:hover{ color:#000; text-decoration:underline;}
.login-container .carousel-indicators{bottom: -40px; text-align:center; left:40%;}
.login-logo a img{ max-width: 80px;}
.login-container .carousel-indicators li{ background: #e2e1e1; border: none;}
.login-container .carousel-indicators .active{ background:#333;}
.logo-sdots img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%); width:130px; opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */}
.logo-sdots img:hover{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */filter: grayscale(0%);opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */}
.login-container .carousel{ padding-top:30px;}
.login-error-alert{ max-width: 350px; width: 100%; margin: 20px auto 10px auto;}
.kds-wrap .top-header{ width:100%;}
.kds-wrap .top-header ul{ width:100%;max-width:830px; margin:24px auto;}
.kds-wrap .top-header ul li{ float:left; color:#000; font-size:16px; line-height:18px; margin:10px 1px 0 0;}
.kds-wrap .top-header ul li a{ padding:10px 20px; color:#0b6fb6; font-size:14px; text-transform:uppercase; text-decoration:none;}
.kds-wrap .top-header ul li a:hover{ color:#000;text-decoration:none; background:#d9dadd; border-radius:3px;}
.kds-wrap .top-header ul li.active a{ color:#fff;text-decoration:none; background:#0d39ca; border-radius:3px;}
.kds-wrap .header-rgt{ float:right; padding-right:15px;}
.kds-wrap .top-header ul li.datetime{ color:#1c1e21; padding-left:24px; font-size:20px;}
.kds-wrap ul.nav-tabs{ border:none; background:#fff; padding:10px 15px 0 15px; margin:30px -10px 0 -10px; }
.kds-wrap .tab-content{ padding:10px 5px 20px 5px;}
.kds-wrap .nav-tabs>li{height: 45px; text-align:center;}
.kds-wrap .nav-tabs>li a{ color:#2b7db2; font-size:14px; line-height:22px;}
.kds-wrap .nav-tabs>li>a, .kds-wrap .nav-tabs>li>a:hover, .kds-wrap .nav-tabs>li.active>a{ border-bottom:none;}
.kds-wrap .nav-tabs>li.active>a, .kds-wrap .nav-tabs>li.active>a:focus{ border-bottom:none; color:#333; font-weight:bold;}
.kds-wrap .nav-tabs>li.active>a:hover{ border: 1px solid #ddd; border-bottom:none;}
.kds-wrap .nav-tabs>li a span.or_numbers{color:#fff; background:#3580a8; margin-left:10px; padding:0 8px; font-size:12px; font-weight:bold; border-radius:8px}
.kds-wrap .nav-tabs>li a span.w_pick{color:#fff; background:#f48118; margin-left:10px; padding:0 8px; font-size:12px; font-weight:bold; border-radius:8px}
.kds-wrap .nav-tabs>li a span.delivered_numbers{color:#fff; background:#408540; margin-left:10px; padding:0 8px; font-size:12px; font-weight:bold; border-radius:8px}
.kds-wrap .nav-tabs>li.tools{ text-align:right; float:right; width:auto; padding:0; margin-top:-3px;}
.kds-wrap .tab-row{ margin-left:-10px; margin-right:-10px;}
.kds-wrap .nav-tabs>li.tools a{ padding:0 !important; float:left; margin:0 2px;}
.kds-wrap .nav-tabs>li.tools a:hover{ background:none;}
.green-head{ background:#32aa38; padding:10px 10px 0 10px; }
.yellow-head{ background:#f48118; padding:10px 10px 0 10px;}
.blue-head{ background:#149fec; padding:10px 10px 0 10px;}
.kds-col-inner p{ margin:0 0 5px 0; font-size:14px; font-weight:500;font-family: Helvetica, Arial, sans-serif; letter-spacing:.1px;}
.green-head p, .yellow-head p, .blue-head p{ color:#fff; font-size:13px; } 
.green-head h4, .yellow-head h4, .blue-head h4{ color:#fff !important; margin:10px 0; font-family: Helvetica, Arial, sans-serif} 
.kds-col-2{ width:20%; padding:10px 10px; float:left;}
.kds-col-inner{ background:#fff;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.31); width:100%; float:left;}
.modal-dialog{ height: 70vh; top: 10vh; overflow-y: scroll; overflow: auto; }
 button:hover{transition: all 0.8s ease 0s;}
    .btn-delete{background:#ecd1d4; color:#4f2c2f;}
    .btn-delete:hover{ background:#e1b6b9; text-shadow:none; box-shadow: 0 1px 1px rgb(0 0 0 / 10%);border: 1px solid #d7aaad; }
    .btn-close{min-width:70px; background:#e7e7e7; color:#333;}
    .btn-close:hover{ background:#d6d6d6; text-shadow:none;box-shadow: 0 1px 1px rgb(0 0 0 / 10%);border: 1px solid #cdcdcd;}
    .btn-save{min-width:70px; background:#f6dca0; color:#463a1f;}
    .btn-save:hover{ background:#efc45e; text-shadow:none;box-shadow: 0 1px 1px rgb(0 0 0 / 10%);border: 1px solid #e7bd58;}
    .btn-create{min-width:70px; background:#a7c4eb;  color:#133b70;}
    .btn-create:hover{ background:#6d9edf; text-shadow:none;box-shadow: 0 1px 1px rgb(0 0 0 / 10%);border: 1px solid #6798d9;}
    .btn-search{min-width:70px; background:#f8f9fa;color:#646464;}
    .btn-search:hover{ background:#f8f9fa;  text-shadow:none;box-shadow: 0 1px 1px rgb(0 0 0 / 10%);border: 1px solid #dadce0;}
    button.btn-search i.fa-search{ margin-right:5px;}
    .btn-search:hover{ text-shadow:none;box-shadow: 0 1px 1px rgb(0 0 0 / 10%);border: 1px solid #dadce0;}
    button.btn-search i.fa-search{ margin-right:5px;}
    .btn-primary{min-width:70px; background:#4285f4; color:#fff; border:none;}
    .btn-primary:hover{min-width:70px; background:#4184f2;box-shadow: 0 1px 2px rgb(0 0 0 / 10%)}
    .btn-yellow{min-width:70px; background:#fbbc05; color:#fff;}
    .btn-yellow:hover{ text-shadow:none; color:#fff; box-shadow: 0 1px 1px rgb(0 0 0 / 10%);border: 1px solid #dadce0;}
    .btn-red{min-width:70px; background:#ea4335; color:#fff;}
    .btn-red:hover{ text-shadow:none; color:#fff; box-shadow: 0 1px 1px rgb(0 0 0 / 10%);border: 1px solid #e03d2f;}
    .btn-green{min-width:70px; background:#34a853; color:#fff;}
    .btn-green:hover{ text-shadow:none; color:#fff; box-shadow: 0 1px 1px rgb(0 0 0 / 10%);border: 1px solid #2fa14e;}