/* System CSS */
.alert {
    padding: 12px 35px 8px 12px !important;
    margin: 12px 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.alert,
.alert h4 {
    color: #c09853;
}
.alert h4 {
    margin: 0;
    font-size: 18px;
    line-height: 20px;
}
.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px;
}
/**/
.alert-success,
.alert-message {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}
.alert-success h4,
.alert-message h4 {
    color: #468847;
}
.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
    margin-bottom: 10px;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}
.alert-info h4 {
    color: #3a87ad;
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #fbeed5;
    color: #c09853;
}
.alert-warning h4 {
    color: #c09853;
}
.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}
.alert-block p + p {
    margin-top: 5px;
}
.close {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #ffffff;
    cursor: pointer;
}
div.dataTables_wrapper div.dataTables_paginate ul li {
    float: left;
    margin-left: 0px;
}
div.dataTables_wrapper div.dataTables_paginate {
    float: right;
}
/* CSS Document */
* {
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: "Conv_avgr45w";
    src: url("../fonts/avgr45w.eot");
    src: local("☺"), url("../fonts/avgr45w.woff") format("woff"),
        url("../fonts/avgr45w.ttf") format("truetype"),
        url("../fonts/avgr45w.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "helvetica_medium";
    src: url("../fonts/helvetica_lt_67_medium_condensed.eot");
    src: local("☺"),
        url("../fonts/helvetica_lt_67_medium_condensed.woff") format("woff"),
        url("../fonts/helvetica_lt_67_medium_condensed.ttf") format("truetype"),
        url("../fonts/helvetica_lt_67_medium_condensed.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Helvetica";
    src: url("../fonts/helvetica.eot");
    src: url("../fonts/helvetica.eot?#iefix") format("embedded-opentype"),
        url("../fonts/helvetica.woff") format("woff"),
        url("../fonts/helvetica.ttf") format("truetype"),
        url("../fonts/helvetica.svg#helvetica") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "HelveticaNeue-Bold";
    src: url("../fonts/helveticabold.eot");
    src: url("../fonts/helveticabold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/helveticabold.woff") format("woff"),
        url("../fonts/helveticabold.ttf") format("truetype"),
        url("../fonts/helveticabold.svg#helveticabold") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "ProximaNova-Regular";
    src: url("../fonts/proximanova-regular.eot");
    src: url("../fonts/proximanova-regular.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/proximanova-regular.woff") format("woff"),
        url("../fonts/proximanova-regular.ttf") format("truetype"),
        url("../fonts/proximanova-regular.svg#proximanova-regular")
            format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "ProximaNova-Bold";
    src: url("../proximanova-bold.eot");
    src: url("../proximanova-bold.eot?#iefix") format("embedded-opentype"),
        url("../proximanova-bold.woff") format("woff"),
        url("../proximanova-bold.ttf") format("truetype"),
        url("../proximanova-bold.svg#proximanova-bold") format("svg");
    font-weight: normal;
    font-style: normal;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    background: url(../images/body-bg.png) repeat-x top left #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #3f3d3e;
    border-top: none !important;
}
a:focus {
    outline: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
a:hover,
a:active {
    outline: 0;
}
/* =============================================================================
   Common
   ========================================================================== */
.yellowQty {
    float: left;
    margin-right: 4px;
}
.yellowQty span {
    background-color: yellow;
    padding: 0px 7px;
    margin: 0 5px;
}
.redQty {
    float: left;
    margin-right: 4px;
}
.redQty span {
    background-color: red;
    padding: 0px 7px;
    margin: 0 5px;
}
.greenQty {
    float: left;
    padding-bottom: 10px;
    margin-right: 4px;
}
.greenQty span {
    background-color: green;
    padding: 0px 7px;
    margin: 0 5px;
}
.blueQty {
    float: left;
    margin-right: 4px;
}
.blueQty span {
    background-color: blue;
    padding: 0px 7px;
    margin: 0 5px;
}
.top_total {
    border-top: 1px solid #e0e0e0;
    margin: 10px 0;
    padding: 20px 0 10px;
}
.total_label {
    /*border: solid 1px #e0e0e0;
    background: #c8c8c8; border-top: 0;*/
    padding: 8px 12px;
    font-size: 14px;
    color: #000000;
    display: inline-block;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: normal;
    border-right: 1px solid #e0e0e0;
    vertical-align: middle;
    line-height: 14px;
}
.total_label:last-child {
    border-right: none;
}
.total_value {
    border: solid 1px #e0e0e0;
    background: #f2f2f2;
    padding: 8px 12px;
    font-size: 14px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
    vertical-align: middle;
}
.top_total.pages_toptotal {
    border: medium none;
    float: right;
    margin: 5px 0 0;
    padding: 0;
}
a {
    color: #e11f26;
    outline: none;
}
/*a:visited { color: #e1b400; }*/
a:hover {
    color: #838890;
}
a:hover,
a:active {
    outline: 0;
    color: #838890;
}
b,
strong {
    font-weight: bold;
}
ul,
ol {
    list-style-type: none;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
.clear {
    clear: both;
    font-size: 1px;
    height: 0;
    overflow: hidden;
    display: block;
}
.float_l {
    float: left;
}
.float_r {
    float: right;
}
h1,
h2,
h3 {
    font-family: "Conv_avgr45w", Sans-Serif;
    color: #3f3d3e;
}
h3 {
    font-size: 20px;
}
p {
    color: #636363;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
}
.maginb_10 {
    margin-bottom: 10px;
}
.magint_22 {
    margin-top: 22px !important;
}
.required {
    color: #ff0000;
    font-size: 14px;
}
/* =============================================================================
   Forms
   ========================================================================== */
form {
    margin: 0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
}
button,
input {
    line-height: normal;
    overflow: visible;
}
table button,
table input {
    *overflow: auto;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0;
}
/*input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }*/
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: none;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}
/*input:valid, textarea:valid {  }*/
/*input:invalid, textarea:invalid { background-color: #f0dddd; }*/
.invalid.input {
    border-color: #ff0000 !important;
    box-shadow: none !important;
}
.input_round {
    background: #ffffff;
    border-radius: 20px;
    padding: 4px 30px;
    border: 0;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    color: #000000;
    box-shadow: inset 0 2px 3px #999;
}
/*.input{ background:#ffffff; padding:3px 8px; border:0; line-height:18px; font-size:14px; color:#000000; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; height:28px; border:solid 1px #a8acad; box-shadow:inset 0 2px 5px #e3e3e3;}
.select{
        border-radius:6px; padding:0; font-size:14px; color:#000000; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; height:35px; -webkit-appearance:none; border-right:0; outline:0;
background-image:url(../images/DropRightBtn.png);
        background-position:100%;
        background-repeat:no-repeat
}*/
.input,
.select {
    background: #ffffff;
    padding: 4px 8px;
    border: 0;
    line-height: 18px;
    font-size: 14px;
    color: #000000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 28px;
    border: solid 1px #a8acad;
    box-shadow: inset 0 2px 5px #e3e3e3;
}
.select:disabled {
    opacity: 0.5;
}
.textarea {
    background: #ffffff;
    padding: 4px 8px;
    border: 0;
    line-height: 18px;
    font-size: 14px;
    color: #000000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 150px;
    border: solid 1px #a8acad;
    box-shadow: inset 0 2px 5px #e3e3e3;
    width: 100%;
}
.wrapper {
    background: url(../images/body-bg_inner.png) repeat top left; /* -215px; background-size:cover; */
    border-top: solid 5px #e11f26;
}
.container {
    max-width: 980px;
    margin: 0 auto;
}
.home {
    background: #ffffff;
    padding: 0 40px;
    padding-top: 40px;
    position: relative;
    margin-top: 48px;
}
.logo_home {
    position: relative;
    margin-left: -34px;
    margin-bottom: 30px;
}
.home .home_left {
    float: left;
    width: 42%;
    text-align: right;
    padding-bottom: 34px;
}
.home .home_left img {
    max-width: 100%;
}
.home .home_right {
    float: right;
    width: 50%;
    margin-bottom: 80px;
    position: relative;
    left: -18px;
}
.textpart h2 {
    margin-bottom: 20px;
}
.textpart h3 {
    margin-bottom: 10px;
}
.textpart p {
    margin-bottom: 34px;
    color: #636363;
}
.readmore {
    color: #e1b400;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    display: block;
    text-align: right;
    margin-top: 10px;
}
.readmore a {
    text-decoration: none;
}
footer {
    background: #a9abae;
}
footer .footer {
    padding: 20px 0 15px 10px;
}
footer .footer .left {
    width: 365px;
    float: left;
}
footer .footer h2 {
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 14px;
}
footer .footer p {
    color: #ffffff;
    font-size: 11px;
    line-height: 16px;
}
footer .footer .input {
    width: 244px;
    box-shadow: none;
    border: 0;
    border-radius: 4px;
}
footer .footer .join_bt {
    background: #231f20;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    padding: 4px 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 28px;
    margin-left: 4px;
}
footer .footer .right {
    float: right;
}
footer .footer .right .socoalpart {
    text-align: right;
}
.socoalpart {
    margin-top: 5px;
    margin-bottom: 10px;
}
.socoalpart a {
    margin: 0 3px;
}
footer .footer .right p.copyright {
    color: #ffffff;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 0;
}
footer .footer .left p.copyright {
    color: #ffffff;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 0;
}
.login_bt {
    position: absolute;
    right: -30px;
    bottom: 0;
}
.login_bt img {
    max-width: 100%;
}
.loginbox {
    background: #f6f6f6;
    border: solid 1px #e6e6e6;
    border-radius: 6px;
    position: relative;
}
.loginform {
    margin: 36px 47px 0 52px;
}
.loginform .row {
    margin-bottom: 9px;
}
.loginform .row .left {
    float: left;
}
.loginform .row .right {
    float: right;
}
.loginform .row .right img:hover {
    opacity: 0.9;
}
.loginform label {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    margin-top: 15px;
    display: block;
}
.loginform .input {
    background: #636363;
    height: 59px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 18px;
    outline: none;
    border: solid 4px #ffd04b;
    width: 300px;
}
.loginform .remember {
    float: left;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.loginform .remember .checkbox {
    margin-right: 4px;
}
.loginform .forgot_link {
    float: right;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.w300 {
    width: 300px;
    margin-bottom: 0;
}
.loginbox-shadow {
    background: url(../images/login-box-shadow.png) no-repeat bottom center;
    bottom: -31px;
    background-size: 100% 100%;
    height: 31px;
    left: 0;
    position: absolute;
    width: 100%;
}
.loginform2 {
    margin: 20px 20px 0 20px;
}
.loginform2 .row {
    margin-bottom: 15px;
}
.loginform2 .row .left {
    /*float:left;*/
}
.loginform2 .row .right {
    /*float:right*/
}
.loginform2 label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    margin-top: 15px;
    display: block;
    margin-bottom: 6px;
    color: #000000;
}
.loginform2 .input {
    background: #ffffff;
    height: 40px;
    border-radius: 4px;
    color: #737373;
    font-size: 17px;
    outline: none;
    border: solid 1px #8a8a8a;
    width: 100%;
    padding: 4px 10px;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: none;
}
/*.loginform2 input[type="password"]{ width:60%}*/
.loginform2 .remember {
    float: left;
    color: #737373;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.loginform2 .remember .checkbox {
    margin-right: 4px;
}
.loginform2 .forgot_link {
    float: right;
    color: #737373;
    margin-top: 2px;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
}
.loginform2 .forgot_link:hover {
    color: #e11f26;
}
.loginform2 .loginbt {
    width: 100%;
    background: #e11f26;
    color: #ffffff;
    text-align: center;
    display: block;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 50px;
    border-radius: 4px;
}
.loginform2 .loginbt:hover {
    background: #000000;
}
.login_input {
    margin-right: 120px;
    float: right;
}
.login_info .left {
    margin-top: 10px;
}
.login_info .row {
    height: 40px;
}
header {
    background: #e11f26;
}
header .container {
    position: relative;
}
header .logo {
    float: left;
    margin-bottom: 10px;
    padding-top: 7px;
}
header .header_right {
    float: right;
}
header .header_right .toplinks {
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 14px;
    margin-top: 12px;
    float: right;
}
header .header_right .toplinks a {
    text-decoration: none;
    margin: 12px 7px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-weight: bold;
}
header .header_right .toplinks a:hover {
    color: #ffbcbf;
}
header .header_right .toplinks li {
    display: inline-block;
    vertical-align: top;
}
header .header_right .toplinks li img {
    float: left;
    margin-top: -10px;
    position: relative;
}
header .header_right .toplinks li .designation {
    display: block;
}
header .header_right nav {
    margin-right: 10px;
    position: absolute;
    right: 0;
    bottom: 10px;
}
header .header_right nav li {
    float: left;
    margin: 0 9px;
}
header .header_right nav li a {
    color: #fff;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.inner_container {
    background: #ffffff;
    overflow: hidden;
    margin-bottom: 48px;
}
.title {
    background: url(../images/title_bg.png) repeat-x top left;
    height: 83px;
    line-height: 83px;
    font-family:/*Helvetica,*/ Arial, sans-serif;
    color: #ffffff;
    font-size: 30px;
    position: relative;
    padding-left: 20px;
    margin-top: 30px;
}
.title span {
    position: absolute;
    width: 82px;
    height: 83px;
    display: block;
    background: url(../images/title_body_image.png) no-repeat top left;
    top: 0;
    right: 25px;
}
.bradcome {
    padding-left: 25px;
    font-size: 12px;
    margin-bottom: 45px;
}
.bradcome a {
    text-decoration: underline;
    font-size: 14px;
}
.leftpart {
    background: url(../images/leftpart_bg_shadow.png) no-repeat right top;
    float: left;
    width: 325px;
    text-align: center;
    min-height: 758px;
}
.rightpart {
    float: right;
    width: 544px;
    margin-right: 54px;
}
.rightpart .image_gallery {
    float: right;
    padding: 0 70px;
    position: relative;
    margin-bottom: 50px;
}
.rightpart .image_gallery li {
    display: inline-block;
    float: left;
    margin: 0 15px;
    margin-bottom: 8px;
}
.rightpart .image_gallery li > a {
    background: #ffffff;
    /*
                                  box-shadow:0 0 8px #BDBDBD;*/
    display: block;
    /*width:99px; height:99px;*/
    width: 160px;
    height: 160px;
    border-radius: 5px;
    text-align: center;
    /*line-height:101px;*/
    margin-top: 22px;
    position: relative;
    padding: 2px;
    line-height: 160px;
}
/*.rightpart .image_gallery li:hover a{ padding:0 0 22px 0;  margin-top:0px; border:solid 2px #f2c200; box-shadow:none;}*/
.rightpart .image_gallery li > a img {
    vertical-align: middle;
}
.rightpart .image_gallery li span {
    /*padding:5px 0;*/
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0;
    color: #231f20;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
    /*display:none;*/
    /*background: rgb(249,220,100);*/
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZGM2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmMzMDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(249,220,100,1) 0%, rgba(242,195,2,1) 100%);  FF3.6+
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,220,100,1)), color-stop(100%,rgba(242,195,2,1)));  Chrome,Safari4+
    background: -webkit-linear-gradient(top,  rgba(249,220,100,1) 0%,rgba(242,195,2,1) 100%);  Chrome10+,Safari5.1+
    background: -o-linear-gradient(top,  rgba(249,220,100,1) 0%,rgba(242,195,2,1) 100%);  Opera 11.10+
    background: -ms-linear-gradient(top,  rgba(249,220,100,1) 0%,rgba(242,195,2,1) 100%);  IE10+
    background: linear-gradient(to bottom,  rgba(249,220,100,1) 0%,rgba(242,195,2,1) 100%);  W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9dc64', endColorstr='#f2c302',GradientType=0 ); /* IE6-8 */
}
/*.rightpart .image_gallery li:hover span{ left:0px; bottom:0px; display:block;}*/
.rightpart .image_gallery .arrow {
    position: absolute;
    width: 53px;
    height: 80px;
    top: 50%;
    margin-top: -28px;
}
.rightpart .image_gallery .arrow.prev {
    left: 0;
    background: url(../images/gallery_arrow_left.png) no-repeat top left;
    text-decoration: none;
}
.rightpart .image_gallery a:hover {
    text-decoration: underline;
}
.rightpart .image_gallery .arrow.next {
    right: 0;
    background: url(../images/gallery_arrow_right.png) no-repeat top right;
    text-decoration: none;
}
.rightpart .image_gallery .arrow.prev.disable {
    left: 0;
    background: url(../images/gallery_arrow_disable_left.png) no-repeat top left;
}
.rightpart .image_gallery .arrow.next.disable {
    right: 0;
    background: url(../images/gallery_arrow_disable_right.png) no-repeat top
        right;
}
.column2 {
    background: url(../images/footer_divider.png) repeat-y top left; /*float:left;*/
    display: inline-block;
    padding-left: 34px;
    width: 177px;
    min-height: 180px;
    /*height: 125px;*/
    vertical-align: top;
}
.link {
    padding-bottom: 12px;
}
.link li {
    margin-top: 13px;
}
.link a {
    font-family: "helvetica_medium", Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}
.column3 {
    background: url(../images/footer_divider.png) repeat-y top left; /*float:left;*/
    display: inline-block;
    padding-left: 34px;
    width: available;
    height: 180px;
    min-height: 180px;
    vertical-align: top;
    /*height:125px;*/
}
.column3 .get_in_touch {
    font-size: 14px;
    color: #231f20;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 12px;
}
.column3 .phone_number {
    font-size: 22px;
    font-family: "helvetica_medium", Arial, sans-serif;
    color: #ffffff;
    margin-bottom: 4px;
    display: block;
}
.column3 .email {
    font-size: 12px;
    color: #ffffff;
    margin-bottom: 12px;
    display: block;
}
.column3 .email a {
    font-size: 12px;
    color: #ffffff;
    margin-bottom: 12px;
}
.column3 .address {
    font-size: 13px;
    color: #ffffff;
    margin-bottom: 6px;
    display: block;
    text-transform: uppercase;
    font-family: "helvetica_medium", Arial, sans-serif;
    letter-spacing: 1px;
    line-height: 18px;
}
.column3 .map_link {
    background: url(../images/google_map_link.png) no-repeat top left;
    padding-left: 25px;
    color: #ffffff;
    font-size: 14px;
    display: block;
    height: 21px;
}
.product_gallery_part {
    border-top: solid 2px #e3e3e3;
    margin: 0 15px;
}
.product_gallery_part h2 {
    margin: 36px 0 8px 0;
}
.product_gallery {
    padding: 0 75px;
    position: relative;
    margin-bottom: 60px;
}
.product_gallery li {
    display: inline-block;
    float: none;
    margin: 0 5px;
    margin-bottom: 8px;
}
.product_gallery li a {
    background: #ffffff;
    box-shadow: 0 0 8px #bdbdbd;
    display: block;
    width: 99px;
    height: 99px;
    border-radius: 5px;
    text-align: center;
    line-height: 101px;
    margin-top: 22px;
    position: relative;
    padding: 2px;
}
.product_gallery li:hover a {
    padding: 0 0 22px 0;
    margin-top: 0px;
    border: solid 2px #e11f26;
    box-shadow: none;
    overflow: hidden;
}
.product_gallery li a img {
    vertical-align: middle;
}
.product_gallery li span {
    padding: 5px;
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
    display: none;
    background: #e11f26; /* Old browsers */
}
/*.product_gallery li span{ line-height:20px; position:absolute; width:110px; height:27px; background:url(../images/product_title.png) no-repeat top left; bottom:0; left:-4px; color:#231f20; font-size:10px; font-weight:bold; line-height:30px; display:none}*/
.product_gallery li:hover span {
    left: -6px;
    bottom: -2px;
    display: block;
}
.product_gallery .arrow {
    position: absolute;
    width: 53px;
    height: 80px;
    top: 50%;
    margin-top: -40px;
}
.product_gallery .arrow.prev {
    left: 0;
    background: url(../images/gallery_arrow_left.png) no-repeat top left;
}
.product_gallery .arrow.next {
    right: 0;
    background: url(../images/gallery_arrow_right.png) no-repeat top right;
}
.product_gallery .arrow.prev.disable {
    left: 0;
    background: url(../images/gallery_arrow_disable_left.png) no-repeat top left;
}
.product_gallery .arrow.next.disable {
    right: 0;
    background: url(../images/gallery_arrow_disable_right.png) no-repeat top
        right;
}
.product_details .buttonpart {
    padding-bottom: 40px;
}
.product_details .leftpart {
    width: 420px;
    background: none;
    min-height: inherit;
    padding-left: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.product_details .leftpart .product {
    position: relative;
    width: 372px;
    height: 372px;
    border: solid 4px #e3e3e3;
    display: table;
    margin-left: 20px;
}
.product_details .leftpart .product .product_image {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}
.product_details .leftpart .product .zoom {
    background: url(../images/zoom_icon.png) no-repeat top left;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 6px;
    right: 6px;
    display: block;
    text-decoration: none;
}
.product_details .leftpart .brand_logo {
    border-top: solid 1px #eaeaea;
    margin-top: 20px;
}
.product_details .leftpart .brand_logo li {
    margin: 18px 10px 10px 10px;
    float: left;
}
.product_details .rightpart {
    width: 50%;
}
.product_details .rightpart .product_contant .row {
    font-size: 16px;
    color: #3f3d3e;
    font-family: "helvetica_medium", Arial, sans-serif;
    overflow: hidden;
    margin-bottom: 20px;
}
.product_details .rightpart .product_contant .leftside {
    float: left;
    width: 160px;
    margin-left: 25px;
}
.product_details .rightpart .product_contant .rightside {
    width: 281px;
    float: left;
    margin-left: 15px;
}
.product_details .rightpart .product_contant .leftside span {
    display: block;
    float: right;
}
.imageMap {
    display: block;
    position: relative;
    width: 178px;
    height: 586px;
    margin: 0 auto;
    z-index: 100;
}
.backer {
    display: block;
    width: 178px;
    height: 586px;
    background: url(../images/leftpart_body_image.png);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.backer:after {
    display: block;
    content: "";
    width: 100px;
    height: 30px;
    position: absolute;
    left: 100px;
    top: 135px;
    font: bold 14px/30px arial, sans-serif;
    text-align: center;
}
.maps {
    border: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
#mapper {
    display: block;
    position: relative;
}
area {
    display: block;
}
/******Registration page*****/
.registration .title span {
    background: url(../images/title_registration_image.png) no-repeat top left;
}
.registration h2 {
    background: #e11f26;
    font-size: 22px;
    font-family: "helvetica_medium", Arial, sans-serif;
    color: #ffffff;
    font-weight: normal;
    padding: 15px 25px;
    display: inline-block;
}
.yellow_border {
    border-bottom: solid 1px #e11f26;
}
.personal_info {
    padding: 20px;
    padding-bottom: 40px;
}
.registration label {
    color: #000000;
    font-size: 14px;
    font-family: Arial;
    width: 135px;
    display: inline-block;
    float: left; /* vertical-align:middle;*/
    margin-top: 4px;
}
.registration .input {
    border: solid 1px #a8acad;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 260px;
    margin-left: 25px;
    color: #7f7f7f;
}
.input:focus {
    border: solid 1px #a8aaad;
    outline: none;
}
.personal_info .left {
    width: 470px;
    float: left;
}
.registration .row {
    margin-bottom: 10px;
}
.registration h3 {
    background: #3f3d3e;
    font-size: 22px;
    font-family: "helvetica_medium", Arial, sans-serif;
    color: #ffffff;
    font-weight: normal;
    padding: 15px 25px;
    display: block;
    border-top: solid 1px #e11f26;
    border-bottom: solid 1px #e11f26;
    position: relative;
}
.registration h3 span.note {
    color: #838383;
    font-size: 14px;
    float: right;
    margin: 8px 28px 0 0;
}
.registration h3 {
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.registration h3 .show_image {
    background: url(../images/show_hide_arrow.png) no-repeat center left #e11f26;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.registration h3 .show_image.hide {
}
.registration h3 .show_image.hide_image {
    background: url(../images/show_hide_arrow.png) no-repeat center right
        #e11f26;
}
.requirement {
    background: #f8f8f8;
}
.requirement h4 {
    font-size: 20px;
    font-family: arial;
    color: #000000;
    font-weight: normal;
    margin-bottom: 18px;
}
.company_base,
.product_base {
    padding: 20px 0 20px 20px;
}
.company_base_content {
    height: 164px;
    padding: 0px;
    overflow: auto;
}
.select_list li {
    color: #000000;
    font-size: 14px;
    font-family: Arial;
    float: left;
    margin-bottom: 16px;
    height: 25px;
}
.select_list li ul {
    margin-top: 16px;
}
.select_list li ul li {
    float: none;
    width: inherit !important;
    margin-left: 20px;
}
.select_list li input[type="checkbox"] {
    display: none;
}
.select_list li .checkbox {
    margin-right: 8px;
}
.select_list.column_2 li {
    width: 50%;
}
.select_list.column4 li {
    width: 25%;
}
.select_list.column5 li {
    width: 20%;
}
.product_base_content {
    height: 265px;
    padding: 0px;
    overflow: auto;
}
.divider_shadow {
    background: url(../images/select_product_role_shadow.png) repeat-x top left;
}
.company_info {
    padding: 20px;
    padding-bottom: 40px;
    border: 1px solid #ccc;
}
.company_info label {
    width: 260px;
}
.company_info .input {
    width: 400px;
}
.buttonpart {
    text-align: center;
    margin-top: 34px;
}
.buttonpart .black_button {
    background: #231f20;
    color: #ffffff;
    font-size: 24px;
    font-family: "helvetica_medium", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding: 9px 12%;
    margin: 0 15px;
    border-radius: 4px;
    text-decoration: none;
    vertical-align: middle;
}
.buttonpart .black_button:hover {
    background: #e11f26;
}
.checkbox {
    background: url(../images/checkbox_bg.png) no-repeat top left;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}
.checkbox.checked {
    background: url(../images/checkbox_active_bg.png) no-repeat top left;
}
.checkbox.disable {
    background: url(../images/checkbox_active_bg.png) no-repeat top left;
}
.select_list label {
    float: none;
    width: auto;
    display: inline;
}
.my_account {
    border-bottom: solid 2px #838890;
    margin-top: 42px;
    overflow: inherit;
}
.my_account .title {
    margin-top: 0;
    background: #a9abae;
    height: 60px;
    line-height: 60px;
    padding-left: 85px;
    font-family: arial, sans-serif;
}
.my_account .title span {
    top: -12px;
    background: url(../images/title_my_account_image.png) no-repeat top left;
}
.main_content {
    display: table;
    width: 100%;
}
.leftbar {
    display: table-cell;
    vertical-align: top;
    position: relative;
    width: 70px;
    background: url(../images/dashboard-shadow-bg.jpg) repeat-y top right
        #838890;
    transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -webkit-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
}
.leftbar.openweb li,
leftbar.openweb,
.leftbar.open,
.leftbar.open li {
    width: 250px;
    transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -webkit-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
}
.leftbar .user_detail {
    padding: 30px 75px 35px 20px;
    font-size: 15px;
    color: #ffffff;
    line-height: 16px;
}
.leftbar .user_detail img {
    float: left;
    margin-right: 10px;
}
.leftmenu {
    background: #838890 url("../images/dashboard-shadow-bg.jpg") repeat-y scroll
        right top;
}
.leftmenu li {
    border-bottom: solid 1px #888c92;
    background: rgba(0, 0, 0, 0.06); /*background:#7b8088;*/
    position: relative;
    width: 70px;
    transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -webkit-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
}
.leftmenu li a {
    text-indent: -9999px;
    display: block;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    padding: 10px 12px;
    line-height: 30px;
    min-height: 24px;
    white-space: nowrap;
}
.leftbar.openweb li a,
.leftbar.openweb,
.leftbar.open,
.leftbar.open li a {
    text-indent: 40px;
}
.leftmenu li a span {
    position: absolute;
    left: 10px;
    width: 26px;
    height: 24px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 30px;
    margin-left: 9px;
    transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -webkit-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
}
.leftbar.openweb .leftmenu li a span,
.leftbar.open .leftmenu li a span {
    margin-right: 10px;
    transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -webkit-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
}
.leftmenu li a.active,
.leftmenu li:hover a {
    background: url(../images/leftmenu_arrow.png) no-repeat center right #d41d24;
    color: #fff;
}
.leftmenu li.home_menu a span {
    background: url(../images/home_icon.png) no-repeat top left;
}
.leftmenu li.personal_info_menu a span {
    background: url(../images/personal_info_icon.png) no-repeat top left;
}
.leftmenu li.company_info_menu a span {
    background: url(../images/company_info_icon.png) no-repeat top left;
}
.leftmenu li.manage_voucher_menu a span {
    background: url(../images/voucher_icon.png) no-repeat top left;
}
.leftmenu li.manage_jobzone_menu a span {
    background: url(../images/jobzone_icon.png) no-repeat top left;
}
.leftmenu li.risk_management_menu a span {
    background: url(../images/risk_icon.png) no-repeat top left;
}
.leftmenu li.product_performance_menu a span {
    background: url(../images/product_performance_icon.png) no-repeat top left;
}
.leftmenu li.orders_history_menu a span {
    background: url(../images/order_history_icon.png) no-repeat top left;
}
.leftmenu li.employee_bulk_upload_menu a span {
    background: url(../images/bulk_upload_icon.png) no-repeat top left;
}
.leftmenu li.manage_employee_menu a span {
    background: url(../images/manage_employee_icon.png) no-repeat top left;
}
.leftmenu li.manage_app_employee_menu a span {
    background: url(../images/mobile_emp.png) no-repeat top left;
}
.leftmenu li.logout_menu a span {
    background: url(../images/logout_icon.png) no-repeat top left;
}
/*.leftmenu li.active a span{ background-position:bottom left;}
.leftmenu li:hover a span{ background-position:bottom left;}*/
.article {
    background: #ffffff;
    min-height: inherit;
}
.article h2 {
    font-size: 22px;
    color: #000000;
    font-family: "helvetica_medium", Arial, sans-serif;
    font-weight: normal;
    border-bottom: solid 1px #bbbbbb;
    padding-left: 20px;
    position: relative;
    margin-left: -20px;
    padding-bottom: 15px;
    margin-right: -20px;
}
.contant {
    background: #ffffff;
    padding: 18px 20px;
    display: table-cell;
    vertical-align: top; /* min-height:650px; */
    transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -webkit-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
}
.contant h2 {
    font-size: 22px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-bottom: solid 1px #bbbbbb;
    padding-left: 20px;
    position: relative;
    margin-left: -20px;
    padding-bottom: 15px;
    margin-right: -20px;
}
.contant h2 img {
    vertical-align: top;
    margin-right: 8px;
}
.edit_link {
    background: url(../images/edit_icon.png) no-repeat top left;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 22px;
    margin-top: 8px;
    text-indent: -9999px;
}
.contant .name {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 5px;
}
.contant p.address {
    color: #000000;
    font-size: 14px;
    line-height: 30px;
}
.contant p.address span {
    display: block;
    margin-right: 10px;
}
.contant .block {
    margin-bottom: 30px;
    overflow: hidden;
}
.contant .block.none {
    margin-bottom: 0;
}
.w_50p {
    width: 50%;
}
.main_table {
    border: solid 1px #ffffff;
    border-collapse: collapse;
    margin-top: 20px;
}
/*.main_table th{ border:solid 1px #e0e0e0; background:#c8c8c8; padding:20px 12px 10px; font-size:14px; color:#000000; font-family:'Helvetica'; text-align:center; font-weight:normal; border-top:0;}
.main_table td{ border:solid 1px #e0e0e0; background:#f2f2f2; padding:14px 12px 10px; font-size:14px; color:#000000; font-family:'Helvetica';}*/
.main_table th {
    border: solid 1px #e0e0e0;
    background: #c8c8c8;
    padding: 8px 12px;
    font-size: 14px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: normal;
    border-top: 0;
    vertical-align: middle;
    line-height: 14px;
}
.main_table td {
    border: solid 1px #e0e0e0;
    background: #f2f2f2;
    padding: 8px 12px;
    font-size: 14px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
    vertical-align: middle;
}
.main_table td:first-child,
.main_table th:first-child {
    border-left: 0;
}
.main_table td:last-child,
.main_table th:last-child {
    border-right: 0;
}
.main_table tr:nth-child(2n) td {
    background: #f6f6f6;
}
.main_table a {
    color: #e11f26;
    text-decoration: none;
    cursor: pointer;
}
.main_table a:hover {
    color: #838890;
    text-decoration: underline;
    cursor: pointer;
}
.main_table_order {
    border: solid 1px #ffffff;
    border-collapse: collapse;
    margin-top: 20px;
}
/*.main_table_order th{ border:solid 1px #e0e0e0; background:#c8c8c8; padding:20px 12px 10px; font-size:14px; color:#000000; font-family:'Helvetica'; text-align:center; font-weight:normal; border-top:0;}
.main_table_order td{ border:solid 1px #e0e0e0; background:#f2f2f2; padding:14px 12px 10px; font-size:14px; color:#000000; font-family:'Helvetica';}*/
.main_table_order th {
    border: solid 1px #e0e0e0;
    background: #c8c8c8;
    padding: 8px 12px;
    font-size: 14px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: normal;
    border-top: 0;
    vertical-align: middle;
    line-height: 14px;
}
.main_table_order td {
    border: solid 1px #e0e0e0;
    background: #f2f2f2;
    padding: 8px 12px;
    font-size: 14px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 16px;
    vertical-align: middle;
}
.main_table_order td:first-child,
.main_table_order th:first-child {
    border-left: 0;
}
.main_table_order td:last-child,
.main_table_order th:last-child {
    border-right: 0;
}
.main_table_order tr:nth-child(2n) td {
    background: #f6f6f6;
}
.main_table_order a {
    color: #e11f26;
    text-decoration: none;
}
.main_table_order a:hover {
    color: #838890;
    text-decoration: underline;
}
.job_role {
    margin-top: 30px;
}
.job_role li {
    background: url(../images/job_role_bullate.png) no-repeat center left;
    padding-left: 16px;
    width: 47%;
    float: left;
    margin-bottom: 15px;
    font-size: 14px;
    color: #000000;
}
.form {
    margin-top: 20px;
}
.form label {
    color: #000000;
    display: inline-block;
    float: left;
    font-family: "Helvetica";
    font-size: 14px;
    margin-top: 4px;
    vertical-align: middle;
    width: 245px;
}
.form .input,
.form .select {
    -moz-box-sizing: border-box;
    border: 1px solid #a8acad;
    border-radius: 0;
    color: #7f7f7f;
    margin-left: 25px;
    width: 380px;
}
.form .row {
    margin-bottom: 10px;
}
/*.contant .buttonpart .black_button{padding: 9px 12%;}*/
.star {
    color: #d60000;
}
.color_gray {
    color: gray !important;
}
/** (START) Grid Navigation RJ **/
/* Thumbnail Effects Style */
.tj_container {
    float: none !important;
    height: 400px;
}
.tj_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0px auto;
    float: right;
    margin-bottom: 50px;
}
.tj_wrapper ul li {
    float: left;
}
.buttonpart .custom_button {
    padding: 9px 4%;
    font-size: 15px;
    margin: 0 5px;
}
.buttonpart .time_class {
    padding: 1px 14%;
    font-size: 14px;
    margin: 0px 0px 5px 5px;
}
.height150 {
    height: 150px;
}
.height70 {
    height: 70px;
}
.height35 {
    height: 35px;
}
.height40 {
    height: 40px;
}
.m_right150 {
    margin-right: 150px !important;
}
.m_right110 {
    margin-right: 110px !important;
}
.m_right170 {
    margin-right: 170px !important;
}
.m_right15 {
    margin-right: 15px !important;
}
.custom_personal_info {
    width: 100% !important;
    margin-top: 10px;
}
.align_right {
    text-align: right !important;
}
.align_center {
    text-align: center !important;
}
.cpointer {
    cursor: pointer;
}
.textpart ul li {
    list-style-type: none;
    list-style-image: url("../images/job_role_bullate.png");
    list-style-position: inside;
    color: #636363;
    font-size: 16px;
    line-height: 18px;
    margin: 10px 20px;
    /*font-family: 'Conv_avgr45w';*/
}
#mxcpr {
    display: none !important;
}
.custom_file_padding {
    padding: 0 8px;
}
/** (END) Grid Navigation RJ **/
/* lougout icon in module */
.logout_img {
    background: url(../images/logout_icon.png) no-repeat top left;
}
.hidden {
    display: none !important;
}
.float_inherit {
    float: inherit !important;
}
/********** Shopping Cart Page ****************/
.shoppingcart .title span {
    background: url(../images/title_shoppingcart_image.png) no-repeat top left;
}
.product_description {
    padding: 20px;
    padding-bottom: 40px;
}
.shopping_table {
    border-collapse: collapse;
}
.shopping_table tr {
    border: solid 1px #dddddd;
}
.shopping_table th {
    background: #f7f7f7;
    padding: 10px;
    color: #787878;
    font-size: 16px;
    font-family: "HelveticaNeue-Bold", Arial, sans-serif;
    font-weight: normal;
}
.shopping_table tr td {
    padding: 10px;
    text-align: center;
    color: #000000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
}
.shopping_table tr td:first-child {
    padding-right: 0;
}
.shopping_table tr td.left {
    text-align: left;
}
.shopping_table tr td .product_detail {
    width: 340px;
}
.shopping_table tr td .product_detail .image {
    float: left;
    border: solid 1px #dddddd;
    margin: 0 10px 0 0;
    width: 58px;
    height: 58px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 0px;
}
.shopping_table tr td .product_detail .text {
    float: left;
    width: 268px;
    text-align: left;
}
.shopping_table tr td .product_detail .text h2 {
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 7px;
}
.shopping_table tr td .product_detail .text p {
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
}
.shopping_table tr td .voucher_code {
    color: #000000;
    font-size: 12px;
    text-align: left;
}
.shopping_table tr td .voucher_code .input {
    font-size: 11px;
    height: 20px;
    line-height: 18px;
    width: 70px;
    padding: 0 4px;
    margin: 0 4px;
    margin-top: 0px;
}
.shopping_table tr td .voucher_code .black_button {
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    background: #231f20;
    border-radius: 3px;
    text-decoration: none;
    padding: 3px 15px 4px;
    height: auto;
}
.shopping_table tr td .quantity {
    border: solid 1px #dddddd;
    height: 29px;
    display: inline-block;
    clear: both;
    overflow: hidden;
}
.shopping_table tr td .quantity .input {
    border: 0;
    box-shadow: none;
    width: 32px;
    padding: 0 2px;
    text-align: center;
    float: left;
}
.shopping_table tr td .quantity a {
    display: inline-block;
    width: 27px;
    line-height: 28px;
    float: left;
    text-indent: -9999px;
}
.shopping_table tr td .quantity .increase {
    background: url(../images/plus_icon.png) no-repeat center center #f7f7f7;
    border-right: solid 1px #dddddd;
}
.shopping_table tr td .quantity .decrease {
    background: url(../images/minus_icon.png) no-repeat center center #f7f7f7;
    border-left: solid 1px #dddddd;
}
.shopping_table tr.space {
    border: 0;
}
.shopping_table tr.space td {
    height: 4px;
    padding: 0;
    line-height: 4px;
}
.shopping_total {
    float: right;
    width: 338px;
    margin-bottom: 78px;
}
.shopping_total .row {
    font-size: 18px;
    color: #000000;
    /*font-family: 'Helvetica';*/
    padding: 15px;
}
.shopping_total .row .left {
    float: left;
    width: 50%;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.shopping_total .row .right {
    float: right;
    width: 50%;
    text-align: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: Arial, sans-serif;
}
.shopping_total .row.odd {
    background: #e2e2e2;
}
.shopping_total .row.even {
    background: #ffffff;
}
.shopping_total .row.total {
    border: solid 1px #dddddd;
    font-size: 24px;
    color: #000000;
}
/*.shoppingcart .buttonpart .black_button{ width:42%;}*/
.shoppingcart .registration .select {
    width: 260px;
    margin-left: 25px;
    color: #7f7f7f;
}
.shoppingcart .registration .other_delivery label {
    width: 155px;
    margin-top: 0;
    line-height: 17px;
}
.shoppingcart .registration .other_delivery input[type="checkbox"] {
    display: none;
}
/*.shoppingcart .registration .personal_info{ padding-bottom:0;}*/
.stepmenu {
    height: 40px;
    line-height: 40px;
    background: #999999;
    border-radius: 4px;
    margin-top: 20px;
    overflow: hidden;
}
.stepmenu li {
    display: inline-block;
    width: 25%;
    float: left;
    text-align: center;
    font-size: 24px;
    color: #d1d1d1;
    font-family: "helvetica_medium", Arial, sans-serif;
    background: url(../images/step_arrow.png) no-repeat top right;
}
.stepmenu li:last-child {
    background: none;
}
.stepmenu li.on {
    background: url(../images/step_arrow_on.png) no-repeat top right #e11f26;
}
.stepmenu li.on a {
    color: #ffffff !important;
}
.stepmenu li.active {
    background: url(../images/step_arrow_active.png) no-repeat top right #e11f26;
    color: #ffffff;
}
.stepmenu li:last-child.active {
    background: #e11f26;
}
.personal_info .left.card {
    position: relative;
    margin-top: -13px;
    text-align: center;
}
.terms_of_service {
    font-size: 14px;
    color: #000000;
    font-family: Arial, sans-serif;
}
.details_list li {
    float: left;
    width: 23%;
    margin-right: 2%;
}
.details_list li h3 {
    font-size: 14px;
    color: #000000;
    font-family: Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 5px;
}
.details_list li p {
    font-size: 14px;
    color: #7f7f7f;
    font-family: Arial, sans-serif;
}
.padding0 {
    padding: 0 !important;
}
.shoppingcart .confirm_order .buttonpart .black_button {
    padding: 9px 10%;
}
.multi_product_li {
    border: 1px solid #e3e3e3;
    display: table;
    height: 40px;
    position: relative;
    width: 44px;
    float: left;
}
.select {
    background: url("../images/select.png") no-repeat 98% center;
    position: absolute;
}
select.styled {
    margin-left: 25px;
    height: 27px;
}
select.reg_styled {
    opacity: 0;
    position: relative;
    width: 260px;
    z-index: 5;
    margin-left: 25px;
    height: 27px;
}
.float_inherit {
    float: inherit !important;
}
.width282 {
    width: 282px !important;
}
.width350 {
    width: 350px !important;
}
.width250 {
    width: 250px !important;
}
.input-disable {
    background-color: #efefef !important;
    color: gray;
}
/* footer links */
.footer .column2 .menu {
    padding-bottom: 12px;
}
.footer .column2 .menu li {
    margin-top: 13px;
}
.footer .column2 .menu a {
    font-family: "helvetica_medium", Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
}
/* My Voucher */
.myvoucher_div {
    background: white;
    width: 97%;
    height: 85px;
    padding: 10px;
    border-bottom: 1px solid #dddddd;
}
.myvoucher_first_div {
    background: white;
    width: 20%;
    text-align: center;
}
.myvoucher_image {
    padding: 10px;
    border: 2px solid #dddddd;
}
.myvoucher_center_div {
    background: white;
    width: 60%;
    vertical-align: center;
    font-size: 14px;
    padding: 5px;
    line-height: 22px;
}
.myvoucher_center_div h2 {
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 7px;
}
.myvoucher_last_div {
    background: white;
    width: 15%;
    vertical-align: center;
    text-align: right;
}
.redeem_button {
    background: #e1b400;
    color: #231f20;
    font-size: 14px;
    font-family: "helvetica_medium", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px 9px;
    margin: 24px 0px;
    border-radius: 4px;
    text-decoration: none;
}
.item-page {
    background: none repeat scroll 0 0 #ffffff;
    overflow: hidden;
    min-height: 300px;
}
.cwidth {
    width: 156px;
    padding: 5px;
    text-align: center;
}
.ctitle {
    font-weight: bold;
    text-decoration: none;
    color: red;
}
.ptitle {
    text-decoration: none;
    color: red;
}
.home_name {
    text-decoration: none;
    color: #636363;
}
a:hover.home_name {
    text-decoration: underline;
    color: #000;
}
.loading {
    /*background-color: #000;*/
    background: url("../images/loading.gif") no-repeat center center transparent;
    background-position: center center;
    background-repeat: no-repeat;
    /*opacity: .3;*/
    z-index: 9999999;
    top: 0;
    left: 0;
    widows: 100%;
    height: 425px;
    display: block;
    /*background-color: #ccc;*/
    /*background: transparent;*/ /*background-color: #fff;*/
    /*opacity: .9;*/
}
.loading * {
    /*background-color: #fff;*/
    /*opacity: .8;*/
}
.voucher_avail {
    background: url("../images/sale.png") no-repeat scroll left bottom
        rgba(0, 0, 0, 0);
}
.voucher_avail {
    display: inline-block;
    height: 18px;
    margin-right: 10px;
    vertical-align: middle;
    width: 30px;
}
.term_policyerror {
    border-color: red;
    border-radius: 3px;
    /*border-style:solid;*/
    border-width: 1px;
    color: red;
    width: 43% !important;
}
.contact {
    padding: 10px;
    background: none repeat scroll 0 0 #ffffff;
}
.active_link {
    color: #ffbcbf !important;
}
.title .responsive_menu {
    background-color: #e11f26;
    background-image: linear-gradient(to bottom, #e11f26, #d41d24);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset,
        0 1px 0 rgba(255, 255, 255, 0.075);
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 7px 10px;
    position: absolute;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    width: 40px;
    z-index: 5;
    left: 14px;
    margin-top: 15px;
}
.title .responsive_menu .icon-bar {
    background: #ffffff;
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    margin: 2px 0;
    width: 18px;
    position: relative;
    right: 0;
    top: 0;
}
/* added by hiten date 2-dec 2014 for jobzone/product page */
tree {
    float: left;
    min-width: 319px;
    border-right: 1px solid silver;
    overflow: auto;
    padding: 0px 0;
}
#data {
    margin-left: 320px;
}
#data textarea {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    border: 0;
    background: white;
    display: block;
    line-height: 18px;
    resize: none;
}
#data,
#code {
    font: normal normal normal 12px/18px "Consolas", monospace !important;
}
#tree .folder {
    background: url("./file_sprite.png") right bottom no-repeat;
}
#tree .file {
    background: url("./file_sprite.png") 0 0 no-repeat;
}
#tree .file-pdf {
    background-position: -32px 0;
}
#tree .file-as {
    background-position: -36px 0;
}
#tree .file-c {
    background-position: -72px -0px;
}
#tree .file-iso {
    background-position: -108px -0px;
}
#tree .file-htm,
#tree .file-html,
#tree .file-xml,
#tree .file-xsl {
    background-position: -126px -0px;
}
#tree .file-cf {
    background-position: -162px -0px;
}
#tree .file-cpp {
    background-position: -216px -0px;
}
#tree .file-cs {
    background-position: -236px -0px;
}
#tree .file-sql {
    background-position: -272px -0px;
}
#tree .file-xls,
#tree .file-xlsx {
    background-position: -362px -0px;
}
#tree .file-h {
    background-position: -488px -0px;
}
#tree .file-crt,
#tree .file-pem,
#tree .file-cer {
    background-position: -452px -18px;
}
#tree .file-php {
    background-position: -108px -18px;
}
#tree .file-jpg,
#tree .file-jpeg,
#tree .file-png,
#tree .file-gif,
#tree .file-bmp {
    background-position: -126px -18px;
}
#tree .file-ppt,
#tree .file-pptx {
    background-position: -144px -18px;
}
#tree .file-rb {
    background-position: -180px -18px;
}
#tree .file-text,
#tree .file-txt,
#tree .file-md,
#tree .file-log,
#tree .file-htaccess {
    background-position: -254px -18px;
}
#tree .file-doc,
#tree .file-docx {
    background-position: -362px -18px;
}
#tree .file-zip,
#tree .file-gz,
#tree .file-tar,
#tree .file-rar {
    background-position: -416px -18px;
}
#tree .file-js {
    background-position: -434px -18px;
}
#tree .file-css {
    background-position: -144px -0px;
}
#tree .file-fla {
    background-position: -398px -0px;
}
/*.jstree-themeicon { background-image: none !important; }*/
.jstree-container-ul {
    width: 100% !important;
    white-space: wrap;
}
.jstree-default a {
    white-space: normal !important;
    height: auto !important;
}
.jstree-themeicon {
    display: none !important;
}
.jstree-anchor {
    color: #000000;
    font-family: "Helvetica";
    font-size: 13px;
}
.jstree-default .jstree-disabled.jstree-clicked {
    background: none repeat scroll 0 0 #ffffff;
}
.height-150 {
    min-height: 150px;
}
.my_div {
    margin: 25px 2%;
    float: left;
    width: 45%;
}
.my_ul {
    width: 10px !important;
    overflow: hidden !important;
}
.my_font {
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    padding-top: 50px;
}
.my_image {
    width: 10px;
    padding: 0 10px;
}
.chart_image_icon {
    width: 10px;
    padding: 0 5px 3px;
    cursor: pointer !important;
}
.mar_l_20 {
    margin-left: 20px;
}
.risk_padding {
    padding: 10px 0px;
    /*overflow:hidden;*/
}
.add_report {
    float: right;
}
.risk_w100 {
    width: 100%;
}
.risk_w25 {
    width: 25%;
}
.risk_w35 {
    width: 35%;
}
.risk_w20 {
    width: 20%;
}
.risk_w15 {
    width: 15%;
}
.risk_w5 {
    width: 5%;
}
.upimgoverflow {
    overflow: hidden;
}
.margin_left25 {
    margin-left: 25px;
}
.voucher_table tr td {
    padding: 0px;
}
.shop_table {
    float: left;
    width: 63%;
}
.w-100 {
    width: 100%;
}
.w-93 {
    width: 93%;
}
.w-59 {
    width: 59%;
    float: left;
}
.textleft {
    text-align: left;
}
.div_voucher {
    float: right;
    margin: 0 10px;
}
.m-t100 {
    margin-top: 100px;
}
.m-t9 {
    margin-top: 9px;
}
.p-t40 {
    padding-top: 40px;
    padding-bottom: 0px;
}
padding-back {
    padding: 9px 35%;
}
.shoppingcart input.reg_styled {
    display: none;
}
.shoppingcart select.reg_styled {
    opacity: 0;
    position: relative;
    /* width: 260px;*/
    z-index: 5;
}
.shoppingcart .disabled {
    opacity: 0.5;
}
.div_method_padding.row {
    padding-left: 50px;
}
.div_method_padding.row .left {
    margin-bottom: 0;
    float: none;
    width: auto;
}
.div_method_padding label {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    line-height: 22px;
    width: auto;
    margin-left: 25px;
}
.div_method_padding .checkbox {
    margin-top: 0;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
}
.m-t15 {
    margin-top: 15px;
}
.m-t5 {
    margin-top: 15px;
}
.contact h2 {
    border-bottom: 1px solid #bbbbbb;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    padding-bottom: 15px;
    position: relative;
}
.contact h3 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 20px;
}
.contact dl {
    color: #000000;
    font-size: 14px;
    line-height: 24px;
}
.contact dl dt {
    float: left;
    width: 110px;
    font-weight: bold;
}
.contact dl dd {
    margin-left: 110px;
}
.contact .control-label {
    display: inline-block;
    width: 110px;
    vertical-align: top;
    padding-top: 7px;
}
.contact .controls {
    display: inline-block;
}
.contact legend {
    margin-bottom: 10px;
}
.contact .control-group {
    margin-bottom: 10px;
}
.contact .textarea {
    height: 120px;
}
.contact .input {
    width: 400px;
}
.contact .control-label label {
    color: #000000;
}
.contact .control-label .star {
    color: #ff0000;
}
.contact .buttonpart {
    text-align: left;
    margin-left: 100px;
}
.state_div {
    display: inline-block;
}
.state_div .statebox {
    width: 178px;
}
.state_div .zipbox {
    width: 68px;
    margin-left: 10px;
}
.logo_div {
    display: inline-block;
}
.logo_div .logo_class {
    width: 364px;
    padding: 0;
}
.company_info label.allowed_type {
    width: 292px;
}
.jshop {
    overflow: hidden;
    padding-top: 10px;
}
.wordbreak {
    word-break: break-all;
}
#product_base .mCSB_container {
    display: table;
    table-layout: fixed;
    width: 94%;
    overflow: visible;
}
#product_base .tree_view {
    display: table-cell;
}
.texdecor {
    text-decoration: none;
}
.texdecor:hover {
    text-decoration: underline;
}
.single_show .payrollsignwidth {
    width: 70px;
}
.appreportmenupadding {
    margin-top: 9px;
    position: relative;
    z-index: 50;
}
.nounderline {
    text-decoration: none !important;
}
.equipmentReports {
    font-weight: bold;
}
.headerbutton {
    position: relative;
    z-index: 5;
}
.submenu_points {
    background-color: #e11f26;
    background-image: linear-gradient(to bottom, #e11f26, #d41d24);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset,
        0 1px 0 rgba(255, 255, 255, 0.075);
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 7px 10px;
    position: absolute;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    width: 40px;
    z-index: 5;
    right: 25px;
    top: -48px;
}
.submenu_points .icon-bar {
    background: #ffffff;
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    margin: 2px 0;
    width: 18px;
    position: relative;
    right: 0;
    top: 0;
}
.submenu,
.subsubmenu {
    position: absolute;
    left: 100%;
    top: 50%;
    /*bottom: 0;*/
    /*bottom: -52px;*/
    border: solid 1px #7c8088;
    z-index: 9999;
    border-left: 0;
    box-shadow: 5px 1px 10px #000;
    border-radius: 0 5px 5px 0;
    /*overflow: hidden;*/
}
.submenu {
    transform: translateY(-50%);
}
.submenu .subsubmenu {
    bottom: 0;
    top: inherit;
}
.submenu li {
    width: auto;
    border-bottom: 0;
    border-top: solid 1px #7c8088;
    border-left: 0;
}
.leftmenu li .submenu li a,
.leftmenu li:hover .submenu li a {
    background: url(../images/report_icon.png) no-repeat 16px 9px #ffffff;
    background-size: 16px;
    color: #000000;
    padding: 4px 20px 4px 40px;
    font-size: 15px;
    line-height: 25px;
}
.submenu li a {
    padding: 8px 10px;
    display: block;
    background: #7c8088;
    color: #de1e25;
    white-space: nowrap;
    text-indent: 0;
    min-height: inherit;
}
.submenu li:first-child {
    border: 0;
}
.leftmenu li .submenu li a:hover,
.leftmenu li .submenu li a.reportmenuactive {
    background: url(../images/report_active.png) no-repeat 16px 9px #de1e25;
    background-size: 16px;
    text-decoration: none;
    color: #ffffff;
}
.leftbar.openweb li .submenu li,
.leftbar.open li .submenu li {
    width: auto;
}
.leftbar.openweb li .submenu li a,
.leftbar.open li .submenu li a {
    text-indent: 0;
}
.month_ul li {
    width: 23%;
    padding: 1%;
    float: left;
}
.subsubmenu {
    display: none;
}
.leftmenu li .submenu li:hover > a {
    background: url(../images/report_active.png) no-repeat 16px 9px #de1e25;
    background-size: 16px;
    color: #ffffff;
}
/**** Custom css *********/
.personal_info .remove_image {
    margin: 3% 0 0 2%;
    cursor: pointer;
}
.personal_info .profile_image {
    margin: 2% 0 3% 0%;
    cursor: pointer;
}
/**** End Custom css *****/
table.dataTable tr.child ul li span.dtr-data {
    white-space: normal;
}
/*============== theme font icon Css ==============*/
@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.woff2) format("woff2"),
        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");
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class*=" font-icon-"]:before,
[class^="font-icon-"]:before,
[data-icon]:before {
    font-family: startui !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: inherit;
    top: -0.15em;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: relative;
    vertical-align: middle;
}
.glyphicon-asterisk:before {
    content: "\002a";
}
.glyphicon-plus:before {
    content: "\002b";
}
.glyphicon-eur:before,
.glyphicon-euro:before {
    content: "\20ac";
}
.glyphicon-minus:before {
    content: "\2212";
}
.glyphicon-cloud:before {
    content: "\2601";
}
.glyphicon-envelope:before {
    content: "\2709";
}
.glyphicon-pencil:before {
    content: "\270f";
}
.glyphicon-glass:before {
    content: "\e001";
}
.glyphicon-music:before {
    content: "\e002";
}
.glyphicon-search:before {
    content: "\e003";
}
.glyphicon-heart:before {
    content: "\e005";
}
.glyphicon-star:before {
    content: "\e006";
}
.glyphicon-star-empty:before {
    content: "\e007";
}
.glyphicon-user:before {
    content: "\e008";
}
.glyphicon-film:before {
    content: "\e009";
}
.glyphicon-th-large:before {
    content: "\e010";
}
.glyphicon-th:before {
    content: "\e011";
}
.glyphicon-th-list:before {
    content: "\e012";
}
.glyphicon-ok:before {
    content: "\e013";
}
.glyphicon-remove:before {
    content: "\e014";
}
.glyphicon-zoom-in:before {
    content: "\e015";
}
.glyphicon-zoom-out:before {
    content: "\e016";
}
.glyphicon-off:before {
    content: "\e017";
}
.glyphicon-signal:before {
    content: "\e018";
}
.glyphicon-cog:before {
    content: "\e019";
}
.glyphicon-trash:before {
    content: "\e020";
}
.glyphicon-home:before {
    content: "\e021";
}
.glyphicon-file:before {
    content: "\e022";
}
.glyphicon-time:before {
    content: "\e023";
}
.glyphicon-road:before {
    content: "\e024";
}
.glyphicon-download-alt:before {
    content: "\e025";
}
.glyphicon-download:before {
    content: "\e026";
}
.glyphicon-upload:before {
    content: "\e027";
}
.glyphicon-inbox:before {
    content: "\e028";
}
.glyphicon-play-circle:before {
    content: "\e029";
}
.glyphicon-repeat:before {
    content: "\e030";
}
.glyphicon-refresh:before {
    content: "\e031";
}
.glyphicon-list-alt:before {
    content: "\e032";
}
.glyphicon-lock:before {
    content: "\e033";
}
.glyphicon-flag:before {
    content: "\e034";
}
.glyphicon-headphones:before {
    content: "\e035";
}
.glyphicon-volume-off:before {
    content: "\e036";
}
.glyphicon-volume-down:before {
    content: "\e037";
}
.glyphicon-volume-up:before {
    content: "\e038";
}
.glyphicon-qrcode:before {
    content: "\e039";
}
.glyphicon-barcode:before {
    content: "\e040";
}
.glyphicon-tag:before {
    content: "\e041";
}
.glyphicon-tags:before {
    content: "\e042";
}
.glyphicon-book:before {
    content: "\e043";
}
.glyphicon-bookmark:before {
    content: "\e044";
}
.glyphicon-print:before {
    content: "\e045";
}
.glyphicon-camera:before {
    content: "\e046";
}
.glyphicon-font:before {
    content: "\e047";
}
.glyphicon-bold:before {
    content: "\e048";
}
.glyphicon-italic:before {
    content: "\e049";
}
.glyphicon-text-height:before {
    content: "\e050";
}
.glyphicon-text-width:before {
    content: "\e051";
}
.glyphicon-align-left:before {
    content: "\e052";
}
.glyphicon-align-center:before {
    content: "\e053";
}
.glyphicon-align-right:before {
    content: "\e054";
}
.glyphicon-align-justify:before {
    content: "\e055";
}
.glyphicon-list:before {
    content: "\e056";
}
.glyphicon-indent-left:before {
    content: "\e057";
}
.glyphicon-indent-right:before {
    content: "\e058";
}
.glyphicon-facetime-video:before {
    content: "\e059";
}
.glyphicon-picture:before {
    content: "\e060";
}
.glyphicon-map-marker:before {
    content: "\e062";
}
.glyphicon-adjust:before {
    content: "\e063";
}
.glyphicon-tint:before {
    content: "\e064";
}
.glyphicon-edit:before {
    content: "\e065";
}
.glyphicon-share:before {
    content: "\e066";
}
.glyphicon-check:before {
    content: "\e067";
}
.glyphicon-move:before {
    content: "\e068";
}
.glyphicon-step-backward:before {
    content: "\e069";
}
.glyphicon-fast-backward:before {
    content: "\e070";
}
.glyphicon-backward:before {
    content: "\e071";
}
.glyphicon-play:before {
    content: "\e072";
}
.glyphicon-pause:before {
    content: "\e073";
}
.glyphicon-stop:before {
    content: "\e074";
}
.glyphicon-forward:before {
    content: "\e075";
}
.glyphicon-fast-forward:before {
    content: "\e076";
}
.glyphicon-step-forward:before {
    content: "\e077";
}
.glyphicon-eject:before {
    content: "\e078";
}
.glyphicon-chevron-left:before {
    content: "\e079";
}
.glyphicon-chevron-right:before {
    content: "\e080";
}
.glyphicon-plus-sign:before {
    content: "\e081";
}
.glyphicon-minus-sign:before {
    content: "\e082";
}
.glyphicon-remove-sign:before {
    content: "\e083";
}
.glyphicon-ok-sign:before {
    content: "\e084";
}
.glyphicon-question-sign:before {
    content: "\e085";
}
.glyphicon-info-sign:before {
    content: "\e086";
}
.glyphicon-screenshot:before {
    content: "\e087";
}
.glyphicon-remove-circle:before {
    content: "\e088";
}
.glyphicon-ok-circle:before {
    content: "\e089";
}
.glyphicon-ban-circle:before {
    content: "\e090";
}
.glyphicon-arrow-left:before {
    content: "\e091";
}
.glyphicon-arrow-right:before {
    content: "\e092";
}
.glyphicon-arrow-up:before {
    content: "\e093";
}
.glyphicon-arrow-down:before {
    content: "\e094";
}
.glyphicon-share-alt:before {
    content: "\e095";
}
.glyphicon-resize-full:before {
    content: "\e096";
}
.glyphicon-resize-small:before {
    content: "\e097";
}
.glyphicon-exclamation-sign:before {
    content: "\e101";
}
.glyphicon-gift:before {
    content: "\e102";
}
.glyphicon-leaf:before {
    content: "\e103";
}
.glyphicon-fire:before {
    content: "\e104";
}
.glyphicon-eye-open:before {
    content: "\e105";
}
.glyphicon-eye-close:before {
    content: "\e106";
}
.glyphicon-warning-sign:before {
    content: "\e107";
}
.glyphicon-plane:before {
    content: "\e108";
}
.glyphicon-calendar:before {
    content: "\e109";
}
.glyphicon-random:before {
    content: "\e110";
}
.glyphicon-comment:before {
    content: "\e111";
}
.glyphicon-magnet:before {
    content: "\e112";
}
.glyphicon-chevron-up:before {
    content: "\e113";
}
.glyphicon-chevron-down:before {
    content: "\e114";
}
.glyphicon-retweet:before {
    content: "\e115";
}
.glyphicon-shopping-cart:before {
    content: "\e116";
}
.glyphicon-folder-close:before {
    content: "\e117";
}
.glyphicon-folder-open:before {
    content: "\e118";
}
.glyphicon-resize-vertical:before {
    content: "\e119";
}
.glyphicon-resize-horizontal:before {
    content: "\e120";
}
.glyphicon-hdd:before {
    content: "\e121";
}
.glyphicon-bullhorn:before {
    content: "\e122";
}
.glyphicon-bell:before {
    content: "\e123";
}
.glyphicon-certificate:before {
    content: "\e124";
}
.glyphicon-thumbs-up:before {
    content: "\e125";
}
.glyphicon-thumbs-down:before {
    content: "\e126";
}
.glyphicon-hand-right:before {
    content: "\e127";
}
.glyphicon-hand-left:before {
    content: "\e128";
}
.glyphicon-hand-up:before {
    content: "\e129";
}
.glyphicon-hand-down:before {
    content: "\e130";
}
.glyphicon-circle-arrow-right:before {
    content: "\e131";
}
.glyphicon-circle-arrow-left:before {
    content: "\e132";
}
.glyphicon-circle-arrow-up:before {
    content: "\e133";
}
.glyphicon-circle-arrow-down:before {
    content: "\e134";
}
.glyphicon-globe:before {
    content: "\e135";
}
.glyphicon-wrench:before {
    content: "\e136";
}
.glyphicon-tasks:before {
    content: "\e137";
}
.glyphicon-filter:before {
    content: "\e138";
}
.glyphicon-briefcase:before {
    content: "\e139";
}
.glyphicon-fullscreen:before {
    content: "\e140";
}
.glyphicon-dashboard:before {
    content: "\e141";
}
.glyphicon-paperclip:before {
    content: "\e142";
}
.glyphicon-heart-empty:before {
    content: "\e143";
}
.glyphicon-link:before {
    content: "\e144";
}
.glyphicon-phone:before {
    content: "\e145";
}
.glyphicon-pushpin:before {
    content: "\e146";
}
.glyphicon-usd:before {
    content: "\e148";
}
.glyphicon-gbp:before {
    content: "\e149";
}
.glyphicon-sort:before {
    content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}
.glyphicon-sort-by-order:before {
    content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}
.glyphicon-sort-by-attributes:before {
    content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}
.glyphicon-unchecked:before {
    content: "\e157";
}
.glyphicon-expand:before {
    content: "\e158";
}
.glyphicon-collapse-down:before {
    content: "\e159";
}
.glyphicon-collapse-up:before {
    content: "\e160";
}
.glyphicon-log-in:before {
    content: "\e161";
}
.glyphicon-flash:before {
    content: "\e162";
}
.glyphicon-log-out:before {
    content: "\e163";
}
.glyphicon-new-window:before {
    content: "\e164";
}
.glyphicon-record:before {
    content: "\e165";
}
.glyphicon-save:before {
    content: "\e166";
}
.glyphicon-open:before {
    content: "\e167";
}
.glyphicon-saved:before {
    content: "\e168";
}
.glyphicon-import:before {
    content: "\e169";
}
.glyphicon-export:before {
    content: "\e170";
}
.glyphicon-send:before {
    content: "\e171";
}
.glyphicon-floppy-disk:before {
    content: "\e172";
}
.glyphicon-floppy-saved:before {
    content: "\e173";
}
.glyphicon-floppy-remove:before {
    content: "\e174";
}
.glyphicon-floppy-save:before {
    content: "\e175";
}
.glyphicon-floppy-open:before {
    content: "\e176";
}
.glyphicon-credit-card:before {
    content: "\e177";
}
.glyphicon-transfer:before {
    content: "\e178";
}
.glyphicon-cutlery:before {
    content: "\e179";
}
.glyphicon-header:before {
    content: "\e180";
}
.glyphicon-compressed:before {
    content: "\e181";
}
.glyphicon-earphone:before {
    content: "\e182";
}
.glyphicon-phone-alt:before {
    content: "\e183";
}
.glyphicon-tower:before {
    content: "\e184";
}
.glyphicon-stats:before {
    content: "\e185";
}
.glyphicon-sd-video:before {
    content: "\e186";
}
.glyphicon-hd-video:before {
    content: "\e187";
}
.glyphicon-subtitles:before {
    content: "\e188";
}
.glyphicon-sound-stereo:before {
    content: "\e189";
}
.glyphicon-sound-dolby:before {
    content: "\e190";
}
.glyphicon-sound-5-1:before {
    content: "\e191";
}
.glyphicon-sound-6-1:before {
    content: "\e192";
}
.glyphicon-sound-7-1:before {
    content: "\e193";
}
.glyphicon-copyright-mark:before {
    content: "\e194";
}
.glyphicon-registration-mark:before {
    content: "\e195";
}
.glyphicon-cloud-download:before {
    content: "\e197";
}
.glyphicon-cloud-upload:before {
    content: "\e198";
}
.glyphicon-tree-conifer:before {
    content: "\e199";
}
.glyphicon-tree-deciduous:before {
    content: "\e200";
}
.glyphicon-cd:before {
    content: "\e201";
}
.glyphicon-save-file:before {
    content: "\e202";
}
.glyphicon-open-file:before {
    content: "\e203";
}
.glyphicon-level-up:before {
    content: "\e204";
}
.glyphicon-copy:before {
    content: "\e205";
}
.glyphicon-paste:before {
    content: "\e206";
}
.glyphicon-alert:before {
    content: "\e209";
}
.glyphicon-equalizer:before {
    content: "\e210";
}
.glyphicon-king:before {
    content: "\e211";
}
.glyphicon-queen:before {
    content: "\e212";
}
.glyphicon-pawn:before {
    content: "\e213";
}
.glyphicon-bishop:before {
    content: "\e214";
}
.glyphicon-knight:before {
    content: "\e215";
}
.glyphicon-baby-formula:before {
    content: "\e216";
}
.glyphicon-tent:before {
    content: "\26fa";
}
.glyphicon-blackboard:before {
    content: "\e218";
}
.glyphicon-bed:before {
    content: "\e219";
}
.glyphicon-apple:before {
    content: "\f8ff";
}
.glyphicon-erase:before {
    content: "\e221";
}
.glyphicon-hourglass:before {
    content: "\231b";
}
.glyphicon-lamp:before {
    content: "\e223";
}
.glyphicon-duplicate:before {
    content: "\e224";
}
.glyphicon-piggy-bank:before {
    content: "\e225";
}
.glyphicon-scissors:before {
    content: "\e226";
}
.glyphicon-bitcoin:before,
.glyphicon-btc:before,
.glyphicon-xbt:before {
    content: "\e227";
}
.glyphicon-jpy:before,
.glyphicon-yen:before {
    content: "\00a5";
}
.glyphicon-rub:before,
.glyphicon-ruble:before {
    content: "\20bd";
}
.glyphicon-scale:before {
    content: "\e230";
}
.glyphicon-ice-lolly:before {
    content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}
.glyphicon-education:before {
    content: "\e233";
}
.glyphicon-option-horizontal:before {
    content: "\e234";
}
.glyphicon-option-vertical:before {
    content: "\e235";
}
.glyphicon-menu-hamburger:before {
    content: "\e236";
}
.glyphicon-modal-window:before {
    content: "\e237";
}
.glyphicon-oil:before {
    content: "\e238";
}
.glyphicon-grain:before {
    content: "\e239";
}
.glyphicon-sunglasses:before {
    content: "\e240";
}
.glyphicon-text-size:before {
    content: "\e241";
}
.glyphicon-text-color:before {
    content: "\e242";
}
.glyphicon-text-background:before {
    content: "\e243";
}
.glyphicon-object-align-top:before {
    content: "\e244";
}
.glyphicon-object-align-bottom:before {
    content: "\e245";
}
.glyphicon-object-align-horizontal:before {
    content: "\e246";
}
.glyphicon-object-align-left:before {
    content: "\e247";
}
.glyphicon-object-align-vertical:before {
    content: "\e248";
}
.glyphicon-object-align-right:before {
    content: "\e249";
}
.glyphicon-triangle-right:before {
    content: "\e250";
}
.glyphicon-triangle-left:before {
    content: "\e251";
}
.glyphicon-triangle-bottom:before {
    content: "\e252";
}
.glyphicon-triangle-top:before {
    content: "\e253";
}
.glyphicon-console:before {
    content: "\e254";
}
.glyphicon-superscript:before {
    content: "\e255";
}
.glyphicon-subscript:before {
    content: "\e256";
}
.glyphicon-menu-left:before {
    content: "\e257";
}
.glyphicon-menu-right:before {
    content: "\e258";
}
.glyphicon-menu-down:before {
    content: "\e259";
}
.glyphicon-menu-up:before {
    content: "\e260";
}
/**** New Design css *********/
.m-t-0 {
    margin-top: 0;
}
.text-right {
    text-align: right;
}
.has-error {
    color: #e11f26;
}
table.dataTable {
    border-collapse: collapse !important;
}
div.dataTables_wrapper div.dataTables_length select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a8acad;
    border-radius: 0;
    box-shadow: 0 2px 5px #e3e3e3 inset;
    padding: 4px 8px;
}
.col-sm-5 {
    float: left;
    width: 41.6667%;
}
.col-sm-7 {
    float: left;
    width: 58.3333%;
}
.page-error-box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8e2e7;
    border-radius: 5px;
    color: #919fa9;
    line-height: 1;
    margin: 60px auto 0;
    max-width: 475px;
    padding: 50px 30px 55px;
    text-align: center;
    width: 100%;
}
.page-error-box1 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d8e2e7;
    border-radius: 5px;
    color: #919fa9;
    line-height: 1;

    max-width: 475px;
    padding: 50px 30px 55px;
    text-align: center;
}
.page-error-box .error-code {
    font-size: 9.375rem;
    font-weight: 600;
}
.page-error-box .error-title {
    font-size: 2.25rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
}
.dt-bootstrap .pagination .paginate_button,
audio,
canvas,
video {
    display: inline-block;
}
.dt-bootstrap .pagination .paginate_button a {
    border: 1px solid #e0e0e0;
    border-right: none;
    color: #000000;
    display: inline-block;
    padding: 0.275rem 0.75rem;
    /*font-size: .875rem;*/
    text-decoration: none;
    line-height: 1.5;
}
.dt-bootstrap .pagination .paginate_button.disabled a {
    opacity: 0.8;
}
.dt-bootstrap .pagination .paginate_button.active a {
    color: #fff;
    border-color: #e11f26 !important;
    background-color: #e11f26 !important;
}
.dt-bootstrap .pagination .paginate_button:first-child a {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.dt-bootstrap .pagination .paginate_button:last-child a {
    border-right: 1px solid #d8e2e7;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    color: #373a3c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}
.dropdown-menu {
    border-color: #d8e2e7;
    margin-top: 6px;
    font-size: 0.8125rem;
}
.daterangepicker,
.daterangepicker .calendar-table {
    padding: 4px;
    -webkit-border-radius: 4px;
    background: #fff;
}
.daterangepicker {
    position: absolute;
    color: inherit;
    border-radius: 4px;
    width: 278px;
    margin-top: 1px;
    top: 100px;
    left: 20px;
}
.daterangepicker:after,
.daterangepicker:before {
    position: absolute;
    display: inline-block;
    content: "";
}
.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #d8e2e7;
}
.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
    right: 9px;
}
.daterangepicker.opensleft:after {
    right: 10px;
}
.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}
.daterangepicker.opensright:before {
    left: 9px;
}
.daterangepicker.opensright:after {
    left: 10px;
}
.daterangepicker.dropup {
    margin-top: -5px;
}
.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #d8e2e7;
}
.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}
.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001;
}
.daterangepicker.show-calendar .calendar {
    display: block;
}
.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px;
}
.daterangepicker .calendar.single .calendar-table {
    border: none;
}
.daterangepicker .calendar td,
.daterangepicker .calendar th {
    white-space: nowrap;
    text-align: center;
    width: 32px;
    height: 28px;
    line-height: 28px;
}
.daterangepicker .calendar-table {
    border-radius: 4px;
}
.daterangepicker table {
    width: 100%;
    margin: 0;
}
.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    color: #01a6ff;
}
.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 0.8125rem;
    color: #8d99a9;
}
.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #8d99a9;
}
.daterangepicker td.in-range {
    background-color: #e5f6fe;
    border-color: transparent;
    color: #000;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.daterangepicker td.start-date {
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #01a6ff;
    border-color: transparent;
    color: #fff;
}
.daterangepicker th.month {
    width: auto;
}
.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 1rem;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}
.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}
.daterangepicker select.yearselect {
    width: 40%;
}
.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    width: 50px;
    margin-bottom: 0;
}
.daterangepicker .input-mini {
    border: 1px solid #d8e2e7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #0a0a0a;
    display: block;
    margin: 0 0 5px;
    padding: 0.395rem 15px 0.355rem 30px;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
}
.daterangepicker .input-mini.active {
    border: 1px solid #d8e2e7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.daterangepicker .daterangepicker_input {
    position: relative;
}
.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px;
}
.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px;
}
.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em;
}
.equipment-inputbox .form-control {
    background: #ffffff;
    padding: 4px 8px;
    border: 0;
    line-height: 18px;
    font-size: 14px;
    color: #000000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 28px;
    border: solid 1px #a8acad;
    box-shadow: inset 0 2px 5px #e3e3e3;
}
.mt0 {
    margin-top: 0;
}
@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}
.bootstrap-datetimepicker-widget.dropdown-menu:after,
.bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: "";
    position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: auto;
    line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 1.5;
    height: 1.5em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
}
.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    -webkit-border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table td {
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
    font-size: 0.8em;
    height: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 20px;
    color: #777;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eee;
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td.old {
    color: #777;
}
.bootstrap-datetimepicker-widget table td.today {
    position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
    content: "";
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    margin: 2px 1.5px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
    background: #eee;
}
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
    color: #777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}
/*CSS Loading - Start*/
.loader_container {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    font-family: Helvetica;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
}
.custom_container {
    background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    font-family: Helvetica;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
}

.loader {
    height: 20px;
    width: 250px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.loader--dot {
    animation-name: loader;
    animation-timing-function: ease-in-out;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: black;
    position: absolute;
    border: 2px solid white;
}
.loader--dot:first-child {
    background-color: #8cc759;
    animation-delay: 0.5s;
}
.loader--dot:nth-child(2) {
    background-color: #8c6daf;
    animation-delay: 0.4s;
}
.loader--dot:nth-child(3) {
    background-color: #ef5d74;
    animation-delay: 0.3s;
}
.loader--dot:nth-child(4) {
    background-color: #f9a74b;
    animation-delay: 0.2s;
}
.loader--dot:nth-child(5) {
    background-color: #60beeb;
    animation-delay: 0.1s;
}
.loader--dot:nth-child(6) {
    background-color: #fbef5a;
    animation-delay: 0s;
}
.loader--text {
    position: absolute;
    top: 200%;
    left: 0;
    right: 0;
    width: 4rem;
    margin: auto;
}
.loader--text:after {
    content: "Loading";
    font-weight: bold;
    animation-name: loading-text;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes loader {
    15% {
        transform: translateX(0);
    }
    45% {
        transform: translateX(230px);
    }
    65% {
        transform: translateX(230px);
    }
    95% {
        transform: translateX(0);
    }
}
@keyframes loading-text {
    0% {
        content: "Loading";
    }
    25% {
        content: "Loading.";
    }
    50% {
        content: "Loading..";
    }
    75% {
        content: "Loading...";
    }
}
.no-top-margin {
    margin-top: 0px !important;
}
.export_btn_bottom_margin {
    margin-bottom: 13px !important;
}
/*CSS Loading - END*/
/*for payroll report*/
.main_table a.exportOrderItemid {
    background: #231f20;
    color: #ffffff;
    font-family: "helvetica_medium", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px;
    text-decoration: none;
    vertical-align: middle;
    padding: 9px 4%;
    font-size: 15px;
    margin: 0 5px;
}
.main_table a.exportOrderItemid:hover {
    background: #e11f26;
}
.disposal {
    color: #cccc00;
}
.lost {
    color: red;
}
.defect {
    color: blue;
}
.selected {
    border: red;
}
.returned {
    color: green;
}
.set_pading {
    padding-bottom: 10px;
}
table.dataTable.dtr-inline.collapsed
    > tbody
    > tr.parent
    > td:first-child:before,
table.dataTable.dtr-inline.collapsed
    > tbody
    > tr.parent
    > th:first-child:before {
    background-color: #c8c8c8;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background-color: gray;
}
/*End payroll report*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#myModal,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}
#cboxWrapper {
    max-width: none;
}
.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-bottom: 100px;
}
.modal-dialog {
    align-items: center;
    display: flex;
    height: 100%;
    vertical-align: middle;
}
#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}
#cboxContent {
    position: relative;
}
#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#cboxTitle {
    margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}
.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic; /* hiten date 1 july 2015*/
    width: auto !important;
}
.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
.modal {
    background: url(../images/overlay.png) repeat 0 0;
}
#colorbox {
    outline: 0;
}
#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(../images/controls.png) no-repeat -101px 0;
}
#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(../images/controls.png) no-repeat -130px 0;
}
#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(../images/controls.png) no-repeat -101px -29px;
}
#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(../images/controls.png) no-repeat -130px -29px;
}
#cboxMiddleLeft {
    width: 21px;
    background: url(../images/controls.png) left top repeat-y;
}
#cboxMiddleRight {
    width: 21px;
    background: url(../images/controls.png) right top repeat-y;
}
#cboxTopCenter {
    height: 21px;
    background: url(../images/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
    height: 21px;
    background: url(../images/border.png) 0 -29px repeat-x;
}
#cboxContent {
    background: #fff;
    overflow: hidden;
}
.cboxIframe {
    background: #fff;
}
#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}
#cboxLoadedContent {
    margin-bottom: 28px;
}
#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 95%;
    color: #949494;
}
#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}
#cboxLoadingOverlay {
    background: url(../images/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
    background: url(../images/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0;
}
#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}
#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxPrevious:hover {
    background-position: -75px -25px;
}
#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(../images/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxNext:hover {
    background-position: -50px -25px;
}
#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../images/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}
#cboxClose:hover {
    background-position: -25px -25px;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
.product_image {
    float: left;
    text-align: center;
}
.product_main_div {
    float: left;
    width: 80%;
    padding: 5px 0px 5px 10px;
}
.category_div {
    overflow: hidden;
    word-wrap: break-word;
    float: left;
    width: 100%;
    font-size: 12px;
    color: green;
    font-weight: bold;
}
.product_title_div {
    text-transform: capitalize;
}
.margin-bottom-report {
    margin-bottom: 3px;
    width: 100%;
}
.margin-left5 {
    margin: 0px 10px 0 4px;
    float: left;
}
.report_barcode {
    float: left;
    width: 50%;
}
.report_department {
    float: left;
    width: 50%;
}
.float_l {
    float: left;
}
.icon_display_text {
    margin-top: 1px;
    margin-left: 7px;
    overflow: hidden;
    word-wrap: break-word;
    width: 100%;
    color: #72777d;
    font-style: italic;
}
.w80 {
    width: 80%;
}
.w10 {
    width: 10%;
}
.selectwidth {
    width: 188px !important;
    height: 30px !important;
}
.ng2-auto-complete ng2-auto-complete {
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
}
.fulltable-popup {
    width: 100%;
}
.modal-html-content {
    position: relative !important; /*max-height: 100%;*/
    height: 100% !important;
}
.modal-html-content {
    z-index: 50;
    border: 10px solid black;
    border-radius: 15px;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    /*overflow: hidden;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    width: 60%;
    padding-bottom: 12px;
}
.modal-html-content .modal-body {
    height: 92%;
    overflow-y: auto;
}
.modal-html-content .modal-header {
    margin: 20px 0;
}
.modal-html-content .modal-footer {
    margin: 10px 0;
}
/*a.boxclose {
    float: right;
    cursor: pointer;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;   margin-right: -18px;
    margin-top: -5px;
}*/
a.boxclose {
    border: 1px solid #e11f26;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 31px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin-right: -8px;
    margin-top: -15px;
    padding-left: 4px;
    width: 22px;
}
a.boxclose:hover {
    border: 1px solid #838890;
}
.boxclose:before {
    content: "×";
}
.cust-multiselect {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
}
#multi-data {
    left: 0;
    position: absolute;
    top: 27px;
    width: 100%;
}
.input-group-addon {
    display: inline-block;
}
.custom-list-box input {
    display: inline-block !important;
}
.cust-multiselect .input {
    width: 100%;
}
.modal {
    display: none;
    position: fixed !important;
    z-index: 50;
    padding: 5%;
    left: 0;
    top: 0;
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: 100%;
    height: 100%;
    overflow: auto;
    /*background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8);*/
}
/* Modal Content */
.modal-content {
    z-index: 50;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    width: 80%;
    max-width: 400px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}
@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}
/* The Close Button */
.close {
    color: black;
    float: right;
    margin-right: -5px;
    margin-top: 8px;
    opacity: 1;
    background: none;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal-header {
    padding: 2px 16px;
    background-color: #fefefe;
    color: white;
}
.modal-body {
    padding: 2px 16px;
}
.modal-footer {
    padding: 2px 16px;
    background-color: #fefefe;
    color: white;
}
.childmodal-html-content {
    position: relative !important;
    height: 80% !important;
}
/*.childmodal-html-content { height:100% !important;}*/
.childmodal-html-content {
    z-index: 50;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    width: 60%;
    padding-bottom: 32px;
}
/*.childmodal-html-content{
    width: 100%; 
}*/
.childmodal-html-content .modal-body {
    height: 500px;
    overflow-y: auto;
}
.childmodal-html-content .modal-header {
    margin: 20px 0;
}
.childmodal-html-content .modal-footer {
    margin: 10px 0;
}
.childmodal-dialog {
    align-items: center;
    display: flex;
    height: 100%;
    vertical-align: middle;
}
.childmodal {
    display: none;
    position: fixed;
    z-index: 50;
    /*padding-top: 175px;*/
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    /*background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8);*/
}
/*.childmodal {left: 0px; width: 100%;}*/
/* childModal Content */
.childmodal-content {
    z-index: 50;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    width: 80%;
    max-width: 400px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}
@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}
/*a.childboxclose {
    float: right;
    cursor: pointer;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;  margin-right: -18px;
}*/
a.childboxclose {
    border: 1px solid #e11f26;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 31px;
    font-weight: bold;
    height: 25px;
    line-height: 26px;
    margin-right: -10px;
    margin-top: -13px;
    padding-left: 4px;
    width: 22px;
}
a.childboxclose:hover {
    border: solid 1px #838890;
}
.childboxclose:before {
    content: "×";
}
/* The Close Button */
.childclose {
    color: black;
    float: right;
    margin-right: -5px;
    margin-top: 8px;
    opacity: 1;
    background: none;
    font-size: 28px;
    font-weight: bold;
}
.childclose:hover,
.childclose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.childmodal-header {
    padding: 14px 16px;
    margin: 10px 0;
    background-color: #fefefe;
    color: white;
}
/*.childmodal-header {       padding: 33px 26px;}*/
.childmodal-body {
    padding: 2px 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 94%;
}
.childmodal-footer {
    padding: 2px 16px;
    background-color: #fefefe;
    color: white;
}
.msg-padding {
    padding-left: 159px;
}
.multiselect_position {
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 27px;
}
input[type="text"]:disabled,
input[type="text"]:read-only {
    background-color: #dddddd;
}
select:disabled,
select[readonly] {
    background-color: #dddddd;
}
button:disabled,
button[disabled] {
    /*border: 1px solid #999999 !important;*/
    /*background-color: #cccccc !important;*/
    /*color: #666666 !important;*/
    cursor: not-allowed;
}
.center-chart-conatiner {
    display: table;
    margin: auto;
}
.center-chart-conatiner-display-block {
    display: table;
    margin: auto;
}
.center-chart-conatiner-display-none {
    display: none;
    margin: auto;
}
circle,
path {
    cursor: pointer;
}
circle {
    fill: none;
    pointer-events: all;
}
/*#tooltip { background-color: #040404;
        padding: 3px 5px;
        border: 1px solid #fff;
        text-align: center;
    }*/
#tooltip {
    background: #040404;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    opacity: 0.7;
    padding: 3px 5px;
    position: absolute;
    text-align: center;
    width: auto;
    z-index: 999999999;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
        0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
        0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#tooltip:before,
#tooltip:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 0;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}
#tooltip:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    -moz-transform: skew(8deg) rotate(3deg);
    -ms-transform: skew(8deg) rotate(3deg);
    -o-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg);
}
.chart_container {
    padding: 10px;
    border: 1px solid #cdcdee;
    margin: 10px;
    float: left;
}
.chart_container h3 {
    color: #000;
    font-size: 14px;
    padding-top: 20px;
    text-align: center;
}
.chart_container h3 span {
    color: #fa5858;
    font-size: 12px;
    font-weight: bold;
}
.app_down_grade {
    background-color: #5bc0de;
    border-radius: 5px;
    color: white;
    padding: 0.5em;
    font-size: 15px;
    text-decoration: none;
}
.app_down_grade:hover {
    background-color: #5bc0de !important;
    border-radius: 5px;
    color: #000 !important;
    padding: 0.5em;
    font-size: 15px;
    text-decoration: none;
}
.app_up_grade {
    background-color: #5cb85c;
    border-radius: 5px;
    color: white;
    padding: 0.5em;
    font-size: 15px;
    text-decoration: none;
}
.app_up_grade:hover {
    background-color: #5cb85c !important;
    border-radius: 5px;
    color: #000 !important;
    padding: 0.5em;
    font-size: 15px;
    text-decoration: none;
}
.app_page {
    width: 100%;
}
.app_page .logo {
    float: left;
    margin-bottom: 10px;
    padding-top: 7px;
}
.app_page .header_right {
    float: right;
}
.app_page .header_right .toplinks {
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 14px;
    margin-top: 12px;
    float: right;
}
.app_page .header_right .toplinks a {
    text-decoration: none;
    margin: 12px 7px;
    text-align: center;
    line-height: 18px;
    font-weight: bold;
}
.app_page .header_right .toplinks a:hover {
    color: #ffbcbf;
}
.app_page .header_right .toplinks li {
    display: inline-block;
    vertical-align: top;
}
.app_page .header_right .toplinks li img {
    float: left;
    margin-top: -10px;
    position: relative;
}
.app_page .header_right .toplinks li .designation {
    display: block;
}
.app_page .header_right nav {
    margin-right: 10px;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.app_page .header_right nav li {
    float: left;
    margin: 0 9px;
}
.app_page .header_right nav li a {
    color: #fff;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.contant {
    max-width: 870px;
}
.leftbar.open + .contant {
    max-width: 690px;
}
.scroll-table {
    overflow: auto;
    width: 100%;
}
.scrolltablecon {
    display: block;
}
.loaner_content .modal-html-content {
    height: auto !important;
    width: auto !important;
    padding: 5px !important;
    min-height: 50px !important;
    min-width: 250px !important;
    text-align: left !important;
    max-width: 500px !important;
}
.skipcostcenter {
    margin-top: 0px;
}
.skipcostcenter .red_button {
    background: #e11f26;
    color: #ffffff;
    font-size: 12px;
    font-family: "helvetica_medium", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 2%;
    margin: 0 15px;
    border-radius: 4px;
    text-decoration: none;
    vertical-align: middle;
}
.skipcostcenter .red_button:hover {
    background: #231f20;
}
.main_table a.reviewPortalActivity {
    background: #231f20;
    color: #ffffff;
    font-family: "helvetica_medium", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 4px;
    text-decoration: none;
    vertical-align: middle;
    padding: 7px 6%;
    font-size: 12px;
    margin: 0 5px;
}

.main_table a.reviewPortalActivity:hover {
    background: #e11f26;
}
.tagsinput {
    margin: 5px;
    padding: 5px;
    display: inline-block;
    background-color: #e11f26;
    color: #fff;
}
.tagsinputbox {
    border: 1px solid #aaaccc;
    padding: 10px;
    margin: 10px 0;
    min-height: 20px;
}
.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    color: #555;
    vertical-align: middle;
    max-width: 100%;
    cursor: text;
    /*line-height: 22px;
  border-radius: 4px;
  padding: 4px 6px;*/
}
.bootstrap-tagsinput input {
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    width: auto;
    max-width: inherit;
    /*border: none;
  margin: 0;*/
    margin: 3px;
    float: left;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777;
}
.bootstrap-tagsinput input:focus {
    /*border: none;
  box-shadow: none;*/
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.tagsinputbox .tag {
    margin-right: 2px;
    color: white;
}
.tagsinputbox .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}
.tagsinputbox .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}
.tagsinputbox .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 1px 2px rgba(0, 0, 0, 0.05);
}
.tagsinputbox .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.enlarge-image {
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    margin-top: 7px;
    padding: 2px;
}
.enlarge-image:hover {
    color: red;
}
.highlight-row {
    background-color: yellow !important;
}
.expired-row .update_expiration_date{
    color: black !important;
}
.disabled-dropdown {
    background-color: #dddddd;
}
.expired-row {
    background-color: red !important;
}
.editable-column.expired-row {
    color: white !important;
}
.removed_with_disabled {
    background: #dddddd;
    border: 1px solid #cccccc;
}
.dynamic {
    display: inline-block;
}
/* for dynamic report checkbox*/
.dynamic input[type="checkbox"] {
    background: url(../images/checkbox_bg.png) no-repeat top left;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    margin-bottom: 5px;
}
.menu_title {
    font-size: 12px !important;
    /*overflow:hidden;*/
}
.filterbox {
    margin-top: 5px !important;
}
.color-red {
    color: #fa424a !important;
}

.dataTables_paginate input {
    width: 30px !important;
    height: 20px;
    text-align: center;
    border: 1px solid;
    font-weight: bold;
    border-radius: 3px;
}
.dataTables_paginate .paginate_button {
    margin: 5px;
    font-size: 15px;
    font-weight: bold;
}
span.custom_input {
    display: inline-block;
    width: 30px;
    border: 1px solid #ccc;
    padding: 5px;
    overflow: hidden;

    white-space: nowrap;     
    text-align: center; 
}
.completed_images {text-align: center !important;}
.highlighted-row {
    background-color: yellow !important;
  }
  .highlighted-green.editable-column {
    color: white !important;
}
  .highlighted-green {
    background-color: green !important;
  }
  .edit-input-class {
    padding: 3px 6px !important;
    border: 1px solid #ccc!important;
    
    margin-bottom: 5px !important;
    width: auto !important;
}

.edit-confirm-class {
    padding: 3px 6px!important;
    font-size: 12px!important;
    color: white!important;
    text-align: center!important;
    vertical-align: middle!important;
    border-radius: 4px!important;
    background-color: #337ab7!important;
    text-decoration: none!important;
}

.edit-cancel-class {
    padding: 3px 6px!important;
    font-size: 12px!important;
    color: white!important;
    text-align: center!important;
    vertical-align: middle!important;
    border-radius: 4px!important;
    background-color: #a94442!important;
    text-decoration: none!important;
}

.error {
    border: solid 1px!important;
    border-color: #a94442!important;
}

.destroy-button{
    padding:5px 10px 5px 10px!important;
    border: 1px blue solid!important;
    background-color:lightgray!important;
}

.editable-column {
    color: #e11f26 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}



.custom-form {
  max-width: 1200px;
  margin: auto;
  font-family: Arial, sans-serif;
}

.form-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 20px;
}



/* Empty cell for spacing */
.empty-cell {
  background: transparent;
}

/* Button alignment */
.btn-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.search-btn {
  padding: 6px 12px;
  background: none;
  border: none;
  cursor: pointer;
}