.page-logo span {
    background: url('../Images/sr.png') top left no-repeat;
    display: block;
    width: 200px;
    height: 75px;
    text-indent: -99999px;
    padding: 0px;
    margin: 0px;
}

.topSocial .twitter {
    background: url("../images/icon-twitter.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    float: left;
    height: 42px;
    width: 42px;
}
.topSocial .twitter:hover {
    background: url("../images/icon-twitter.png") no-repeat scroll left -42px #46d4fe;
    border-radius: 40px !important;
    transition: all 300ms ease 0s;
}
.topSocial .facebook {
    background: url("../images/icon-facebook.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    float: left;
    height: 42px;
    width: 42px;
}
.topSocial .facebook:hover {
    background: url("../images/icon-facebook.png") no-repeat scroll left -42px #37589b;
    border-radius: 40px !important;
    transition: all 300ms ease 0s;
}
.topSocial .linkedin {
    background: url("../images/icon-linkedin.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    float: left;
    height: 42px;
    width: 42px;
}
.topSocial .linkedin:hover {
    background: url("../images/icon-linkedin.png") no-repeat scroll left -42px #419cca;
    border-radius: 40px !important;
    transition: all 300ms ease 0s;
}

.rowTable {
margin: 3px 0;}
label {
    font-size: 12px !important; font-weight:bold !important;}

    .rowTable label {
        margin-bottom: 0;font-size: 12px !important;}
.nav-tabs > li > a, .nav-pills > li > a, .portlet.light > .portlet-title > .caption > .caption-subject {
    font-size: 12px !important;}

.portlet.light > .portlet-title > .caption > .caption-subject {
    font-size: 14px !important;}

.overflowHidden {
overflow: hidden;}

.clear {
clear: both;}

.textareaHeight {
height: 35px !important;}


.tab-content {
background: none !important;}

.tabbable-line > .nav-tabs > li {
/*margin-right: 19px !important;*/}

.portlet.light {
border-radius: 6px !important;}

.breadcrumb {
padding: 0 !important;}

/*Extra Changes starts here*/

.form-control {
font-size: 13px !important; height: 24px !important; padding: 0 6px !important;}

.btn { font-size: 13px !important; padding: 4px 14px !important; border-radius: 4px !important;
}
@media (min-width:768px) {
    .btn {
        padding: 3px 14px !important;
    }
}
.portlet > .portlet-title > .caption {
font-size: 14px !important;}

textarea.form-control {
    height: 60px !important;
}

.page-head .page-title {
padding: 9px 0 !important;}

.portlet.light {
padding: 0 20px !important;}

.portlet > .portlet-title {
margin-bottom: 0px !important;}

.portlet.light > .portlet-title > .caption, .portlet.light > .portlet-title > .tools {
padding: 10px 0 5px !important;}

.portlet.light > .portlet-title {
min-height: 38px !important;}

.portlet {
margin-bottom: 7px !important;}

.nav-tabs > li {
border-radius: 6px 6px 0 0 !important;}

.tabbable-line > .tab-content {
padding: 3px 0 !important;}

.page-prefooter {
padding: 10px 0 !important;}

.tableResponsiveScroll {
width: 100%; overflow-x: scroll;}

.overlay {
    background: #000;
    opacity: 0.50;
    z-index: 9999;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
}

.marginBottom10 {
margin-bottom: 10px;}
.marginTop10 {
margin-top: 10px;}
.clear {
clear: both;}


.marginTopBottom {
margin: 0 0 35px !important;}
@media (min-width:1200px) {
    .nav-tabs > li > a {
        padding: 10px 10px !important;
    }
}
.CostValidate {
    text-align: right !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
background: rgba(85, 97, 111, 0.8) !important;}

.tabbable-line > .nav-tabs > li.active > a {
    border-radius: 4px 4px 0 0 !important;
}
.customRadio input[type="radio"], .customCheck input[type="checkbox"]{
    margin-left: 0 !important; position: static !important;
}

.customRadio .radio-list .radio-inline + .radio-inline {
margin-left: 0 !important;}

.customRadio .radio-inline {
padding-left: 0 !important;}

.input-icon > i {
    margin: -4px 12px 4px 10px !important;
}

.controls .fa-sort {
top: 4px !important;}

.controls label {
 font-size: 13px !important;}

.fileinput .btn {
border-radius: 0 !important; padding: 3px 14px !important;}

.input-group-addon {
padding: 0 !important;}

.customrowTable .rowTable {
margin: 10px 0 !important;}


.widget-header:after, .widget-header:before {
        content: "";
        display: table;
        line-height: 0;
    }

    .widget-header:after {
        clear: right;
    }

    .widget-header > .widget-title {
    line-height: 36px;
    padding: 0;
    margin: 0;
    display: inline;
}
.widget-toolbar:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: -1px;
    border: 1px solid #D9D9D9;
    border-width: 0 1px 0 0;
}

input[type=checkbox].ace.ace-switch
{
    width: 55px;
    height: 25px;
}

input[type=checkbox].ace.ace-switch + .lbl
{
    margin: 4px;
    min-height: 24px;
}

input[type=checkbox].ace.ace-switch + .lbl::before
{
    font-family: 'Open Sans';
    content: "ACTIVE\a0\a0\a0\a0\a0\a0\a0\a0\a0INACTIVE";
    color: #999;
    text-shadow: 0 0 0 #999;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 84px;
    text-indent: -44px;
    margin-right: 0;
    -webkit-transition: text-indent .3s ease;
    -o-transition: text-indent .3s ease;
    transition: text-indent .3s ease;
    top: auto;
}

input[type=checkbox].ace.ace-switch + .lbl::after
{
    font-family: 'Open Sans';
    content: 'III';
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    color: #AAA;
    text-shadow: none;
    background-color: #FFF;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    top: -2px;
    left: -3px;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease;
}

input[type=checkbox].ace.ace-switch:checked + .lbl::before
{
    text-indent: 10px;
    color: #FFF;
    text-shadow: 0 0 0 #FFF;
    background-color: #468fcc;
    border-color: #468FCC;
}

input[type=checkbox].ace.ace-switch:checked + .lbl::after
{
    left: 64px;
    background-color: #FFF;
    color: #98A0A5;
}

input[type=checkbox].ace.ace-switch.ace-switch-2 + .lbl::before
{
    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
}

input[type=checkbox].ace.ace-switch.ace-switch-3 + .lbl::after
{
    font-family: FontAwesome;
    font-size: 13px;
    line-height: 22px;
    content: "\f00d";
    top: -1px;
    text-shadow: none;
    padding: 0;
    text-align: center;
    color: #BBB;
    letter-spacing: 0;
}

input[type=checkbox].ace.ace-switch.ace-switch-3:checked + .lbl::after
{
    content: "\f00c";
    color: #8AB2C9;
    text-shadow: none;
}

input[type=checkbox].ace.ace-switch.ace-switch-4, input[type=checkbox].ace.ace-switch.ace-switch-5
{
    width: 60px;
}

input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before
{
    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
    font-size: 12px;
    line-height: 21px;
    height: 24px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #8b9aa3;
    border: 1px solid #8b9aa3;
    color: #FFF;
    width: 56px;
    text-shadow: 0 0 0 #FFF;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::after, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::after
{
    content: 'III';
    font-size: 11px;
    position: absolute;
    top: 2px;
    left: 2px;
    letter-spacing: 0;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-shadow: none !important;
    color: #939393;
    background-color: #FFF;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before
{
    background-color: #468fcc;
    border-color: #468FCC;
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::after, input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::after
{
    left: 34px;
    background-color: #FFF;
    color: #848484;
}

input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before
{
    content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
}

input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl
{
    position: relative;
}

input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::before
{
    font-family: FontAwesome;
    content: "\f00d";
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: none;
    border-width: 0;
    font-weight: lighter;
    font-size: 16px;
    border-radius: 12px;
    display: inline-block;
    background-color: #888;
    color: #F2F2F2;
    width: 52px;
    height: 22px;
    line-height: 21px;
    text-indent: 32px;
    -webkit-transition: background .1s ease;
    -o-transition: background .1s ease;
    transition: background .1s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::after
{
    content: '';
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    position: absolute;
    top: 2px;
    left: 3px;
    border-radius: 12px;
    box-shadow: 0 -1px 0 rgba(0,0,0,.25);
    width: 18px;
    height: 18px;
    text-align: center;
    background-color: #F2F2F2;
    border: 4px solid #F2F2F2;
    -webkit-transition: left .2s ease;
    -o-transition: left .2s ease;
    transition: left .2s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::before
{
    content: "\f00c";
    text-indent: 6px;
    color: #FFF;
    border-color: #b7d3e5;
    background-color: #ff893c;
}

input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::after
{
    left: 32px;
    background-color: #FFF;
    border: 4px solid #FFF;
    text-shadow: 0 -1px 0 rgba(0,200,0,.25);
}

input[type=checkbox].ace.ace-switch.ace-switch-7
{
    width: 75px;
}

input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl
{
    position: relative;
}

input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl::before
{
    content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
    font-weight: bolder;
    font-size: 13px;
    background-color: #FFF;
    border: 2px solid #AAA;
    border-radius: 0;
    box-shadow: none;
    color: #AAA;
    width: 74px;
    height: 26px;
    line-height: 22px;
    overflow: hidden;
    text-indent: 5px;
    display: inline-block;
    position: relative;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl::after
{
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    top: 3px;
    left: 39px;
    width: 32px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    padding: 0;
    text-indent: 0;
    background-color: #AAA;
    color: #FFF;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

input[type=checkbox].ace.ace-switch.ace-switch-7:checked + .lbl::before
{
    color: #468fcc;
    background-color: #FFF;
    text-indent: -28px;
    border-color: #6fb3e0;
}

input[type=checkbox].ace.ace-switch.ace-switch-7:checked + .lbl::after
{
    left: 3px;
    content: '\f00c';
    background-color: #468fcc;
    color: #FFF;
}

input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before
{
    content: attr(data-lbl);
}

input[type=checkbox].ace.ace-switch.btn-empty + .lbl::after
{
    content: "";
}

input[type=checkbox].ace.ace-switch.btn-rotate + .lbl::after
{
    content: "\2261";
    line-height: 20px;
    font-size: 17px;
}

input[type=checkbox].ace.ace-switch-4.btn-rotate + .lbl::after, input[type=checkbox].ace.ace-switch-5.btn-rotate + .lbl::after
{
    line-height: 17px;
}

input[type=checkbox].ace.ace-switch.btn-flat + .lbl::after, input[type=checkbox].ace.ace-switch.btn-flat + .lbl::before
{
    border-radius: 0 !important;
}

input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before
{
    text-indent: -24px;
}

input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before
{
    text-indent: 7px;
}

input[type=checkbox].ace, input[type=radio].ace {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

label input[type=checkbox].ace, label input[type=radio].ace {
    z-index: -100 !important;
    width: 1 !important;
    height: 0 !important;
}

input[type=checkbox].ace:checked, input[type=checkbox].ace:focus, input[type=radio].ace:checked, input[type=radio].ace:focus {
    outline: 0 !important;
}

input[type=checkbox].ace + .lbl, input[type=radio].ace + .lbl {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: 400;
    cursor: pointer;
}

    input[type=checkbox].ace + .lbl::before, input[type=radio].ace + .lbl::before {
        cursor: pointer;
        font-family: fontAwesome;
        font-weight: 400;
        font-size: 12px;
        color: #32a3ce;
        content: "\a0";
        background-color: #FAFAFA;
        border: 1px solid #c8c8c8;
        box-shadow: 0 1px 2px rgba(0,0,0,.05);
        border-radius: 0;
        display: inline-block;
        text-align: center;
        height: 16px;
        line-height: 14px;
        min-width: 16px;
        margin-right: 1px;
        position: relative;
        top: -1px;
    }

input[type=checkbox].ace:checked + .lbl::before, input[type=radio].ace:checked + .lbl::before {
    display: inline-block;
    content: '\f00c';
    background-color: #F5F8FC;
    border-color: #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1);
}

input[type=checkbox].ace + .lbl:hover::before, input[type=checkbox].ace:hover + .lbl::before, input[type=radio].ace + .lbl:hover::before, input[type=radio].ace:hover + .lbl::before {
    border-color: #ff893c;
}

input[type=checkbox].ace:active + .lbl::before, input[type=checkbox].ace:checked:active + .lbl::before, input[type=radio].ace:active + .lbl::before, input[type=radio].ace:checked:active + .lbl::before {
    box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1);
}

input[type=checkbox].ace.ace-checkbox-2 + .lbl::before, input[type=radio].ace.ace-checkbox-2 + .lbl::before {
    box-shadow: none;
}

input[type=checkbox].ace.ace-checkbox-2:checked + .lbl::before, input[type=radio].ace.ace-checkbox-2:checked + .lbl::before {
    background-color: #f9a021;
    border-color: #f9a021;
    color: #FFF;
}

input[type=checkbox].ace.disabled + .lbl::before, input[type=checkbox].ace:disabled + .lbl::before, input[type=checkbox].ace[disabled] + .lbl::before, input[type=radio].ace.disabled + .lbl::before, input[type=radio].ace:disabled + .lbl::before, input[type=radio].ace[disabled] + .lbl::before {
    background-color: #DDD !important;
    border-color: #CCC !important;
    box-shadow: none !important;
    color: #BBB;
}

input.ace + .lbl.padding-16::before {
    margin-right: 16px;
}

input.ace + .lbl.padding-12::before {
    margin-right: 12px;
}

input.ace + .lbl.padding-8::before {
    margin-right: 8px;
}

input.ace + .lbl.padding-4::before {
    margin-right: 4px;
}

input.ace + .lbl.padding-0::before {
    margin-right: 0;
}

input[type=radio].ace + .lbl::before {
    border-radius: 100%;
    font-size: 10px;
    font-family: FontAwesome;
    text-shadow: 0 0 1px #32a3ce;
    line-height: 15px;
    height: 17px;
    min-width: 17px;
}

input[type=radio].ace:checked + .lbl::before {
    content: "\f111";
}
.widget-toolbar {
    display: inline-block;
    padding: 0 10px;
    line-height: 37px;
    float: right;
    position: relative;
}
.widget-toolbar label {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.widget-toolbar:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: -1px;
    border: 1px solid #D9D9D9;
    border-width: 0 1px 0 0;
}
input[type=checkbox].ace.ace-switch
{
    width: 55px;
    height: 25px;
}

input[type=checkbox].ace.ace-switch + .lbl
{
    margin: 4px;
    min-height: 24px;
}

input[type=checkbox].ace.ace-switch + .lbl::before
{
    font-family: 'Open Sans';
    content: "ACTIVE\a0\a0\a0\a0\a0\a0\a0\a0\a0INACTIVE";
    color: #999;
    text-shadow: 0 0 0 #999;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 84px;
    text-indent: -44px;
    margin-right: 0;
    -webkit-transition: text-indent .3s ease;
    -o-transition: text-indent .3s ease;
    transition: text-indent .3s ease;
    top: auto;
}

input[type=checkbox].ace.ace-switch + .lbl::after
{
    font-family: 'Open Sans';
    content: 'III';
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    color: #AAA;
    text-shadow: none;
    background-color: #FFF;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    top: -2px;
    left: -3px;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
    -webkit-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease;
}

input[type=checkbox].ace.ace-switch:checked + .lbl::before
{
    text-indent: 10px;
    color: #FFF;
    text-shadow: 0 0 0 #FFF;
    background-color: #468fcc;
    border-color: #468FCC;
}

.widget-header {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    min-height: 38px;
    /*background: #f7f7f7 repeat-x;
    background-image: -webkit-linear-gradient(top,#fff 0,#C5D3EB 100%);
    background-image: -o-linear-gradient(top,#fff 0,#C5D3EB 100%);
    background-image: linear-gradient(to bottom,#fff 0,#C5D3EB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffC5D3EB', GradientType=0);*/
    color: #3A74AD;
    border-bottom: 1px solid #ADC1E2;
    padding-left: 12px;
    text-transform:uppercase;
    font-stretch:expanded;
}

/*Floating Label css starts here*/

.field--wrapper {
  position:relative;
  /*margin-bottom:20px;*/
}
.field--wrapper label {
  position:absolute;
  padding: 0 3px;
  top:-13px;
  left:5px;
  color: #333;
  background: rgba(255, 255, 255, 0.6);
  font-size:13px;
  transition: all 0.1s linear;
  opacity:0;
}
.field--wrapper label.on {
  color:#077abc;
}
.field--wrapper label.show {
  top:-12px;
  opacity:1;
  color:#077abc;
}

/*Floating Label css ends here*/

.portlet.light > .portlet-title {
margin-bottom: 7px !important;}
.margin10 {
margin: 10px 0 !important;}

.itemDetailScroll {
width: 100%; /*overflow-y: scroll;*/ max-height: 220px;}

.registerDiv input, .registerDiv textarea{
    padding-right: 40px !important;
}
.clear {
clear: both;}
.ui-dialog {
z-index: 999;}
.redText {
color: red;}

.ui-jqgrid-hdiv .ui-jqgrid-htable th {
background: #4b8df8 !important; color: #fff !important;}

.ui-jqgrid {
box-shadow: none !important; border-radius: 0 !important; border: solid 1px #ddd !important;}

.ui-pg-table {
color: #333 !important;}

.ui-jqgrid-htable, .ui-jqgrid-btable {
width: 100% !important;}
.ui-button {
background: #fff !important;}
   .ui-widget .myAltRowClass {
            background: #8fbc8f !important;
        }
.ui-jqgrid tr:nth-child(odd) {background: #fff /*!important*/; border: none;}
.ui-jqgrid tr:nth-child(even) {background: #dbf0f5 /*!important*/; border: none;}



.ui-jqgrid .ui-pg-input, .ui-pg-selbox {
height: 25px !important; border: solid 1px #ddd; border-radius: 4px !important; color: #777 !important; padding: 6px !important;}

.ui-jqgrid-sortable {
text-align: left;}

.ui-pager-control {
background: #fff;}

.ui-jqgrid-btable tr{
cursor: pointer;}

.ui-datepicker {
    background: #fff !important; border-radius: 6px !important; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; font-size: 13px !important;
}
.ui-datepicker-header {
background: #fff !important; border: none !important;}

.ui-datepicker-title, .ui-datepicker th {
     font-weight: normal !important;
}

.ui-datepicker-next-hover {
    right: 2px !important; top: 2px !important;
}
.ui-datepicker-prev-hover {
    left: 2px !important; top: 2px !important;
}

.ui-datepicker-prev-hover, .ui-datepicker-next-hover, .ui-datepicker td a:hover {
background: #eee !important; border: none !important; cursor: pointer; border-radius: 4px !important;}

.ui-datepicker td span, .ui-datepicker td a {
text-align: center !important; background: #fff !important; border: none !important; padding: 6px !important;}

.ui-datepicker-current-day .ui-state-active {
background: #3276b1 !important; color: #fff !important; border-radius: 4px !important;}

.ui-datepicker-close, .ui-datepicker-current {
background: #468fcc !important; color: #fff !important; border-radius: 4px !important; border: none !important; font-weight: normal !important;}
    .ui-datepicker-close:hover, .ui-datepicker-current:hover {
    border: none !important;}
.editable {
border: solid 1px #e5e5e5 !important; padding: 5px !important; border-radius: 4px !important;}

/*.s-ico {
position: absolute; right: 15px;}*/

.ui-jqgrid .ui-jqgrid-htable th {
padding: 5px !important; font-weight: bold !important;}

.ui-jqgrid tr.ui-row-ltr td {
padding: 5px !important; /*border: none !important;*/border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}

.ui-jqgrid .ui-jqgrid-pager {
height: auto !important; padding: 5px 0 !important; background: #fff !important;}
.ui-jqgrid-btable select{
    width: 100% !important;
}
.ui-jqgrid .ui-jqgrid-hbox {
float: none !important;}
.ui-pg-button:hover {
    border: none !important;padding: 1px !important;
}
.marginTop25 {
    margin-top: 25px !important;}
.modal .modal-header, .ui-dialog-titlebar {
    background: #418bca !important;border-radius: 6px 6px 0 0 !important;}

    .modal .modal-header h4, .ui-dialog-title {
    color: #fff !important;}
.well {
    border-radius: 4px !important;}
.transferKit {
    border: 1px solid #e5e5e5; max-height: 130px !important;height: 130px !important;width: 100%; overflow-y: scroll;
}
.qty {
    font-size: 13px !important;
    height: 24px !important;
    padding: 0 6px !important;
    background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    font-weight: normal;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.transferToRight {
    margin-top: 80px;/*margin-left: 3%;*/
}
.transferRight {
min-height: 164px !important;max-height: 164px;overflow-y: scroll;background: #fff;border: solid 1px #e5e5e5;}
.greyBox {
    background: none repeat scroll 0 0 #fafafa;border: 1px solid #ddd;margin: 10px 0 !important;padding: 15px;}
.chooseLine {
    border-bottom: 1px solid #eee;padding-bottom: 5px;padding-top: 10px;color: #4db3a2 !important;}

.showHide {
background: none repeat scroll 0 0 #eee; color: #333; cursor: pointer; float: left; height: 28px; padding: 5px; position: absolute; right: 5px; text-align: center; top: 5px; width: 28px;
}
.uploadImageThumbPreview {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 1px solid #acacac;
    display: inline-block;
    margin: 17px;
    padding: 6px;
    position: relative;
    vertical-align: top; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
    font-size: 14px;width: 120px;height: 150px;}

.RemoveAttachment {
    background: none repeat scroll 0 0 #f0f0f0;
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-top: 7px;
    padding: 5px 10px;cursor: pointer;}
    .RemoveAttachment:hover {
        text-decoration: none;}
.uploadedImg {
    width: 105px;height: 100px;}
    .uploadedImg img {
        width: 100%;height: 100%;}
.floatLeft {
    float: left;}
.barCodeImg {
    /*height: 100px;width: 100px;*/}
    .barCodeImg img {
        width:100%;height: 100%;}
.ui-icon-closethick {
    top: 0 !important;left: 0 !important;
}

.dropdown-menu .mega-menu-content .mega-menu-submenu li > a {
    font-weight: bold !important;}

.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
    background: none repeat scroll 0 0 #4e5966 !important;}




/*-----------XERO, MYOB, QBO -----------*/
h1.xero{
    color: #fff;
    background: #00B7E3 url(../images/xero.png) left center no-repeat;
    padding:10px 10px 10px 90px;
    font-size:18px;
    width:100%;
    display:inline-block;
}
.btn-xero, .btn-xero:focus
{
    background-color: #00B7E3 !important;
    border-color: #00B7E3;
}

.btn-xero:active, .btn-xero:hover
{
    background-color: #00A5CE !important;
    border-color: #00B7E3;
}
.btn-xero.active
{
    background-color: #00A5CE !important;
    border-color: #00A5CE;
}
h1.myob{
    color: #fff;
    background: #6A1F7E url(../images/myob.png) left center no-repeat;
    padding:10px 10px 10px 90px;
    font-size:18px;
    width:100%;
    display:inline-block;
}
.btn-myob, .btn-myob:focus
{
    background-color: #6A1F7E !important;
    border-color: #6A1F7E;
}

.btn-myob:active, .btn-myob:hover
{
    background-color: #6A1F7E !important;
    border-color: #521861;
}
.btn-myob.active
{
    background-color: #6A1F7E !important;
    border-color: #6A1F7E;
}
h1.qbo{
    color: #fff;
    background:  #2CA01C url(../images/qbo.png) left center no-repeat;
    padding:10px 10px 10px 90px;
    font-size:18px;
    width:100%;
    display:inline-block;
}
.btn-qbo, .btn-qbo:focus
{
    background-color:  #2CA01C !important;
    border-color:  #2CA01C;
}

.btn-qbo:active, .btn-qbo:hover
{
    background-color:  #2CA01C !important;
    border-color: #258417;
}
.btn-qbo.active
{
    background-color:  #2CA01C !important;
    border-color:  #2CA01C;
}

#xero a, #myob a, #qbo a {
    color: #fff !important;}
/*-------------------------------------------------*/

.CheckBoxAlignTop {
 vertical-align: top; line-height: 30px;}

.rowTable1 {
    margin: 5px 0;}
.showMenu {
    display: block !important;}
.loaderDiv {
    width: 30px;height: 30px;float: left;margin: 0 10px;}
    .loaderDiv img {
        width: 100%;height: 100%;}
#myDashboard {
    margin: 0;padding: 0;}
    #myDashboard li {
        list-style: none;
        float: left;
        width: 50%;
    }

#delmodAccessoriesGrid, #delmodCustomChargeGrid, #delmodPeriodTypesGrid, #delmodRentalGrid, #delmodgrid-table, #delmodStanddownDtlsGrid, #info_dialog, #delmodKitGrid, #delmodaddressGrid, #delmodBookingAccessoriesGrid, #delmodPlaceOrder, #delmodLocationGrid {
    left: 37% !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);border-radius: 5px !important;top: 30% !important;}
.ui-widget-header{border-radius:4px 4px 0px 0px !important;}
.ui-jqdialog .ui-jqdialog-titlebar, .ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content {
    padding: 15px !important;}
.ui-jqdialog .ui-jqdialog-titlebar {
    cursor: auto !important;}
.ui-jqdialog-titlebar-close {
    background: none !important;
}
.ui-jqdialog-titlebar-close:hover, .ui-jqdialog-titlebar-close:active, .ui-jqdialog-titlebar-close:focus {
    background: none !important;border: none !important;outline: none !important;}
.ui-jqdialog .ui-jqdialog-title {
    font-weight: normal !important;}
.warningBg {
    background: #fae2dd;padding: 5px;line-height: 22px;}
.ui-widget-overlay {
    background: #000 !important;opacity: 0.5 !important; position:fixed !important;}
.ui-widget-header {
background:none repeat scroll 0 0 #418bca !important;color: #fff !important;border: none !important;
}
.ui-jqdialog {
    position: fixed !important;top: 0 !important;margin: 30px 0;padding: 0 !important;border: none !important;}
.ui-widget-content {
    border: none !important;}
.ui-datepicker-title {
    color: #333 !important;}
.positionTop {
    position: absolute;top: -15px;right: 0;}
#printable1 img{
    /*width: 100%;*/}
/*.ui-jqgrid-hdiv {
    width: 98.5%;}
.ui-jqgrid-bdiv {
    max-height: 200px;overflow-y: scroll;}*/
.ui-dialog {
    top: 15% !important; border-radius: 6px !important; position:fixed !important;}
.page-content {
    padding: 10px 0;}
.close {
    opacity: 1 !important;}
/*.modal-dialog {
    top: 30% !important;}*/

.modal-myposition {
    top: 30% !important;}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.modal-myposition, .modal-myposition2 {
    top: 220px !important;}
}
.modal-myposition2 {
    top: 15% !important;}


.modal-myposition, .modal-myposition23 {
	top: 220px !important;
}

}

.modal-myposition23 {
	top: 10% !important;
}

.modal-custwidth{width:700px;}

.underline:hover {
    text-decoration: underline;}
#printable1 {
    text-align: center;}
.scrollerGrid {
    max-height: 200px;overflow: scroll;}
.ui-icon-closethick {
    background: url(/assets/global/img/remove-icon-small.png) no-repeat 3px 2px rgba(0, 0, 0, 0) !important;}

.ui-dialog .ui-dialog-titlebar-close {
    background: none !important;}
.ui-dialog-titlebar-close {
    border: none !important;}
.modal-content {
    border-radius: 6px !important;background-clip: inherit !important;}

.page-content {
    min-height: 450px;}

.maxHeight {
    /*height: 200px;*/ max-height: 200px;overflow: scroll;}
.ui-datepicker {
    z-index: 2 !important;}
.tabbable-line > .nav-tabs > li > a {
    font-weight: bold;}

textarea {
    resize: none;}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background: #d8e2e5;}

.ui-jqgrid .ui-jqgrid-view {
    border: solid 1px #e5e5e5;}

.greenText {
    color: #35aa47;font-weight: bold;padding: 10px;background: #fff;border: solid 1px #ddd;border-radius: 5px !important;margin: 10px 0;
}
.warningText {
    color: #fff;font-weight: bold;padding: 10px;background: #dd5a43;border-radius: 5px !important;margin: 10px 0;
}
#InvPriceSection label, #InvCustomChargesSection label{
    display: block;text-align: right;}

.marginTop15 {
    margin-top: 15px;}

.ui-autocomplete {
    background: none repeat scroll 0 0 #f5f5f5 !important;
    border: 1px solid #ddd !important;
    max-height: 300px;
    overflow-y: scroll;
    /*width: 25% !important;*/
}
/*.ui-state-hover {
        background: transparent !important;
    }*/
.ui-jqgrid-bdiv .ui-state-hover {
    background: none !important;}
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        /*background: #fff !important;*/border: none !important;}
/*Added by Nithil start to higlight the select row in grid */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #fcefa1 !important;
    border: none !important;
}
/*By Nithil end to higlight the select row in grid */
.ui-autocomplete .ui-menu-item .ui-state-focus {
    background: #fff !important;}
.maxHeight200 {
    max-height: 200px;overflow-y: scroll;}

#Span_ShowLoading {
    float: left;padding-top: 3px;padding-left: 5px;}

.ui-autocomplete-input, .searchIconBg {
    background: url('../../Content/web/treeview/search.png') 99% 4px no-repeat #fff ; padding-right: 20px !important;
}

.logoContainer {
    width: 240px !important;height: 120px !important;position: relative;}

    .logoContainer img {
        width: 100%;height: 100%;}

.ui-icon-trash {
    background: url('/Images/trash.png') no-repeat !important;}

.ui-state-hover .ui-icon-trash {
    margin: 0 !important;
}
  
        /*.ui-state-hover span {
            margin: 0 !important;}*/

.ui-jqgrid .ui-jqgrid-resize-ltr { margin: 0 !important;
}


.ui-icon-pencil {
    /*background: url('../../Content/web/edit.png') no-repeat !important;*/
   background: url('/Images/pencil2.png') no-repeat !important;margin: 0 5px !important;
    /*background: url('/Images/edit12.png') no-repeat !important;*/
}
.ui-icon-disk {
    background: url('/Images/save.png') no-repeat !important;margin: 0 5px !important;
}
.ui-icon-cancel {
    background: url('/Images/cancel.png') no-repeat !important;
    
}
#VisibleReportContentReportViewer3_ctl09 table {
    width: 100% !important;max-height: 1000px;}
#VisibleReportContentReportViewer2_ctl09 table {
    width: 100% !important;}
#VisibleReportContentReportViewer2_ctl09 table {
width: 100% !important}



.borderControl {
    border: solid 1px #ccc;width: 100%;}
.exportOptions span {
    margin: 0 5px;cursor: pointer;}

/*.exportOptions {
float: right;}*/
.width100P {
    width: 100%;}
.labelRight {
    display: block;text-align: right;padding-right: 3px;}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 5px !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

    legend.scheduler-border {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
    }

legend {
    margin: 0 !important;}

.loaderPage {
     background: none repeat scroll 0 0 #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;}
.loaderInner {
    position: absolute;top: 50%;left: 37%;z-index: 99999;background: #fff;text-align: center;padding: 5px;}
.pleasewaitLabel {
    color: #333;font-size: 16px;display: block;text-align: center;}
.showLoader {
    display: block !important;}

.removeImage {
background: none repeat scroll 0 0 #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 0;}

#jqgh_grid-table_quantity, #jqgh_grid-table_rentalrate, #jqgh_grid-table_amount, #jqgh_grid-table_Hirerate, #jqgh_grid-table_Discount, #jqgh_transactionGrid_GrossAmount, #jqgh_StanddownDtlsGrid_Days, #jqgh_invoiceHeaderGrid_GrossAmount, #jqgh_paymentGrid_PaymentAmount {
    text-align: right;}
.disabledPointer {
    opacity: 0.5;
    pointer-events: none;
}
.form-control {
    border: 1px solid #cfcece !important;}

    .form-control:focus {
        border-color: #999999 !important;}
.eventMgtDataActive {
    float: none !important;}


    .eventMgtDataActive::before {
    border: none !important;}

#gview_KitGrid > .ui-jqgrid-hdiv > .ui-jqgrid-hbox > .ui-jqgrid-htable > thead > .ui-jqgrid-labels > th:last-child {
    width: 25px !important;}

#KitGrid tbody tr td:last-child {
    width: 25px !important;}

.ui_tpicker_hour .ui_tpicker_hour_slider .ui-state-active, .ui_tpicker_minute .ui_tpicker_minute_slider .ui-state-active {
    background: #e9967a !important;}
.ui_tpicker_hour_slider, .ui_tpicker_minute_slider {
    background: none repeat scroll 0 0 #f3f3f3 !important;border: 1px solid #cacaca !important;}

.loginError {
    border: 1px solid #e23e3e !important;
}

.greyBoxInvoice {
    background: none repeat scroll 0 0 #fafafa;border: 1px solid #ddd;margin: 10px 0 !important;padding: 5px;}

.previewHeader label, .addressSection label {
    font-weight: bold;}

.form-control1 {
background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}

.setMaxHeight {
    height: 80px !important;max-height: 80px !important;}

.invoiceDetailGreyBox {
    background: none repeat scroll 0 0 #fafafa;border: 1px solid #ddd;margin: 10px 0 !important;padding: 5px;
}

    .invoiceDetailGreyBox label {
        font-weight: bold;margin-right: 10px;}


.marginTop7 {
    margin-top: 7px;}

.marginTop3 {
    margin-top: 3px;}


.modal .modal-header.modal-red {
    background: none repeat scroll 0 0 #d84a38 !important
}
.modal .modal-header.modal-green {
    background: none repeat scroll 0 0 #35aa47 !important
}
.modal .modal-header.modal-blue {
    background: none repeat scroll 0 0 #4b8df8 !important
}
.modal .modal-header.modal-gray {
    background: none repeat scroll 0 0 #bebdbd !important;
}
.modal .modal-header.modal-yellow {
    background: none repeat scroll 0 0 #ffb848 !important
}
.modal .modal-header.modal-purple {
    background: none repeat scroll 0 0 #8775a7 !important
}

.minHeight50px {
    min-height: 53px !important; 
}

.fc-header {
    background: #1bbc9b;}
.fc-header-left, .fc-header-center, .fc-header-right {
    padding-top: 10px !important;}

.fc-header-left .fc-state-default, .fc-header-right .fc-state-default {
    background: none;background-image: none;border: none;box-shadow: none;color: #fff;text-shadow: none;
}

    .fc-header-right .fc-state-active {
        background: #fff;color: #1bbc9b;border-radius: 6px 6px 0 0 !important;}

.fc-header-right {
    vertical-align: bottom !important;}
    .fc-header-right span {
        padding: 5px;display: inline;margin: 0 5px !important;}

.fc-header .fc-header-left .fc-button, .fc-header .fc-header-right .fc-button {
    margin-bottom: 0;}

.fc-event {
    border: none !important;border-radius: 4px !important;padding: 2px;}

.ConfirmedCal {
    height: 15px;width: 15px;background: #1bbc9b;float: left;}
.TentativeCal {
    height: 15px;width: 15px;background: #c6a202;float: left;}
.CancelledCal {
    height: 15px;width: 15px;background: #f3565d;float: left;}
.RentalCal {
    height: 15px;width: 15px;background:#657fd2;float: left;}
.ServiceCal {
    height: 15px;width: 15px;background:#999C9C;float: left;}

.fullCal label {
    margin: 0 5px;}

.noBg {
    background: none !important;}
/*Comment to solve the grid issue*/
/*#BookingNoGrid_ShipAddrDtls {
    width: 120px !important;}
    */
.minHeight50px .freeText {
height: 26px !important;}

.resultBlock {
    clear: both;}

.newSearch {
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 1;
    background: #fff;
    border: 1px solid #ddd !important;
    max-height: 300px;
    overflow-y: scroll;
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1);z-index: 99;
    font-size:10px;
}

    .newSearch li:hover {
        background: #ddd;color: #555;cursor: pointer;}

    .newSearch li.selectedli {
        background: #f6f6f6;color: #555;cursor: pointer;}

.newSearch li+li{border-top:1px solid #ddd;}

.newSearch li:nth-child(2n+1){background:#f5f5f5;}
.newSearch li:nth-child(2n+1):hover{background:#ddd;}

#loginLink, #login i {
    color: #fff;}

/*.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu::after {
    border-bottom-color: #4db3a2 !important;}*/

/*.page-header .page-header-top .top-menu .navbar-nav > li;.dropdown-dark .dropdown-menu {
    background: none repeat scroll 0 0 #ddd !important;
}*/

#ReportViewerframe .reportLoaderPos{
    position: absolute;left: 50%;top: 50%;}

.greyBorder {
    border-bottom: solid 1px #d9d9d9; border-top: solid 1px #d9d9d9;}
.forYear, .forYear label {
    font-size: 16px !important;}
.smartSearch {
    float: left;}



@media only screen and (max-width: 479px) {
    .ui-paging-info
{
display: none;}
    .transferToRight {
    margin-top: 10px;
}
    .marginTop20 {
margin-top: 20px !important;}
    .ui-jqgrid-labels th:last-child {
    width: 100px !important;}

#KitGrid tbody tr td:last-child {
    width: 100px !important;}
}


.searched_items .itemcode{float:left; width:100px;word-wrap:break-word}
.searched_items .itemname{ float:left;width:100px; margin-left:10px;word-wrap:break-word}
.searched_items .Serianumber{ float:left;width:100px;margin-left:10px;word-wrap:break-word}

.bottom_buttons{width:100%; float:left; margin:5px 0;}

@media (min-width:768px) {
    .bottom_buttons{margin:7px; display:inline-block; float:none; width:auto;}
}

@media (min-width:1200px) {
    .bottom_buttons{margin:7px; display:inline-block; float:none; width:auto;}
}

.pageload_overlay{width: 100%; height: 100%; display: none; position: absolute; z-index: 99999; background-color: whitesmoke; text-align:center;}
.pageload_overlay img{width:20px;}
.pageload_overlay .loading_stuff{padding-top:180px;}

.set_height_dropdown{height:182px !important;}

.fieldspanel{background:#eee; border:1px solid #ddd; padding:14px 0; float:left; width:100%; margin:10px 0;}

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

.loading_popup{position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; z-index:999; display:none;}
.loading_popup:before{vertical-align:middle; height:100%; content:""; display:inline-block;}
.loading_second_layer_popup{position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; z-index:99999; display:none;}
.loading_second_layer_popup:before{vertical-align:middle; height:100%; content:""; display:inline-block;}
.popup_overlay{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5;}
.popup_stuff{vertical-align:middle; display:inline-block; padding:15px; background:#fff; border-radius:5px !important; position:relative; z-index:9999;}
.popup_stuff .loading_img{width:20px;}

.custom_width_modal{max-width:400px;}

.radiogroup input[type=radio]{margin-right:5px;}
.radiogroup #RadioCustomers{float:left;}
.radiogroup label{margin-right:15px;}
.radiogroup #txtpage{border:1px solid #cfcece; height:25px; position:relative; top:-6px;}
.uploadedfilename{background:#eee; padding:3px; min-width:200px; float:left; padding:0 10px 10px; margin-bottom:5px;}
.uploadedfilename div{margin-top:13px;}
.uploadedfilename a{float:right !important;}

.fileinputs{width:100%; margin:15px 0; float:left;}
.qq-upload-button{background:#35aa47; padding:5px 10px; border-radius:5px !important; color:#fff; width:200px; text-align:center; float:left;}
.qq-upload-list{list-style:none; background:#fffeb5; padding:5px; width:auto; margin-left:20px; float:left;}
.qq-upload-list li span{margin-left:5px;}
.qq-upload-list li a{margin-left:5px;}

.page_title{margin-bottom:20px;}
.mandatory{color:red;}

.search_field .form-control{width:157px; float:left; margin-right:10px;}

@media (min-width:1200px) {
    .service_num label{width:100%; float:left;}
    .service_num .form-control{width:250px; float:left; margin-right:10px;}

    .search_field label{width:100%; float:left;}
    .search_field .form-control{width:168px; float:left; margin-right:10px;}
}
@media (min-width:768px) {
    .service_num label{width:100%; float:left;}
    .service_num .form-control{width:250px; float:left; margin-right:10px;}

    .search_field label{width:100%; float:left;}
    .search_field .form-control{width:168px; float:left; margin-right:10px;}
}

.login_body{background:url(../Images/login-bg.jpg) 0 -290px repeat;}

.login_frame{width:100%;}
.login_main{width:100%;}
.login_main .circle_img{display:none;}

.login_title{color:#fff; font-size:28px; color:#fff; }
.loginstuff{width:210px; margin:80px auto 0; height:250px;}

.loginstuff h3{color:#fff; font-size:18px; text-align:center; margin:0 0 30px; border-bottom:2px solid #68d0df; padding-bottom:10px;}
.loginstuff .input_control{width:100%; border:none; margin-bottom:20px; height:25px; text-indent:5px; font-size:12px;}
.loginbtn{margin-top:15px;}
.loginbtn input[type=button]{float:right; background:#69d1e0; border:none; color:#fff; width:70px; height:30px; font-weight:bold;}
.loginbtn p{margin-top:8px; font-size:11px; color:#fff; float:left;}
.loginbtn p input[type=checkbox]{float:left; margin:0 5px 0 0;}

.forgot_pswd{position:absolute; bottom:10px; left:0; color:#fff; font-size:11px; width:100%; text-align:center; }

.forgot_pswd a{color:#fff;}

@media (min-width:768px) {
    .login_body{background:url(../Images/login-bg.jpg) 0 0 repeat;}
     .login_frame{width:670px; height:470px; margin:96px auto 0;}
.login_main{width:670px; height:470px; float:left; position:relative;}
.login_main .circle_img{float:left; width:100%; display:block;}
.login_title{position:absolute; top:50px; left:0px; width:100%; text-align:center;}

.loginstuff{position:absolute; top:190px; right:82px; height:250px; margin:0;}
.loginstuff h3{color:#0d506b; }

.forgot_pswd{float:left; margin-top:35px; position:static;}
}

.header_cp{background:#f3f3f3; border-bottom:2px solid #e8e8e8;}
.logo_cp{margin:13px 0;}
.logout_cp{margin:17px 16px 17px 0; cursor:pointer;}

@media (min-width:768px) {
    .logo_cp{margin:5px 16px 5px 0;}
}
.welcome_text{color:#2a3566; text-align:center; line-height:30px; font-weight:bold; font-size:18px; border-top:1px solid #ddd;}
@media (min-width:768px) {
.welcome_text{text-align:right; line-height:63px; border-top:none;}
}
.panel_row{padding:20px 0;}

.placeorder_btn{background:#2da053; color:#fff; font-weight:bold; font-size:20px !important; margin-bottom:10px;}

.grid_panel{background:#fafafa; border-radius:5px; padding:15px; margin-top:20px; border:1px solid #ddd;}
.grid_panel h3{margin:0 0 20px 0; font-size:18px;}

.page_title_cp{background:#fafafa; border-bottom:1px solid #ddd; color:#2a3566; margin-bottom:20px;}
.page_title_cp h3{margin-top:10px;}
.dashboard .page_title_cp{margin-bottom:0;}

.btn_style{background:#2da053; color:#fff; font-weight:bold;}
.btn_style:hover{background:#107f35; color:#fff;}
.login_btn{background:#2da053; color:#fff; font-weight:bold; margin-top:18px;}
.login_btn a{color:#fff; font-weight:bold;}

.mandatry{font-size:12px; font-weight:normal; margin-top:5px;}

.venue_stand .tabbable-line > .nav-tabs{background:#f5f5f5;}
.venue_stand .tabbable-line > .nav-tabs > li.active > a{border-radius:0 !important;}

.forgot_frame{margin:50px auto; width:230px;}
@media (min-width:768px) {
.forgot_frame{margin:100px auto; width:350px;}
}
.forgotstuff{background:#eee; border-radius:5px; padding:15px; border:1px solid #ddd;}
.forgotstuff h4{margin-top:0; border-bottom:1px solid #ddd; padding-bottom:10px;}



.anchor{color:#1004fc !important; font-weight:bold;}
.anchor:hover{text-decoration:underline !important; color:#fc6104 !important;}

#CustomChargesSection input[type=text]{margin-bottom:15px;}
.total_amount{margin-top:15px; border-top:1px solid #eee; padding-top:10px;}

#spnforyear{padding:3px; border:none;}

/*#BookingDetailsDivForm .itemDetailScroll{overflow:auto;}*/


#gview_HiringNoGrid .ui-jqgrid-bdiv{max-height:200px;}
#gview_BookingNoGrid .ui-jqgrid-bdiv{max-height:200px;}

.showall{width:auto !important;}

.invoicepre label{float:left; width:80px;}
.invoicepre .val{margin-left:85px;}

.dataTables_wrapper{position:relative; overflow:auto;}
.dataTables_wrapper .col-xs-6{position:static;}
.dataTables_wrapper .pagination{margin:0;}
.dataTables_length{position:absolute; bottom:10px; left:232px;}

.btn_panel{border-top:1px solid #eee; padding-top:15px; margin-top:15px;}

.myob_dropdown{width:150px; margin-left:6px; float:left;}

.modal-center-position{top:23% !important;}

.load_myob{position:relative;}
.load_myob .loaderDiv{position:absolute; top:-4px; right:-40px;}

#StockViewGrid{font-size:11px;}

#StockViewGrid th:first-child{width:150px !important;}

.radio-inline{padding-left:0;}

.note_text{background-color: #D9EDF7; border-color: #BCE8F1; color: #1A678D; padding: 8px 14px; font-size: 13px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; border-radius: 4px; margin-bottom:15px;}

.button_bottom{border-top:1px solid #ddd; padding-top:10px;}
.button_bottom .btn{float:right; margin-left:10px;}

.bottom_btns{margin:10px; display:inline-block;}
.bottom_btns .btn{margin:0 5px;}

.add_row_data{margin-top:15px; border-top:1px solid #ddd; padding-top:10px; float:left; width:100%;}

.other_charges{border:1px solid #ddd; padding:15px !important; border-radius:5px !important; background:#f9f9f9; overflow:hidden; margin-bottom:10px; margin-top:20px !important;}

#row-input-controls{border-bottom:1px solid #ddd; padding-bottom:15px;}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th 
         {
            background-color: unset;
         }
/*#StockViewGrid_wrapper{overflow:auto;}*/

/*.ui-widget-header {
background: #fff !important; border: none !important;}


.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none !important/*{borderColorHover}*/; background: #dadada/*{bgColorHover} url(images/ui-bg_glass_75_dadada_1x400.png)*//*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }*/

/*Extra Changes ends here*/
.checkingstatus{
   /*word-wrap: break-word;*/
}

                                                                                                                                                                                                                                                                                                                                            .KM{

}

div.editableDiv {
    /*width: 500px;*/
    height: 275px;
    border: 1px solid #ccc;
    padding: 5px;
    overflow: auto;
}

 /*a[title]:hover:after{
    content: attr(title);
    background: black; 
    color:white;
    position: fixed;
    left: 5%;
    top: 10%;
    padding:7px;
 }*/


 a.HelponChk {
    border-bottom: 1px dashed;
    text-decoration: none
}
a.HelponChk:hover {
    cursor: help;
    position: relative
}
a.HelponChk span {
    display: none
}
a.HelponChk:hover span {
    font-family:sans-serif;
    border: #000;
    border-radius:5px !important;
    padding: 10px;
    display: block;
    z-index: 100;
    background:black;
    color:white;
    left: 0px;
    margin: 10px;
    width: 250px;
    position: absolute;
    top: 10px;
    left:-200px;
    text-decoration: none
}

.ui-datepicker-week-end a {
	color: red !important;
}