/* Styles for data-tooltip */
.panel-icons i {
    font-size: 19px !important;
}
/**,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
a:hover {
	text-decoration: none;
}*/
html {
    font-size: 12px;
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
/* Not needed for tooltips to work */
header, .content, .content p {
    margin: 4em 0;
    text-align: center;
}

.hide {
    display: none!important;
}
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}
    /* Hide the tooltip content by default */
    [data-tooltip]:before, [data-tooltip]:after {
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        pointer-events: none;
    }
    /* Position tooltip above the element */
    [data-tooltip]:before {
        width: auto;
        white-space: nowrap;
        word-break: normal;
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 5px;
        /* margin-left: -80px; */
        padding: 4px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: #006eb1 !important;
        background-color: hsla(203, 100%, 34.7%, 0.9) !important;
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 11px;
        line-height: 1.2;
        font-weight: normal;
    }
    /* Triangle hack to make tooltip look like a speech bubble */
    [data-tooltip]:after {
        position: absolute;
        bottom: 26px;
        left: 50%;
        margin-left: -5px;
        width: 0;
        border-top: 5px solid #000;
        border-top: 5px solid hsla(203, 100%, 34.7%, 0.9) !important;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0;
    }
    /* Show tooltip content on hover */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        opacity: 0.9;
        margin-bottom: 10px;
    }
/* Global Styles */
.cal5 {
    width: 5%;
}

.cal20 {
    width: 20%;
}

.cal40 {
    width: 40%;
}

.cal10 {
    width: 10%;
}

.cal35 {
    width: 35%;
}

.cal30 {
    width: 30%;
}

.cal50 {
    width: 50%;
}

.margin-r8 {
    margin-right: 8px;
}

.margin-b0 {
    margin-bottom: 0px !important;
}

.margin-b5 {
    margin-bottom: 5px !important;
}

.margin-b20 {
    margin-bottom: 20px;
}

.padding-b10 {
    padding-bottom: 10px !important;
}

.padding-r17 {
    padding-right: 17px !important;
}

.margin-l20 {
    margin-left: 20px;
}

.margin-b10 {
    margin-bottom: 10px !important;
}

.margin-t10 {
    margin-top: 10px !important;
}
/*.modal-wide
{ 
    width: 1150px;
    max-width:800px;
}
.modal-md
{ 
    width: 1000px;
}*/
.progress {
    position: relative;
    border: 1px solid #ddd;
    padding: 1px;
    margin: 0;
    height: 17px;
}

.progress-bar {
    width: 0px;
    height: 17px;
    background-color: #57be65;
    line-height: 15px;
    font-size: 10px;
}

input[type=file] {
    width: 78%;
}

.padding-0 {
    padding: 0;
}

.btn-group button:focus img {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.panel-icons button:focus i {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.panel-icons button:focus a {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.asterisk {
    /*font-size: 12px;*/
    color: #F00;
}

.selectall {
    margin: 0;
    padding-right: 10px;
}

.smallgrid {
    max-height: 150px;
    overflow: auto;
    display: inline-block;
    width: 100%;
}

.bootstrap-datetimepicker-widget td, bootstrap-datetimepicker-widget th {
    white-space: normal !important;
}

.biggrid {
    max-height: 300px;
    overflow: auto;
    width: 100%;
}

.warehousegrid {
    max-height: 150px !important;
}

.sub-menu {
    /*max-height: 250px;
    overflow-y: auto;*/
}

.smallgridthead {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.advanchor, .advanchor:hover {
    display: block;
    background-color: gray;
    border-radius: 0 0 6px 6px;
    color: #ffffff !important;
    text-align: center;
    font-size: 10px;
    vertical-align: middle;
    padding: 2px 10px;
    text-decoration: none !important;
    min-width: 100px;
}

.accord {
    background-color: #ffffff;
    padding: 15px 0 10px 15px;
}

#menu, #menu ul {
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

    #menu li {
        margin: 0 0 0 30px;
        padding: 5px 10px;
        list-style-type: square;
    }

        #menu li a {
            font-size: 12px;
        }

.tablethumb {
    width: 400px;
    margin-top: 10px;
    float: right;
}

.smalloption option {
    width: 200px;
    word-break: break-all;
}

.lblWarning, .lblInfoQuesMsg {
    word-break: normal;
}

.lblInfoMessage {
    word-break: normal;
}

.mselect {
    min-height: 100px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #bbbbb9;
    border-radius: 4px;
    width: auto;
    padding: 5px;
    word-break: break-all;
}


.mselectdivision {
    max-height: 100px;
    overflow-y: auto;
    border: 1px solid #bbbbb9;
    border-radius: 4px;
    width: auto;
    padding: 5px;
    word-break: normal;
    margin-bottom: 10px;
}

.preloader {
    margin: 0px;
    padding: 0px;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #666666;
    z-index: 30001;
    opacity: .8;
    filter: alpha(opacity=70);
    display: none;
}

    .preloader p {
        position: absolute;
        top: 50%;
        left: 45%;
        color: White;
        text-align: center;
    }

.mselect input[type=checkbox] {
    margin: 5px 0 0;
}

.lblTitle {
    font-size: large;
}
/*.padding-10 {
    padding: 10px;
}*/
/*.table thead tr th {
    color: #428bca;
}
.col13 {
    width: 13%;
}
.col13-5 {
    width: 13.5%;
}
.col18 {
    width: 18%;
}
.col15 {
    width: 15%;
}
.col30 {
    width: 30%;
}
.col0 {
    width: 0%;
}
.div320 {
    max-height: 320px;
    overflow-y: scroll;
}
.div300 {
    max-height: 300px;
    overflow-y: scroll;
}
.table tr td {
    word-break: break-all;
}
.margin-t10 {
    margin-top: 10px;
}*/
.login-bg {
    background: url(../images/login-bg.JPG);
    background-position: top !important;
}

.form-line {
    margin-bottom: 10px;
    margin-top: 10px;
}

.form-signin input[type="text"] {
    margin-bottom: 10px;
    border-radius: 3px;
    box-shadow: inset 0 0 3px 3px #eaeaea;
    padding-left: 36px;
    width: 100%;
    background: transparent;
}

.form-signin input.user {
    background: url(../images/username.jpg) no-repeat 7px 13px;
}
/*new changes for login input boxes on 22/07/2015*/
.newfeeds {
    width: 100%;
    position: relative;
}

p.newfeeds input {
    line-height: 30px;
    height: 40px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    padding-left: 36px;
}

p.newfeeds small {
    position: absolute;
    width: 20px;
    height: 12px;
    background: url(../images/username.jpg) no-repeat 0 0;
    left: 8px;
    top: 14px;
    display: inline-block;
    vertical-align: middle;
}

    p.newfeeds small.pass {
        position: absolute;
        width: 20px;
        height: 22px;
        background: url(../images/password.jpg) no-repeat 0 0;
        left: 8px;
        top: 8px;
        display: inline-block;
    }
/*new changes for login input boxes*/
.form-signin input[type="text"].no-image {
    background-image: none;
    padding: 10px !important;
}

.imagelabel {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.form-group {
    margin-bottom: 8px;
}

.tabpan {
    background: #f8f8f8;
    padding: 10px;
}

/*th.header {
    background-image: url(../images/bg.gif);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    margin-left: -1px;
    padding-left: 20px !important;
}

th.headerSortUp {
    background-image: url(../images/asc.gif);
}

th.headerSortDown {
    background-image: url(../images/desc.gif);
}*/

.nav-tabs > li.active > a {
    background: #dddddd !important;
}

.nav-tabs {
    margin-bottom: 10px;
}

.main-content {
    min-height: 520px;
}

_:-ms-input-placeholder, :root .alert {
    width: 99% !important;
}


.error {
    color: #B62B2B !important;
    font-size: 12px;
    margin-bottom: 10px;
}


.modalbig {
    max-height: 450px;
    overflow-y: auto !important;
    overflow: inherit;
    padding-bottom: 5px;
}

.logout-ic {
    position: absolute;
    color: #ffffff;
    z-index: 10;
    top: 10px;
    left: 40px;
}

.logout-btn.b-s a {
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    background: linear-gradient(to bottom, #0187bf 0%, #0058a5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0187bf, endColorstr=#0058a5);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#0187bf, endColorstr=#0058a5)";
    border-radius: 5px;
    border-color: #357ebd;
    min-width: 85px;
    position: relative;
    padding-left: 30px;
    color: #ffffff;
    text-decoration: none;
}

.table {
    font-size: 12px;
}
/*.table tfoot tr {
        text-align: right;
    }
   .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        vertical-align: top;
    }
   .table tfoot tr td {
        background-color: #ececec;
    }
   .table tbody tr td.col15 {
        width: 15%;
    }
   .table tbody tr td.col20 {
        width: 20%;
    }
   .table tbody tr td.col10 {
        width: 10%;
    }
   .table tbody tr td.col25 {
        width: 25%;
    }
   .table tbody tr td.col8 {
        width: 8%;
    }
   .table tbody tr td.col17 {
        width: 16%;
    }
   .table tbody tr td.col30 {
        width: 30%;
    }
   .table tbody tr td.col5 {
        width: 5%;
    }*/
.hidecolumn {
    display: none;
}

.table tfoot tr td a {
    padding: 3px 7px;
    background-color: #006eb1 !important;
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
}

.modal-title {
    /*background: #0057a4;
    color: #fff;*/
}

.close {
    color: #fff;
    opacity: 1;
    margin-top: 0px;
}

.modal-header .close {
    /* position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
    right: 8px;
    padding: 0px;*/
}

.modal-footer > a {
    background: linear-gradient(to bottom, #0187bf 0%, #0058a5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-radius: 5px;
    padding: 10px 38px;
    color: #fff;
    text-decoration: none;
}

    .modal-footer > a:hover {
        background: none repeat scroll 0 0 #127ede;
    }

.checkbox1 {
    padding-top: 10px;
}

.form-signin input[type="password"] {
    margin-bottom: 0px;
    border-radius: 3px;
    box-shadow: inset 0 0 3px 3px #eaeaea;
    padding-left: 36px;
    background: url(../images/password.JPG);
    background-repeat: no-repeat;
    background-position: 8px 8px;
    width: 100%;
}

.gridRow {
    background-color: #f5f5f5;
}

    .gridRow.title {
        font-weight: bold;
        background: #D9D9D9 !important;
    }

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background: #2165b1; /* Old browsers */
    background: -moz-linear-gradient(top, #2165b1 0%, #034ea1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2165b1), color-stop(100%,#034ea1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2165b1 0%,#034ea1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2165b1 0%,#034ea1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2165b1 0%,#034ea1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2165b1 0%,#034ea1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2165b1', endColorstr='#034ea1',GradientType=0 ); /* IE6-9 */
}

.form-signin .form-control {
    position: relative;
    font-size: 12px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.checkbox-customized {
}

.btn-lg, .btn-group-lg > .btn {
    background: #2165b1; /* Old browsers */
    background: -moz-linear-gradient(top, #2165b1 0%, #034ea1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2165b1), color-stop(100%,#034ea1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2165b1 0%,#034ea1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2165b1 0%,#034ea1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2165b1 0%,#034ea1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2165b1 0%,#034ea1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2165b1', endColorstr='#034ea1',GradientType=0 ); /* IE6-9 */
    border: none;
    border-radius: 3px;
}

.table-wo-padding {
    margin-bottom: 0px !important;
    padding-bottom: 0 !important;
}
/*.advbutton {
    margin-bottom: 15px;
    margin-top: -19px;
}*/
.advbuttonbeat {
    margin-bottom: 15px;
    margin-top: 0px;
}

.checkbox span a {
    color: #b62b2b;
    font-size: 12px;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}
/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent;
}
/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}
/* IE 10+ */
.checkbox span a :hover {
    text-decoration: none;
}

.login-box {
    padding: 10px 15px 35px 15px;
    border-radius: 0 78px !important;
    min-width: 400px;
    max-width: 450px;
}

.vertical-offset-100 {
    padding-top: 100px;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    box-shadow: none;
}

.page-header p {
    font-size: 14px !important;
}
/*.panel-heading {
    border-bottom: 1px solid #cdcdcd !important;
}*/
.left-total {
    float: left;
    width: 85%;
}

.pop-up-img {
    float: left;
    padding: 15px 15px;
}

.setting {
    float: left;
    padding-left: 15px;
    padding-top: 8px;
}

.btn-signout {
    float: right;
    padding-right: 15px;
    border: 1px solid #868686;
    margin-right: 15px;
    padding: 5px;
}

.bottom-div {
    background: #f5f5f5;
    overflow: hidden;
    color: #868686;
    padding: 15px 0;
}

.content-logout {
    padding-top: 10px;
    float: left;
}

    .content-logout p {
        color: #0057a4;
        font-weight: bold;
    }

    .content-logout span {
        display: block;
    }

.logout-popup {
    border: 1px solid #cfcfcf !important;
    border-radius: 2px !important;
    margin-top: 5px !important;
}

.pager {
    margin-top: 10px;
    text-align: right;
    margin-bottom: 0;
}

.pull-none {
    float: none;
}

.pager a {
    /* padding: 3px 7px; */
    background-color: #006eb1 !important;
    text-decoration: none;
    color: #ffffff;
    font-size: 28px;
    width: 30px;
    height: 30px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    border-radius: 50px;
}
/*.result{}
input[type=checkbox].checkbox {
margin-top: 6px !important;
padding-left: 0;
margin-bottom: 0px !important;
}
.checkbox input[type=checkbox].checkbox{margin-top: 0 !important;}
label{padding-top:7px; font-weight:normal; color:#505050; font-family:Tahoma, Geneva, sans-serif; font-size:14px;word-break: break-all;}
.modal label{ font-size: 12px;}
.modal .modal-title{font-size: 18px;}
.form-control, .input-sm, .input-lg{height:28px; font-size:12px; padding:3px 12px; 
border:1px solid #bbbbb9;
background: #fdfdfb; 
background: -moz-linear-gradient(top,  #fdfdfb 0%, #efefef 42%, #fffffe 100%); /* FF3.6+ */
/*margin-bottom: 10px;}*/
.logout-btn {
    float: left;
    padding-left: 10%;
    width: 49%;
    position: relative;
}

.pad-all {
    background: none repeat scroll 0 0 #f5f5f5;
    overflow: hidden;
    padding-top: 11px;
    border-top: 1px solid #868686;
}

.a-s {
    padding-top: 7px;
}

    .a-s a {
        color: #868686;
    }

.dropdown-menu {
    min-width: 290px;
    left: -255px;
}

.user-img {
    float: left;
    padding: 10px 15px;
}

.user-content {
    float: left;
}

    .user-content p {
        color: #0057a4;
        font-weight: bold;
        padding-top: 10px;
    }

.form-area {
    padding: 15px 15px 0;
}

.table-wo-padding {
    padding-bottom: 5px !important;
}

.heading-text { /* padding-top: 4px; */
}

#main-header {
    background: #fff;
    padding: 2px 0 0 0;
}

.panel-title > span {
    padding-left: 50px;
}

.btn-group button.excel-image,button.excel-image{
    background-image: url("../../images/excel-download.png") !important;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.btn-group button.pdf-image,button.pdf-image {
    background-image: url("../../images/pdf-icon.png") !important;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 25px;
    height: 25px;
    background-size: contain;
}

.btn-group button.uploadStore-image,button.uploadStore-image {
    background-image: url("../../images/edit-files.PNG") !important;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.btn-primary {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2165b1), color-stop(100%,#034ea1));
}
/*.modal .form-group{
    margin-bottom: 0px;
}*/
.modal-header.btn-group {
    display: block;
}
/*.modal input, .modal select, .modal textarea
{
    margin-bottom: 15px;
}*/
.bg-chart-h {
    min-height: 273px !important;
}

.table-heading-left {
    width: 30%;
}

#wrapper {
    padding-left: 0;
}

.bg-chart-h {
    min-height: 220px;
}

.collapse-btn {
    margin-top: 80px;
}

#page-wrapper {
    width: 100%;
    padding: 0;
    background-color: #fff;
}

.col-lg-12.border-top-line {
    background: none repeat scroll 0 0 #f5f5f5 !important;
    border-top: 1px solid #adadad !important;
    display: block;
    float: left;
    width: 91%;
    margin-top: 0px;
    margin-left: 15px;
}

.signout-btn {
    right: -50px;
}

.log-out-box {
    padding: 0 !important;
    margin: 0;
}

.log-out {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    box-shadow: none !important;
    width: 300px;
}

    .log-out > p {
        color: #0057a4;
        font-weight: bold;
    }

    .log-out span {
        font-size: 12px;
    }

.footer-bottom.navbar-fixed-bottom {
    background: none repeat scroll 0 0 #0057a4;
    color: #fff;
    line-height: 11px;
    padding-top: 12px;
}



.panel-default {
    border-color: #ddd;
}

.panel-padding {
    margin-bottom: 2px;
}

.panel-icon-right {
    text-align: right;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.more {
    color: #505050;
    font-weight: bold;
}

.popup-btn {
    /*  background: none repeat scroll 0 0 #f5f5f5 !important;
    border-top: 1px solid #adadad !important;*/
    color: #868686;
    /* margin-top: 19px;*/
    padding: 15px 13px;
}

    .popup-btn a {
        border: 1px solid #adadad;
        color: #868686;
        padding: 5px 8px;
    }

.top-border-btn {
    border-top: 1px solid #adadad !important;
}

.result {
    width: auto;
}

.navbar-inverse {
    background: #0057a4;
    border-color: #ffffff;
}

.page-header {
    margin: 0px;
    border: 0px;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.table > thead > tr > th {
    border-bottom: 0px;
}

.bg-grey {
    background-color: #f6f6f6 !important;
}

.bg-chart {
    background: url(../images/bg-chart.png) 7% top repeat;
    min-height: 336px;
}

.bg-chart-h {
    min-height: 385px;
}

.top-nav > li > a {
    color: #ffffff !important;
    border-bottom: #999 solid 1px;
}

    .top-nav > li > a.admin {
        border: 1px solid #ccc;
        padding: 4px 8px;
        background-color: #0057a4;
        margin: 10px 5px;
        font-size: 22px;
        border-radius: 3px;
    }

.nav > li {
    border-bottom: none !important;
}
/* Top Navigation */
.top-nav > li {
    display: inline-block;
    float: left;
}

    .top-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px;
        color: #999;
    }

        .top-nav > li > a:hover, .top-nav > li > a:focus, .top-nav > .open > a, .top-nav > .open > a:hover, .top-nav > .open > a:focus {
            background-color: #0d6ec4;
            color: #fff;
        }

.side-nav li.active a:after {
    background: url("../images/arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    float: right;
    height: 40px;
    margin-right: -49px;
    margin-top: -9px;
    width: 35px;
}

.navbar-nav > li > a:hover .side-nav li.active a:after {
    background: url("../images/arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    float: right;
    height: 40px;
    margin-right: -49px;
    margin-top: -9px;
    width: 35px;
}

.navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 9px;
}

.top-nav > .open > .dropdown-menu {
    background-color: #fff !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.176);
    float: left;
    margin-top: 0;
    position: absolute;
    padding: 0;
}

    .top-nav > .open > .dropdown-menu > li > a {
        white-space: normal;
    }

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

    li.message-preview > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}
/* Side Navigation */
.side-nav > li > ul {
    padding: 0;
}

    .side-nav > li > ul > li > a {
        display: block;
        padding: 10px 15px 10px 38px;
        text-decoration: none;
        color: #999;
    }

        .side-nav > li > ul > li > a:hover {
            color: #fff;
        }
/* Flot Chart Containers */
.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}
/* Custom Colored Panels */
.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

    .panel-green .panel-heading {
        border-color: #5cb85c;
        color: #fff;
        background-color: #5cb85c;
    }

    .panel-green a {
        color: #5cb85c;
    }

        .panel-green a:hover {
            color: #3d8b3d;
        }

.panel-red {
    border-color: #d9534f;
}

    .panel-red .panel-heading {
        border-color: #d9534f;
        color: #fff;
        background-color: #d9534f;
    }

    .panel-red a {
        color: #d9534f;
    }

        .panel-red a:hover {
            color: #b52b27;
        }

.panel-yellow {
    border-color: #f0ad4e;
}

    .panel-yellow .panel-heading {
        border-color: #f0ad4e;
        color: #fff;
        background-color: #f0ad4e;
    }

    .panel-yellow a {
        color: #f0ad4e;
    }

        .panel-yellow a:hover {
            color: #df8a13;
        }

.text-right {
    color: #fff;
    line-height: 35px;
    padding: 0 15px 0 0;
}

.text-left {
    color: #fff;
    line-height: 35px;
    padding: 0 15px 0 0;
}

.text-left-bestviewed {
    color: #fff;
    line-height: 20px;
    padding: 0 0 0 5px;
    text-align: left;
}

.text-right-copyright {
    color: #fff;
    line-height: 20px;
    padding: 0 5px 0 0;
    text-align: right;
}

.text-left {
}
/*************system error page*******************/
.margin-t30 {
    margin-top: 30px;
}

.font-15 {
    font-size: 15pt;
}

.margin-t30b50 {
    margin-top: 30px;
    margin-bottom: 50px;
}

.error-message {
    font: Arial;
    font-size: 15pt;
    text-align: center;
    padding-top: 20px;
}
/*************internal pages*******************/
.breadcrumb {
    background: none !important;
    margin: 0 0 0 0;
    padding: 0px 15px 10px 0;
}

.table tbody tr:nth-child(odd) {
    background-color: #f5f5f5 !important;
}

.table tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}

.campaign-table {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding-bottom: 20px;
}

.campaign-table-v {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.camtable tr, .campaignSurveyGrid tr, .vcamtable tr, .privlege tr, .notusertable tr, .posmtracking tr, .cmproduct tr, .eventConfigurtion tr, .posmMappingTable tr, .userProductMappingTable tr, .userGeoMappingTable tr {
    border-bottom: 1px solid #ddd;
}

.camtable thead tr th, .camtable tbody tr td, .campaignSurveyGrid thead tr th, .campaignSurveyGrid tbody tr td, .vcamtable thead tr th, .vcamtable tbody tr td, .privlege thead tr th, .privlege tbody tr td, .notusertable thead tr th, .notusertable tbody tr td, .posmtracking thead tr th, .posmtracking tbody tr td, .eventConfigurtion thead tr th, .eventConfigurtion tbody tr td, .cmproduct thead tr th, .cmproduct tbody tr td, .posmMappingTable tbody tr td, .posmMappingTable thead tr th, .userProductMappingTable tbody tr td, .userProductMappingTable thead tr th, .userGeoMappingTable tbody tr td, .userGeoMappingTable thead tr th {
    border: 0 none;
}

.rbuttondiv thead tr th:nth-child(2), .rbuttondiv tbody tr td:nth-child(2) {
    width: 83% !important;
}

.rbuttondiv thead tr th:first-child, .rbuttondiv tbody tr td:first-child {
    width: 8% !important;
}

.camtable thead tr th:first-child, .camtable tbody tr td:first-child {
    width: 9%;
}

.camtable thead tr th:nth-child(2), .camtable tbody tr td:nth-child(2) {
    width: 45%;
}

.camtable thead tr th:nth-child(3), .camtable tbody tr td:nth-child(3) {
    width: 15%;
}

.camtable thead tr th:nth-child(4), .camtable tbody tr td:nth-child(4) {
    width: 43.35%;
}

.posmMappingTable thead tr th:first-child, .posmMappingTable tbody tr td:first-child {
    width: 13%;
}

.posmMappingTable thead tr th:nth-child(2), .posmMappingTable tbody tr td:nth-child(2) {
    width: 13%;
}

.posmMappingTable thead tr th:nth-child(3), .posmMappingTable tbody tr td:nth-child(3) {
    width: 13%;
}

.posmMappingTable thead tr th:nth-child(4), .posmMappingTable tbody tr td:nth-child(4) {
    width: 13%;
}

.posmMappingTable thead tr th:nth-child(5), .posmMappingTable tbody tr td:nth-child(5) {
    width: 13%;
}

.posmMappingTable thead tr th:nth-child(6), .posmMappingTable tbody tr td:nth-child(6) {
    width: 13%;
}

.posmMappingTable thead tr th:nth-child(7), .posmMappingTable tbody tr td:nth-child(7) {
    width: 13%;
}

.campaignSurveyGrid thead tr th:first-child, .campaignSurveyGrid tbody tr td:first-child {
    width: 8%;
}

.campaignSurveyGrid thead tr th:nth-child(2), .campaignSurveyGrid tbody tr td:nth-child(2) {
    width: 13%;
}

.campaignSurveyGrid thead tr th:nth-child(3), .campaignSurveyGrid tbody tr td:nth-child(3) {
    width: 17%;
}

.campaignSurveyGrid thead tr th:nth-child(4), .campaignSurveyGrid tbody tr td:nth-child(4) {
    width: 17%;
}

.campaignSurveyGrid thead tr th:nth-child(5), .campaignSurveyGrid tbody tr td:nth-child(5) {
    width: 13%;
}

.campaignSurveyGrid thead tr th:nth-child(6), .campaignSurveyGrid tbody tr td:nth-child(6) {
    width: 13%;
}

.campaignSurveyGrid thead tr th:nth-child(7), .campaignSurveyGrid tbody tr td:nth-child(7) {
    width: 13%;
}

.notusertable thead tr th:first-child, .notusertable tbody tr td:first-child {
    width: 8%;
}

.notusertable thead tr th:nth-child(2), .notusertable tbody tr td:nth-child(2) {
    width: 20%;
}

.notusertable thead tr th:nth-child(3), .notusertable tbody tr td:nth-child(3) {
    width: 25%;
}

.notusertable thead tr th:nth-child(4), .notusertable tbody tr td:nth-child(4) {
    width: 20%;
}

.notusertable thead tr th:nth-child(5), .notusertable tbody tr td:nth-child(5) {
    width: 25%;
}

.vcamtable thead tr th:first-child, .vcamtable tbody tr td:first-child {
    width: 20%;
}

.vcamtable thead tr th:nth-child(2), .vcamtable tbody tr td:nth-child(2) {
    width: 40%;
}

.vcamtable thead tr th:nth-child(3), .vcamtable tbody tr td:nth-child(3) {
    width: 14%;
}

.vcamtable thead tr th:nth-child(4), .vcamtable tbody tr td:nth-child(4) {
    width: 16%;
}

.privlege thead tr th:first-child, .privlege tbody tr td:first-child {
    width: 20%;
}

.privlege thead tr th:nth-child(2), .privlege tbody tr td:nth-child(2) {
    width: 11%;
}

.privlege thead tr th:nth-child(3), .privlege tbody tr td:nth-child(3) {
    width: 11%;
}

.privlege thead tr th:nth-child(4), .privlege tbody tr td:nth-child(4) {
    width: 11%;
}

.privlege thead tr th:nth-child(5), .privlege tbody tr td:nth-child(5) {
    width: 11%;
}

.privlege thead tr th:nth-child(6), .privlege tbody tr td:nth-child(6) {
    width: 11%;
}

.privlege thead tr th:nth-child(7), .privlege tbody tr td:nth-child(7) {
    width: 11%;
}

.privlege thead tr th:nth-child(8), .privlege tbody tr td:nth-child(8) {
    width: 11%;
}

.posmtracking thead tr th:first-child, .posmtracking tbody tr td:first-child {
    width: 10%;
}

.posmtracking thead tr th:nth-child(2), .posmtracking tbody tr td:nth-child(2) {
    width: 20%;
}

.posmtracking thead tr th:nth-child(3), .posmtracking tbody tr td:nth-child(3) {
    width: 55%;
}

.eventConfigurtion thead tr th:first-child, .eventConfigurtion tbody tr td:first-child {
    width: 10%;
}

.eventConfigurtion thead tr th:nth-child(2), .eventConfigurtion tbody tr td:nth-child(2) {
    width: 20%;
}

.eventConfigurtion thead tr th:nth-child(3), .eventConfigurtion tbody tr td:nth-child(3) {
    width: 30%;
}

.eventConfigurtion thead tr th:nth-child(4), .eventConfigurtion tbody tr td:nth-child(4) {
    width: 25%;
}

.eventConfigurtion thead tr {
    width: 97%;
}

.cmproduct thead tr th:first-child, .posmtracking tbody tr td:first-child {
    width: 10%;
    border: 0px !important;
}

.cmproduct thead tr th:first-child(2), .posmtracking tbody tr td:first-child(2) {
    width: 90%;
    border: 0px !important;
}

.userProductMappingTable thead tr th:first-child, .userProductMappingTable tbody tr td:first-child {
    width: 12%;
}

.userProductMappingTable thead tr th:nth-child(2), .userProductMappingTable tbody tr td:nth-child(2) {
    width: 12%;
}

.userProductMappingTable thead tr th:nth-child(3), .userProductMappingTable tbody tr td:nth-child(3) {
    width: 18%;
}

.userProductMappingTable thead tr th:nth-child(4), .userProductMappingTable tbody tr td:nth-child(4) {
    width: 20%;
}

.userProductMappingTable thead tr th:nth-child(5), .userProductMappingTable tbody tr td:nth-child(5) {
    width: 28%;
}

.userGeoMappingTable thead tr th:first-child, .userGeoMappingTable tbody tr td:first-child {
    width: 12%;
}

.userGeoMappingTable thead tr th:nth-child(2), .userGeoMappingTable tbody tr td:nth-child(2) {
    width: 12%;
}

.userGeoMappingTable thead tr th:nth-child(3), .userGeoMappingTable tbody tr td:nth-child(3) {
    width: 18%;
}

.userGeoMappingTable thead tr th:nth-child(4), .userGeoMappingTable tbody tr td:nth-child(4) {
    width: 20%;
}

.userGeoMappingTable thead tr th:nth-child(5), .userGeoMappingTable tbody tr td:nth-child(5) {
    width: 14%;
}

.userGeoMappingTable thead tr th:nth-child(5), .userGeoMappingTable tbody tr td:nth-child(5) {
    width: 14%;
}

table thead.smallgridthead {
    padding-right: 13px;
}

.addposmgrid td {
    width: 20%;
}
/*********************************/
@media only screen and (min-width:1200px) and (max-width:1340px) {
    .btn-group > .blue-btn {
        padding: 5px 11px !important;
    }
}

@media (min-width:1024px) {
    .modal-med {
        width: 900px;
    }

    .modalPOSMDate {
        height: 500px !important;
    }
}

@media (min-width:768px) {
    .left-menu-bar {
        background-color: #707070;
        position: fixed;
        top: 50px;
        left: 0;
        border: none;
        border-radius: 0;
        height: 100%;
    }

    .side-nav {
        width: 50px;
        margin-left: 0px;
        float: left;
        /* overflow-y: auto;*/
    }

        .side-nav > li > a {
            color: #999;
        }

        .side-nav li a:hover,
        .side-nav li a:focus,
        .side-nav li.active a {
            outline: none;
            background-color: #707070 !important;
            color: #fff;
        }
}

@media (min-width:768px) {
    .left-total {
        width: 50%;
    }

    .signout-btn {
    }

    body {
        margin-top: 0px;
    }

    #wrapper {
        padding-left: 50px;
    }

    #page-wrapper {
        padding: 10px;
    }

    .form-control {
        width: 100%;
    }

    .t-result {
        text-align: right;
        float: left;
        padding: 0;
    }

    .pagination.pull-right a {
        padding: 5px 9px;
    }
}

@media (max-width:767px) {
    .btn-group {
        padding-top: 12px;
        padding-top: 0;
    }

    .form-control {
        width: 100%;
    }

    .left-total {
        width: 50%;
    }

    .pagination.pull-right a {
        padding: 5px 9px;
    }

    .signout-btn {
        right: -5px;
    }

    .log-out-box {
        padding: 0 !important;
        margin-right: 0;
        margin-top: -50px;
        position: absolute !important;
        right: 0px;
    }

    .log-out {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border: medium none !important;
        box-shadow: none !important;
        width: 700px;
    }

    .text-right {
        text-align: center;
    }

    .text-left {
        text-align: center;
        width: 100%;
    }

    .left-menu-shift {
        width: 100%;
        margin-left: 0px;
        background: #ececec;
        height: 100%;
    }

    .side-nav, .side-nav li {
        width: 100%;
        margin-left: 0px;
        /* overflow-y: auto;*/
    }

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background: #3687cf;
    }

    .popup {
        float: left;
        width: 50%;
        position: fixed;
        left: 50%;
        background: #fff;
    }

    a.navbar-brand > img {
        margin-left: -13px;
    }
}

@media (max-width:640px) {
    .btn-group {
        padding-top: 0;
    }

    .signout-btn {
        right: -10px;
    }

    .form-control {
        width: 100%;
    }

    .left-total {
        width: 50%;
    }

    .pagination.pull-right a {
        padding: 5px 9px;
    }
}

@media (max-width:480px) {
    .form-control {
        width: 100%;
    }

    .btn-group {
        /* padding-top: 12px; */
    }

    .left-total {
        width: 50%;
    }

    .pagination.pull-right a {
        padding: 5px 9px;
    }

    .signout-btn {
        right: -10px;
    }

    .popup {
        float: left;
        width: 100%;
        position: fixed;
        left: 2%;
        background: #fff;
    }
}

@media (max-width:360px) {
    .btn-group {
        padding-top: 12px;
    }

    .modal .btn-group {
        padding-top: 0px;
    }

    .form-control {
        width: 100%;
    }

    .form-control {
        width: 100%;
    }

    .left-total {
        width: 100%;
    }

    .pagination.pull-right a {
        padding: 5px 9px;
    }

    .result {
        width: 50%;
    }

    .panel-title > span {
        padding-left: 76px;
    }

    .left-total {
        float: left;
        width: 100%;
    }

    .signout-btn {
        right: 5px;
    }

    .log-out-box {
        padding: 0 !important;
        margin-right: 0;
    }

    .popup {
        float: left;
        width: 100%;
        position: fixed;
        left: 2%;
        background: #fff;
    }

    .panel-icon-right {
        text-align: left;
    }
}

@media (max-width:320px) {
    .btn-group {
        padding-top: 12px;
    }

    .form-control {
        width: 100%;
    }

    .panel-icon-right {
        text-align: left;
    }

    .left-total {
        width: 100%;
    }

    .signout-btn {
        right: 5px;
    }

    .log-out-box {
        padding: 0 !important;
        margin-right: 0;
    }

    .popup {
        float: left;
        width: 100%;
        position: fixed;
        left: 2%;
        background: #fff;
    }

    .navbar-inverse .navbar-toggle {
        border: #fff solid 1px;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        background: #0d6ec4;
    }

    .navbar-nav li:hover, .dropdown-menu.menu-list li:hover {
        background: #0d6ec4;
    }

    .nav > li {
        border-bottom: #0d6ec4 solid 1px;
    }
}

.left-menu-shift {
    width: 150px;
    margin-left: 0px;
    background: #ececec;
    height: 100%;
}

.ffooter {
    background-color: #0057a4;
    z-index: 999999;
    padding: 10px 15px;
    color: #fff;
}

    .ffooter a:link, .ffooter a:visited {
        color: #fff;
        font-size: 15px;
    }

.uname {
    font-weight: bold;
    color: #0057A4;
    margin: 0px;
    font-size: 14px;
}

.popup_uname {
    padding: 0px;
}
/*Added for grid column alignment*/
.webGridColAlignLeft {
    float: left;
}

.webGridColAlignRight {
    float: right;
}

.rbutton {
    margin-bottom: 0px !important;
}

.rbuttondiv input {
    margin-bottom: 0px !important;
}

.rbuttondiv {
    margin-bottom: 0px !important;
}

.legendtable {
    padding: 10px;
    float: left;
    font-size: 11px;
}

    .legendtable span {
        padding: 0px !important;
        border: 0px !important;
        padding-right: 5px !important;
        float: left;
    }

.legend-img {
    margin-right: 6px;
}

.privilege-bigtable {
    overflow-x: auto;
}

.privilege-intable {
    min-width: 1000px;
}

@media screen and (max-width: 500px) {
    .legendtable span {
        float: none;
        display: block;
    }

    .legendtable {
        padding: 10px !important;
        float: left !important;
    }

    .clear-div {
        clear: both;
    }

    .result {
        width: 100%;
    }

    .text-left-bestviewed {
        padding: 0px;
        text-align: center;
        font-size: 10px;
    }

    .btn-group .suquestion {
        padding: 5px 10px !important;
    }

    .text-right-copyright {
        padding: 0px;
        text-align: center;
        font-size: 10px;
    }
}

@media only screen and (min-width: 773px) and (max-width: 1100px) {
    .modal-dialog {
        margin: 10px;
    }

    .table-responsive {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
    }
}

@media screen and (max-width:1100px) {
    .modal-wide {
        width: auto;
    }

    .rbuttondiv thead tr th:nth-child(2), .rbuttondiv tbody tr td:nth-child(2) {
        width: 75%;
    }
}

@media screen and (min-width:1024px) {
    .label-tag {
        margin-left: -15px;
        padding-left: 0px;
    }

    .cmposmselect {
        width: 20% !important;
    }
}

.cmposmmasterselect {
    width: 16.66% !important;
}

.close-img {
    color: #000 !important;
    margin-top: -15px !important;
}

.fixHeader {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.scrollContent {
    display: block;
    height: 262px;
    overflow: auto;
    width: 100%;
}

.table-bp {
    margin-bottom: -4px !important;
}

.modal-body {
    /*padding-bottom: 0px !important;*/
    /* padding: 0 1rem!important; */
}

.row-margin {
    margin-top: 15px;
}

.not-left-padding {
    padding-left: 0px !important;
}

.posm-label {
    width: 90%;
    padding-top: 0px !important;
}

.posm-check {
    vertical-align: top;
}

.div-editor-view {
    padding-left: 15px;
    padding-top: 8px;
}

.font-bold {
    font-weight: bold;
}

.margin-bottom-chk {
    margin-bottom: 15px !important;
    margin-top: 6px !important;
}

.syscontrol {
    padding-top: 7px;
    font-weight: normal;
    color: #505050;
    /*font-size: 12px;*/
    word-break: break-all;
}

#dgVisitSummary tbody td {
    word-break: normal !important;
}

div.dataTables_wrapper {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    font-size: 11px;
}

.columnWidth {
    width: 135px !important;
}
/*  for Beat plan visit summary grid   */
.table_div {
    width: 100%;
    height: 340px;
    position: relative;
}

.table_divH {
    position: relative;
    height: 40px;
    left: 0;
    top: 0;
    width: 100%;
}

.table_divC {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 300px;
    overflow: auto;
}

.div-remark {
    width: 70%;
}

.textarea-remark {
    width: 90% !important;
    height: 70px !important;
}

table.table.table-border {
    border: 1px solid #839E99;
}

    table.table.table-border th, table.table.table-border td {
        border-right: 1px solid #839E99;
        border-bottom: 1px solid #839E99;
    }

    table.table.table-border th {
        border-top: 1px solid #839E99;
    }

.btn-group button.print-image {
    width: 19px;
    height: 19px;
    margin-left: 4px !important;
}

.smallFooterText {
    font-size: 9px !Important;
    margin-top: 0px !Important;
    color: #428bca;
    font-weight: bold;
}

.tdwidthz th, .tdwidthz td, .posmtracking thead tr th:nth-child(3), .posmtracking tbody tr td:nth-child(3) {
    width: auto !important;
}

#tblPODetail .bootstrap-datetimepicker-widget.datetoggle {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
}
/*Custom CSS*/
html, body {
    background-color: #fff;
}

ul.main-navigation-menu li > ul.sub-menu > li.open > a, ul.main-navigation-menu li > ul.sub-menu > li.active > a, ul.main-navigation-menu li > ul.sub-menu > li > a:hover {
    position: relative;
}

ul.main-navigation-menu > li > ul.sub-menu li > a .icon-arrow {
    margin-right: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

ul.main-navigation-menu li.active > ul.sub-menu {
    margin: 0;
}

ul.main-navigation-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
    padding-left: 50px !important;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    height: 32px;
    width: 100%;
    padding: 8px 15px;
    position: relative;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
    font-weight: 600;
}

.footer {
    font-size: 12px;
    padding: 10px 10px;
    position: fixed;
    /* height: 80px; */
    z-index: 999999;
    width: 100%;
    bottom: 0;
}

.main-navigation {
    padding: 0;
    max-height: none !important;
    z-index: 1000;
    margin-bottom: 48px;
    height: 100%;
}

.blue-btn-default {
    background: #006eb1 !important;
    background: -moz-linear-gradient(top, #0187bf 0%, #0058a5 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0187bf), color-stop(100%,#0058a5)) !important;
    background: -webkit-linear-gradient(top, #0187bf 0%,#0058a5 100%) !important;
    background: -o-linear-gradient(top, #0187bf 0%,#0058a5 100%) !important;
    background: -ms-linear-gradient(top, #0187bf 0%,#0058a5 100%) !important;
    background: linear-gradient(to bottom, #0187bf 0%,#0058a5 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0187bf', endColorstr='#0058a5',GradientType=0 ) !important;
    border-radius: 3px !important;
    color: #fff;
    font-size: 13px;
}

ul.main-navigation-menu li > ul.sub-menu > li > a {
    position: relative;
}

ul.main-navigation-menu li > ul.sub-menu {
    margin: 0;
}

.gridHead th {
    white-space: nowrap;
}

#grid, #grid1, #pager {
    /* display: block; */
    text-align: right;
    width: 100%;
}

.modal-content form {
    margin: 0px;
}

.modal-header .close:hover {
    opacity: 1;
    color: white;
}

.card-header {
    font-weight: 600;
    font-size: 1rem;
    padding: 0.5rem 1.25rem;
}

.advbutton {
    position: absolute;
    bottom: -15px;
    right: 0;
}

.modal-header {
    /*padding: 0.5rem 1.25rem;
    background: #0057a4;
    color: #fff;*/
    border: none !important;
    background: #0057a4;
    color: #fff;
}

    .modal-header .modal-title {
        font-weight: 600;
        font-size: 1rem;
    }

.modal-footer {
    /*padding: 0.5rem 1.25rem;*/
    border: none !important;
}
/*.page-content-part {
    min-height: inherit !important;
    height: auto !important;
}*/
.page-content-part {
    min-height: inherit !important;
    height: auto !important;
    padding-bottom: 100px;
}

.table td, .table th {
    vertical-align: middle;
}

.btn-group-sm > .btn, .btn-sm {
    /* padding: 0.5rem 0.5rem; */
    /* font-size: .8rem; */
}

.table {
    margin-bottom: 0px;
}

ul.main-navigation-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #ececec;
}

.pmd-floating-action {
    display: flex;
    position: fixed;
    bottom: 50px;
    /*right: 20px;*/
}

    .pmd-floating-action .rounded-circle {
        position: relative;
        width: 50px;
        height: 50px;
        text-align: center;
        margin: 0 10px;
    }

        .pmd-floating-action .rounded-circle > i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

.pagedisplay {
    height: 30px;
    border-radius: 50px;
    width: 100px;
    border: 0px;
    background-color: #ececec;
}

.table.tablearea > tbody > tr > td {
    color: #000 !important;
    font-size: 12px;
    vertical-align: middle;
    min-width: 110px;
}

.card-counter {
    box-shadow: 2px 2px 10px #DADADA;
    margin: 0px;
    padding: 14px 10px;
    background-color: #fff;
    height: 80px;
    border-radius: 5px;
    transition: .3s linear all;
}

    .card-counter:hover {
        box-shadow: 4px 4px 20px #DADADA;
        transition: .3s linear all;
    }

    .card-counter.primary {
        background-color: #007bff;
        color: #FFF;
    }

    .card-counter.danger {
        background-color: #ef5350;
        color: #FFF;
    }

    .card-counter.success {
        background-color: #66bb6a;
        color: #FFF;
    }

    .card-counter.info {
        background-color: #26c6da;
        color: #FFF;
    }

    .card-counter i {
        font-size: 4em;
        opacity: 0.2;
    }

    .card-counter .count-numbers {
        position: absolute;
        right: 35px;
        top: 8px;
        font-size: 25px;
        display: block;
    }

    .card-counter .count-name {
        position: absolute;
        right: 35px;
        top: 44px;
        font-style: italic;
        text-transform: capitalize;
        opacity: 0.5;
        display: block;
        font-size: 18px;
    }

.modal {
    z-index: 9999999;
}

#spnColorCode {
    right: 2px;
    top: 15px;
}

.custom-file .custom-file-label {
    height: calc(1.5em + 0.5rem + 2px) !important;
    padding: 0.25rem 0.5rem !important;
}

    .custom-file .custom-file-label::after {
        padding: 0.25rem 0.5rem;
    }

.custom-file {
    height: calc(1.5em + 0.5rem + 2px) !important;
}

#ModelUOM .modal-dialog.modal-dialog-centered {
    display: block;
}

#divControlList {
    text-align: left;
}

    #divControlList .form-control {
        margin-top: 0.5rem;
    }

    #divControlList .syscontrol {
        margin-top: 30px;
        justify-content: start;
        -webkit-justify-content: start;
    }

        #divControlList .syscontrol input[type="checkbox"] {
            margin: 5px;
        }

.bootstrap-datetimepicker-widget {
    z-index: 9999999;
}

.form-group.hidden-lg.margin-b10 {
    display: none;
}

.userRightsEdit .btn {
    padding: 2px 10px !important;
    font-size: 12px;
    height: auto;
    line-height: normal;
}

.col-sm-2.text-right.form-group, .col-sm-2.text-right, .col-lg-2.text-right {
    line-height: normal;
}

.panel.panel-default.table-wo-padding {
    word-break: break-all;
}

.pmd-floating-action {
    left: inherit !important;
}

.panel.panel-default.login-box h5.text-center {
    padding-left: 30px;
}

#customFields label {
    display: block;
    text-align: left;
}

.custom-grid {
    overflow: initial;
}

.custom-form label {
    display: block;
    text-align: left;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.modal label {
    line-height: normal !important;
}

.dropdown-menu[data-bs-popper] {
    right: 0;
    left: inherit !important;
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto;
    color: #fff;
    filter: invert(4);
}

.form-control-sm {
    margin-bottom: 10px;
}

.tabledatepicker {
    position: relative !important;
}

.blue-btn, .btn-sm {
    padding: 5px 15px !important;
    font-size: 12px;
}