.scrolling-element-class {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

    .scrolling-element-class .child-element {
        position: relative;
        -webkit-transform: translate3d(0,0,0);
    }

.fullWidth {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    margin-right: 20px;
    /*width: 960px;*/
    position: relative;
    display: block;
    left: 10px;
    right: 10px;
    margin: auto;
    background-color: #FFFFFF;
    border: 0px solid #BEC6CC;
    -moz-box-shadow: 0px 0px 22px #191818;
    -webkit-box-shadow: 0px 0px 22px #191818;
    box-shadow: 0px 0px 22px #191818;
    padding: 15px 25px;
    height: initial !important;
}

body > #quoteinvoicereportdlg {
    top: 48%;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    transition: none !important;
    font-family: Calibri;
    width: 600px !important;
    margin-left: calc(50% - 300px) !important;
}

.cs_tab-content {
    max-height: 146px;
    overflow-y: scroll;
    margin-bottom: 20px;
}

.activityContent .col {
    min-width: 300px !important;
}

/*#quoteinvoicereportdlg {
    transition: all 0.3s;
}*/

.fullWidth > .sectionHeading:before,
.fullWidth > .sectionHeading:after {
    display: table;
    content: "";
    zoom: 1;
}

.sectionHeading .breadcrumb {
    float: left;
    padding-left: 10px;
}

.breadcrumb span {
    background: url(../images/breadcrumb-sep.png) no-repeat right;
    font-size: 13px;
    font-weight: normal;
    line-height: 32px;
    height: 32px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 2em;
    margin-right: 1em;
    float: left;
}

    .breadcrumb span.currentName {
        font-size: 16px;
        padding-right: 0;
        margin-right: 0;
        background: none;
    }

.fullWidth > .ui-widget-content {
    border-width: 0 1px;
    padding: 14px;
}

#lightbox {
    margin: 0;
    padding: 0;
    /*font-family: Tahoma;*/
    font-size: 12px;
    color: #000;
    position: relative;
    background-color: #fff;
    text-align: left;
}

.blueBox {
    border-radius: 10px;
    -moz-border-radius: 10px;
    border: solid #336699 2px;
    padding-bottom: 5px;
}

.blueBoxThin {
    border-radius: 10px;
    -moz-border-radius: 10px;
    border: solid #336699 4px;
    padding-bottom: 5px;
}

.alertbox {
    width: 290px;
}

.alertfooter {
    background-color: #E0ECF8;
    height: 22px;
    padding: 6px 5px 6px 5px;
}

.logoutbox {
    width: 270px;
}

.logoutfooter {
    background-color: #E0ECF8;
    height: 24px;
    padding: 7px 5px 6px 5px;
}


.bigButton {
    border-radius: 8px;
    color: #fff;
    padding: 3px 0px;
    margin: 4px;
    line-height: 1.428571429;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    overflow: visible;
    width: 90px;
    border: 1px solid;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-user-select: none;
    margin: 4px;
}

    .bigButton.white {
        color: #828282;
        border-color: #828282;
        background-color: #fff;
    }

        .bigButton.white:hover {
            border-color: blue;
        }

    .bigButton.blue {
        color: #fff;
        border-color: #fff;
        /*background-color: #00aaff;*/
        background-color: #3686ce;
    }

    /*.bigButton.blueNew {
        color: #fff;
        border-color: #fff;
        background-color: #0070c0;
    }*/

    .bigButton.blueborder {
        border-color: #00aaff;
    }

    .bigButton.green {
        color: #fff;
        /*background-color: #5cb85c;*/
        background-color: #70ad47;
        border-color: #4cae4c;
    }

    /*.bigButton.greenNew {
        color: #fff;
        background-color: #00b050;
        border-color: #00b050;
    }*/

    .bigButton.red {
        border-color: #f2150d;
        background-color: #f2150d;
    }

    .bigButton.pearl {
        border-color: #a1abb3;
        background-color: #a1abb3;
    }

.smallButton {
    border-radius: 5px;
    color: #FFFFFF;
    padding: 3px;
    margin: 3px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    overflow: visible;
    width: 80px;
    font-size: 11px;
    border: 1px solid;
}

    .smallButton.green {
        border-color: #27d152;
        background-color: #27d152;
    }

    .smallButton.pearl {
        border-color: #a1abb3;
        background-color: #a1abb3;
    }

    .smallButton.blue {
        border-color: #fff;
        background-color: #00aaff;
    }

.left {
    float: left;
}

.right {
    float: right;
}

.buttonrightblue:hover, .buttonrightgreen:hover {
    color: #FFF5D4;
    background-color: #FFBF00;
}

.buttonrightblue:focus, .buttonrightgreen:focus {
    color: #FFF5D4;
    background-color: #FFBF00;
}



/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}



.sectionHeading .breadcrumb {
    float: left;
    padding-left: 10px;
}

.breadcrumb span {
    background: url(../images/breadcrumb-sep.png) no-repeat right;
    font-size: 13px;
    font-weight: normal;
    line-height: 28px;
    height: 28px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 2em;
    margin-right: 1em;
    float: left;
}

    .breadcrumb span.currentName {
        font-size: 16px;
        padding-right: 0;
        margin-right: 0;
        background: none;
    }

.fullWidth > .ui-widget-content {
    border-width: 0 1px;
    padding: 14px;
}

.cs-modal-header {
    background-color: transparent !important;
}

.cs-modal-header h1 {
    margin: 0 !important;
    padding: 0;
    height: inherit;
    min-height: 42px;
    padding-left: 0px;
    font-size: 26px !Important;
    color: #111;
    text-transform: capitalize;
    font-weight: 500;
    display: -webkit-box;
    padding-right: 30px;
}

.cs-modal-header title {
    margin: 0 !important;
    padding: 0;
    height: inherit;
    min-height: 38px;
    padding-left: 0px;
    font-size: 20px !Important;
    color: #111;
    text-transform: capitalize;
    font-weight: 500;
    display: -webkit-box;
    padding-right: 30px;
}


#mail-title {
    display: none;
}

.cs-modal-header h2 {
    margin: 0;
    padding: 0;
    height: 22px !important;
    min-height: inherit !important;
    float: right;
    padding-right: 0px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    position: absolute;
    right: 0px;
    top: 5px;
}

    .cs-modal-header h2 img {
        width: 15px;
    }

.band {
    margin: auto;
    width: 100%;
    background-color: #fff;
    margin-top: 6px;
    margin-bottom: -6px;
    border-radius: 6px;
    display: table;
    margin-left: 0px !important;
}

#fileuploaddialog .band {
    display: block;
}

#blankdlg-band {
    display: table;
    width: 100%;
    /*padding:0 10px;*/
    height: inherit !important;
}
/*---- filter nested ----*/
.line {
    padding-left: 12px;
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #f2f2f2;
}

.filter .line {
    padding: 6px;
    padding-bottom: 0;
    /*border-bottom: 1px solid #f2f2f2;*/
}

    .filter .line > .line {
        margin-top: 6px;
    }

.line:hover {
}

.line input[type=text] {
    width: 118px;
    font-size: 14px;
    display: inline-block;
    margin-left: 2px;
    height: 24px;
    line-height: 24px;
    /*border-radius:3px;*/
}
.filter .line input[type=text] {
    border: 1px solid #CCC;
}

.line span {
    font-size: 11px;
    padding: 0;
    margin: 0;
}
.filter .line span {
    margin-top: 3px;
    display: inline-block;
    vertical-align: middle;
}
.line img {
    height: 14px;
    width: 14px;
    cursor: pointer;
    vertical-align: middle;
}

.container {
    float: left;
    width: 900px;
    min-width: 1024px;
    height: 300px;
    overflow: auto;
    background-color: #f2f2f2;
}

.btnClass, .btnDeSerializeClass, .btnClearClass {
    width: 100px;
    font-size: 11px;
    float: left;
    margin-top: 20px;
}

#t1 {
    width: 567px;
}


.dlgtitle {
    padding: 6px;
    padding-left: 14px;
    padding-top: 2px;
    font-size: 110%;
    border-bottom: 1px dotted #888888;
    text-transform: uppercase;
    padding: 9px;
    font-size: 110%;
    color: Black;
    text-transform: uppercase;
}

.sectionHeading {
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    display: table-cell;
    height: 28px;
    padding-left: 20px;
    background-color: #e4e8eb;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e8eb));
    /* Konqueror */
    background-image: -moz-linear-gradient(top, #ffffff, #e4e8eb);
    /* FF 3.6+ */
    background-image: -ms-linear-gradient(top, #ffffff, #e4e8eb);
    /* IE10 */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e4e8eb));
    /* Safari 4+, Chrome 2+ */
    background-image: -webkit-linear-gradient(top, #ffffff, #e4e8eb);
    /* Safari 5.1+, Chrome 10+ */
    background-image: -o-linear-gradient(top, #ffffff, #e4e8eb);
    /* Opera 11.10 */
    background-image: linear-gradient(top, #ffffff, #e4e8eb);
    /* The standard */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e8eb', GradientType=0);
    /* IE9 and down */
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    text-shadow: 0 1px 0 #fff;
    zoom: 1;
    height: 40px;
    background-image: linear-gradient(top, #ffffff, #e4e8eb); /* The standard */
    border-radius: 6px 6px 0 0;
    border-color: #bec6cc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 11px;
    font-weight: 600;
    color: Black;
}

.colcustowinclass {
    font-size: 10px !important;
    font-weight: normal;
}

/*----------------- style for column customization -----*/
.selectedcol {
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.connectedSortable {
    height: 400px;
    overflow: scroll;
    margin-bottom: 20px !important;
    margin-right: 0 !important;
}

div.selectedcol::-webkit-scrollbar {
}

div.selectedcol::-webkit-scrollbar-track {
}

div.selectedcol::-webkit-scrollbar-thumb {
}

div..selectedcol::-webkit-scrollbar-thumb:window-inactive {
}


#sortable1, #sortable2 {
    list-style-type: none;
    margin: 0;
    padding: 0 0 .35em;
    margin-right: 10px;
}

#sortableleft, #sortableright {
    list-style-type: none;
    margin: 0;
    padding: 0 0 .35em;
    float: left;
    margin-right: 10px;
}

#sortable1 li, #sortable2 li { /*font-family:arial,helvetica,tahoma;*/
    white-space: nowrap;
    cursor: pointer;
    /*border-radius:4px;;*/
    padding: 2px 8px 2px;
    font-size: 15px;
    /*width: 272px;*/
    background-color:#fff;
    margin-bottom:6px;
}

#sortableleft li, #sortableright li { /*font-family:arial,helvetica,tahoma;*/
    white-space: nowrap;
    cursor: pointer;
    ; /*border-radius:3px;*/
    margin: 0 0px 3px 0px;
    padding: 2px 10px 3px; /*font-family:'Lucida Sans Unicode', 'Lucida Grande', tahoma, Verdana, sans-serif;*/
    font-size: 14px;
    width: 212px;
}

.sortable-primary {
    background-color: #f4f4f4;
    border: 1px dotted #f4f4f4;
    color: #4c4c4c;
}
.connectedSortable .sortable-primary {
    border: 1px solid #cccccc;
}

.placeholder {
    background-color: #e2eafd;
    border: 1px dashed #666;
    height: 28px;
    margin-bottom: 3px;
}
/*.ui-state-highlight:hover
{
    background-color:#3e9efe;
    color:#fff;
}
.ui-state-default:hover
{
    background-color:gray;
    color:#fff;
} */
/*----------------- style for column customization -----*/



/*-------------- Col filters -------------*/
.divrowfilterr {
    width: 98%;
    white-space: nowrap;
    float: left;
    font-size: .88em;
    height: 196px;
    overflow-y: scroll;
}

    .divrowfilterr > ul {
        overflow: hidden;
        white-space: nowrap;
        width: 14px;
        float: left;
        padding-bottom: 3px;
    }

        .divrowfilterr > ul:hover {
            background-color: #e2fafd;
        }

        .divrowfilterr > ul > li {
            display: inline-block;
            padding-left: 3px;
            list-style: none;
        }

            .divrowfilterr > ul > li > a {
                color: Gray;
            }

            .divrowfilterr > ul > li > select {
                /*font-size:1em;
    width:120px;*/
                background: transparent;
                -webkit-appearance: none;
                width: 120px;
                font-size: 1em;
                padding: 0px;
                border: 1px solid #c9c9c9;
                height: 18px;
                display: inline-block;
                background: url("../img/arrow-down-icon.png") no-repeat right
            }

            .divrowfilterr > ul > li > input[type=text] {
                width: 100px;
                background: transparent;
                -webkit-appearance: none;
                font-size: 1em;
                height: 16px;
                padding-left: 2px;
                vertical-align: middle;
                display: inline-block;
                border: 1px solid #c9c9c9;
                margin-top: -2px;
            }

            .divrowfilterr > ul > li > input[type=checkbox] {
                line-height: 16px;
                vertical-align: middle;
            }
/*.divrowfilterr ul > li > a,
.divrowfilterr ul > li > span {*/

.ctrl-text {
    font-size: .88em;
}

#row_filter1 {
    margin-bottom: 3px;
    background-color: #e2fafd;
    padding-top: 3px;
    height: 20px;
}

.hintFilter {
    float: left;
    width: 96%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 6px;
    font-weight: normal;
    border: 1px solid #edc967;
    font-family: arial,tahoma;
    font-size: 11px;
    border-radius: 10px;
    background: #f9fdb8;
}

.hintFilterNew {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 6px;
    font-weight: normal;
    background-color: #f9fdb8;
    border: 1px solid #edc967;
    font-family: arial,tahoma;
    font-size: 11px;
    border-radius: 10px;
    position: fixed;
    bottom: 16px;
    right: 50px;
}

.hintFilterExpression {
    display: table-cell;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 6px;
    font-weight: normal;
    color: black;
    border: 1px solid #cccccc;
    font-size: 14px;
    border-radius: 6px;
    position: fixed;
    bottom: 64px;
    right: 20px;
    padding-left: 6px;
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    background: #dddddd;
    background: -webkit-linear-gradient(#dddddd, #f4f4f4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dddddd, #f4f4f4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dddddd, #f4f4f4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dddddd, #f4f4f4); /* Standard syntax */
}

    .hintFilterExpression .lineclass {
        width: 14px;
        float: left;
        line-height: 1em;
    }

.scrollup {
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    opacity: 0.3;
    position: fixed;
    bottom: 4px;
    right: 48%;
    display: none;
    z-index: 99999;
    background: url('../img/icon_top.png') no-repeat;
}


/* -------- multiple select dropdown ----*/
.ui-dropdownchecklist {
    font-size: 11px;
    color: black;
}

.ui-dropdownchecklist-selector {
    /*height: 20px;*/
    border: 1px solid #ddd;
    background: #fff;
    font-size: 11px;
}

.ui-state-hover, .ui-state-active {
    border-color: #5794bf;
}

.ui-dropdownchecklist-dropcontainer {
    background-color: #fff;
    border: 1px solid #999;
    font-size: 10px;
}

.ui-dropdownchecklist-item {
    font-size: 11px;
}

.ui-state-hover {
    background-color: #39f;
}

.ui-state-disabled label {
    color: #ccc;
    font-size: 11px;
}

.ui-dropdownchecklist-group {
    font-weight: bold;
    font-style: italic;
    font-size: 11px;
}

.ui-dropdownchecklist-indent {
    padding-left: 7px;
}
/* Font size of 0 on the -selector and an explicit medium on -text required to eliminate 
   descender problems within the containers and still have a valid size for the text */
.ui-dropdownchecklist-selector-wrapper {
    vertical-align: middle;
    font-size: 0px;
}

.ui-dropdownchecklist-selector {
    padding: 1px 2px 2px 2px;
    font-size: 0px;
}

.ui-dropdownchecklist-text {
    color: black;
    /*font-family:'Lucida Sans Unicode', 'Lucida Grande', tahoma, Verdana, sans-serif;*/
    font-size: 10px;
    line-height: 14px;
}

.ui-dropdownchecklist-group {
    padding: 1px 2px 2px 2px;
}

/* ---- style checkbox -----*/
/*
.css3-checkboxes li
{
    list-style:none;
    padding-left:0;

}
    
    
:root .css3-radios label,
:root .css3-radios input[type="radio"] + span,
:root .css3-radios input[type="radio"] + span::before,
:root .css3-checkboxes label,
:root .css3-checkboxes input[type="checkbox"] + span,
:root .css3-checkboxes input[type="checkbox"] + span::before
{
    display: inline-block;
    vertical-align: middle;
}

:root .css3-radios,
:root .css3-checkboxes
{
    padding-left:8px;
    display:inline-block;    
}

:root .css3-radios label *,
:root .css3-checkboxes label *
{
    cursor: pointer;
}

:root .css3-radios input[type="radio"],
:root .css3-checkboxes input[type="checkbox"]
{
    opacity: 0;
    position: absolute;
}

:root .css3-radios input[type="radio"] + span,
:root .css3-checkboxes input[type="checkbox"] + span
{
    font: normal 11px/14px Arial, Sans-serif;
    color: #333;
}

:root .css3-radios label:hover span::before,
:root .css3-checkboxes label:hover span::before
{
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
}

:root .css3-radios label:hover span,
:root .css3-checkboxes label:hover span
{
    color: #000;
}

:root .css3-radios input[type="radio"] + span::before,
:root .css3-checkboxes input[type="checkbox"] + span::before
{
    content: "";
    width: 12px;
    height: 12px;
    margin: 0 4px 0 0;
    border: solid 1px #a8a8a8;
    line-height: 14px;
    text-align: center;
    
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    
    background: #f6f6f6;
    background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
    background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
    background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
    background: -o-radial-gradient(#f6f6f6, #dfdfdf);
    background: radial-gradient(#f6f6f6, #dfdfdf);
}

:root .css3-radios input[type="radio"]:checked + span::before,
:root .css3-checkboxes input[type="checkbox"]:checked + span::before
{
    color: #666;
}

:root .css3-radios input[type="radio"]:disabled + span,
:root .css3-checkboxes input[type="checkbox"]:disabled + span
{
    cursor: default;
    
    -moz-opacity: .4;
    -webkit-opacity: .4;
    opacity: .4;
}

:root .css3-checkboxes input[type="checkbox"] + span::before
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

:root .css3-radios input[type="radio"]:checked + span::before
{
    content: "\2022";
    font-size: 24px;
}

:root .css3-checkboxes input[type="checkbox"]:checked + span::before
{
    content: "\2714";
    font-size: 12px;
}*/

/*remove for devexpress calendar*/
/*table td{
    word-wrap:break-word;
    max-width:150px;
}*/

.litagcheckbox {
    padding-left: 0px;
    /*margin-top:2px;*/
    border-bottom: 1px solid #e3e3e3
}

.tagcheckbox {
    vertical-align: middle;
    margin-top: 2px;
}

#contacttypes_ul {
    list-style-type: none;
    /* margin-left: -16px; */
    user-select: none;
    padding-left: 0px;
    width: 50% !important;
    padding: 0 15px;
}

#contactcategories_ul {
    list-style-type: none;
    /* margin-left: -16px; */
    user-select: none;
    padding-left: 0px;
    width: 100% !important;
    padding: 0 15px;
}

.contacttypes_ul > ul > li > label {
    display: block;
    padding-left: 6px;
    /*text-indent: -15px;*/
}

#contacttypes_ul.css3-checkboxes1 {
    padding: 0px !important;
    width: 100% !important;
}

    #contactcategories_ul.css3-checkboxes1 > li,
    #contacttypes_ul.css3-checkboxes1 > li {
        border-bottom: 0;
        padding-top: 3px;
        padding-bottom: 3px;
    }

.spantagcheckbox {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: 3px;
    *overflow: hidden;
    padding-left: 2px;
    font-size: 15px;
}

#customtypecontact .spantagcheckbox {
    vertical-align: super;
    position: relative;
    top: 2px;
    display: inline-block;
    width: inherit;
}
#contacttypes_ul .spantagcheckbox,
#contactcategories_ul .spantagcheckbox {
    top: 3px;
    margin-left: 3px;
}
.litagcheckbox:hover,
.spantagcheckbox:hover {
    background-color: #e3e3e3;
}

#custombox h1, #customtypecontact h1 {
}

.colcustowinclass {
    font-size: 14px !important;
    font-weight: normal;
}




#divload {
    margin: 0 auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1007;
    position: fixed;
    height: auto;
    vertical-align: middle;
    display: none;
    top: 48%;
    left: 50%;
    margin-left:-37px;
}
#caldivload {
    margin: 0 auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1007;
    position: fixed;
    height: auto;
    vertical-align: middle;
    display: none;
    top: 48%;
    margin-left: 20%;
}
#divloadNew_activitypopup {
    margin: 0 auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1007;
    position: fixed;
    height: auto;
    vertical-align: middle;
    display: none;
    top: 48%;
}

#divProcess {
    margin: 0 auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1007;
    position: absolute;
    height: auto;
    vertical-align: middle;
    display: none;
    top: 36%;
    margin-left: 87.25%;
}







.col1 {
    float: left;
    display: inline-block;
    /* Firefox */
    width: -moz-calc(50% - 185px);
    /* WebKit */
    width: -webkit-calc(50% - 185px);
    /* Opera */
    width: -o-calc(50% - 185px);
    /* Standard */
    width: calc(50% - 185px);
}

.col2 {
    float: left;
    display: inline-block;
    /* Firefox */
    width: -moz-calc(50% - 185px);
    /* WebKit */
    width: -webkit-calc(50% - 185px);
    /* Opera */
    width: -o-calc(50% - 185px);
    /* Standard */
    width: calc(50% - 185px);
}

.col3 {
    float: left;
    display: inline-block;
    width: 364px;
    border-left: 1px dotted #c3c3c3;
    background-color: #FEFEF6;
    overflow-y: auto;
    min-height: 260px;
    max-height: 260px;
}

.inputGroup {
    margin-top: 2px;
    margin-left: 2px;
    margin-bottom: 2px;
    vertical-align: middle;
}

.inputName {
    width: 28%;
    height: 17px;
    text-align: right;
    line-height: 17px;
    float: left;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    display: inline;
    vertical-align: middle;
    color: #696969;
    font-weight: normal;
    font-size: 12px;
    /*font-family: Helvetica, Arial, sans-serif;*/
    /*font-family:'Lucida Sans Unicode', 'Lucida Grande', tahoma, Verdana, sans-serif;*/
    /*text-shadow: 4px 4px 74px rgba(150, 150, 150, 0.81);*/
}

.inputData {
    font-size: 12px;
    width: 58%;
    min-width: 120px;
    display: inline;
    /*border-radius:2px;*/
    border-style: solid;
    border-width: 1px;
    background-color: #fff;
    border-color: #c9c9c9;
    /*font-family: Arial, Helvetica, sans-serif;*/
    padding: 2px;
    color: #444444;
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.col3 .inputName {
    width: 136px;
}

.col3 .inputData {
    width: 168px;
}

.inputdata:focus {
    background-color: #FFF5D4;
    border-color: #FFBF00;
}

/*----- Dialog ----*/
.colDlg1 {
    float: left;
    display: inline-block;
    width: 90%;
    margin: auto;
}

.colDlg1 {
    float: left;
    display: inline-block;
    width: 33.33%;
}

.colDlg2 {
    float: left;
    display: inline-block;
    width: 33.33%;
}

.colDlg3 {
    float: left;
    display: inline-block;
    border-left: 1px dotted #c3c3c3;
    width: 32.3%;
}

.inputGroupDlg {
    margin-top: 1px;
    margin-left: 2px;
    margin-bottom: 1px;
    vertical-align: middle;
}

.inputNameDlg {
    width: 40%;
    height: 17px;
    text-align: right;
    line-height: 17px;
    float: left;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 0px;
    padding-left: 6px;
    display: inline;
    vertical-align: middle;
    color: #956666;
    font-weight: bold;
    font-size: 11px;
    /*font-family: Helvetica, Arial, sans-serif;*/
}

.inputNameCustomDlg {
    width: 50%;
    height: 17px;
    text-align: right;
    line-height: 17px;
    float: left;
    padding-top: 2px;
    padding-right: 16px;
    padding-bottom: 0px;
    padding-left: 6px;
    display: inline;
    vertical-align: middle;
    color: #956666;
    font-weight: bold;
    font-size: 11px;
    /*font-family: Helvetica, Arial, sans-serif;*/
}

.inputDataDlg {
    font-size: 11px;
    width: 48%;
    min-width: 80px;
    display: inline;
    /*border-radius:2px;*/
    border-style: solid;
    border-width: 1px;
    background-color: #fff;
    border-color: #c9c9c9;
    /*font-family: Arial, Helvetica, sans-serif;*/
    padding: 1px;
}

    .inputdataDlg:focus {
        background-color: #FFF5D4;
        border-color: #FFBF00;
    }

.inputDataCustomDlg {
    padding-left: 16px;
    width: auto;
    min-width: 30px;
    display: inline;
    background-color: #fff;
    /*font-family: Arial, Helvetica, sans-serif;*/
}

    .inputdataCustomDlg:focus {
    }

.col {
    width: 33%;
    float: left;
    min-width: 258px;
    /*font-family: 'Lucida Sans Unicode','Lucida Grande',tahoma,Verdana,sans-serif;*/
    color: #3e3e3e;
}
    .col label {
        color: #000;
    }

    .col:last {
        width: 30%;
    }

    .col > ul {
        margin: 0;
        padding: 0;
    }

        .col > ul > li {
            text-decoration: none;
            list-style: none;
            margin-bottom: 8px;
        }
.rellabel:hover,
.col > ul > li > label:hover {
    background-color: #f0f0f0;
}

            .col > ul > li > label {
                min-width: 37%;
                max-width: 37%;
                width: 37%;
                display: inline-block;
                text-align: right;
                margin-right: 9px;
                font-size: 15px;
                color: #897589;
                margin-bottom: 0;
                vertical-align: middle;
            }
.cs_form-container .col > ul > li > label {
    min-width: inherit;
    max-width: inherit;
    width: 100%;
    text-align: left;
}
.col > ul > li > label:last-child {
    min-width: 44%;
}
    /*sandip*/
.col .input-select, .col .input-text {
    color: #313949;
    width: 55%;
    position: relative;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #d8d8d8;
    height: 32px;
    /*line-height: 26px;*/
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 15px;
    vertical-align: middle;
    border-radius: 0px !important;
}
.cs_form-container .col .input-select, .cs_form-container .col .input-text {
    width: 100%;
    height: 36px;
    border-radius:4px !important;
}
    .col .input-select:focus, .col .input-text:focus {
            outline-style: none;
            border: 1px solid #4986e7;
        }

    .col .input-textarea {
        resize: none;
        color: #525252;
        width: 55%;
        padding: 3px 5px;
        background: #fff;
        border: 1px solid #d8d8d8;
        font-size: 15px;
        color: #555555;
        vertical-align: middle;
        border-radius: 4px !important;
        height: 87px;
    }
.cs_form-container .col .input-textarea {
    width: 100%;
}
        .col .input-select-small {
            color: #525252;
            position: relative;
            padding: 0 5px;
            background: #fff;
            border: 1px solid #d8d8d8;
            height: 22px;
            line-height: 20px;
            /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;*/
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            font-size: 13px;
        }

.col .input-text-small {
    color: #525252;
    width: -moz-calc(20% - 5px);
    width: -webkit-calc(20% - 5px);
    width: -o-calc(20% - 5px);
    width: calc(20% - 5px);
    margin-left: 5px;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #d8d8d8;
    height: 36px;
    line-height: 30px;
    /*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    border-radius: 4px
}
.col .input-text[datatype="lov"] {
    border-radius: 4px 0 0 4px !important;
}
    .col .input-select-small:focus, .col .input-text-small:focus {
        outline-style: none;
        border: 1px solid #4986e7;
    }

    .col .input-select > option {
        color: #525252;
        font-size: 14px;
    }

    .col .input-select, .col .input-text:last-child {
        min-width: 52%;
    }

    .col .input-select {
        padding-left: 2px;
    }

    .col .input-check {
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
        top: 3px;
        border: solid 1px #ccc;
        background: #fefefe;
        margin-right:5px;
    }

    .col .input-select:hover, .col .input-text:hover {
        color: #000;
    }

.textarea-style:focus {
    outline-style: none;
    border: 1px solid #4986e7;
}


.classrow > ul {
    width: 100%;
}

    /*.classrow > ul > li {
        float: left;
        display: inline-block;
        padding-left: 4px;
        list-style: none;
        margin-bottom: 4px;
    }*/
#colGroupEdit .classrow > ul {
    padding-left: 0;
}

.classrow > ul > li {
    float: left;
    display: inline-block;
    padding-right: 4px;
    list-style: none;
    margin-bottom: 6px;
}

    /*.classrow > ul > li span.cs_icon-btn {
        margin-top: 5px;
    }*/

        .classrow > ul > li > img {
            cursor: pointer;
            height: 14px;
            width: 14px;
        }

        .classrow > ul > li > select {
            color: #525252;
            width: 126px;
            position: relative;
            padding: 0 5px;
            background: #fff;
            border: 1px solid #d8d8d8;
            height: 22px;
            line-height: 20px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            font-size: 96%;
        }

.scrolling-element-class {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

    .scrolling-element-class .child-element {
        position: relative;
        -webkit-transform: translate3d(0,0,0);
    }

#div_attach_container {
    height: 482px !Important;
}

.input-text {
    color: #525252;
    position: relative;
    padding: 0px 6px;
    background: #fff;
    border: 1px solid #d8d8d8;
    height: 24px;
    line-height: 20px;
    /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;   */
    /*box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;*/
    font-size: 14px;
}



.activityContent .col {
    width: 50%;
    float: left;
    min-width: 335px;
    /*font-family:helvetica,arial,tahoma;*/
    /*font-size:96%;*/
    color: #3e3e3e;
}

    .activityContent .col:last {
        /*width:30%;*/
    }

    .activityContent .col > ul {
        margin: 0;
        padding: 0;
    }

        .activityContent .col > ul > li {
            text-decoration: none;
            list-style: none;
            margin-bottom: 5px;
            clear: both;
        }

            .activityContent .col > ul > li > label:hover {
                background-color: #f0f0f0;
            }

            .activityContent .col > ul > li > label {
                /*font-family:'Lucida Sans Unicode', 'Lucida Grande', tahoma, Verdana, sans-serif;*/
                width: 100px;
                min-width: 100px;
                max-width: 100px;
                display: inline-block;
                text-align: right;
                margin-right: 9px;
                /*font-weight:900;*/
                font-size: 14px;
            }

                .activityContent .col > ul > li > label:last-child {
                    /*min-width:44%;*/
                }

    .activityContent .col .input-text-small {
        color: #525252;
        /* Firefox */
        width: -moz-calc(20% - 5px);
        /* WebKit */
        width: -webkit-calc(20% - 5px);
        /* Opera */
        width: -o-calc(20% - 5px);
        /* Standard */
        width: calc(20% - 5px);
        margin-left: 5px;
        padding: 0px 5px;
        background: #fff;
        border: 1px solid #d8d8d8;
        height: 22px;
        line-height: 20px;
        /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;   */
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-size: 94%;
    }

    .activityContent .col .input-select > option {
        color: #525252;
        /*font-family:helvetica,arial,tahoma;*/
        font-size: 12px;
    }

    .activityContent .col .input-select, .activityContent .col .input-text:last-child {
        min-width: 52%;
    }

    .activityContent .col .input-select {
        padding-left: 2px;
    }

    .activityContent .col .input-check {
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
        top: 3px;
        border: solid 1px #cccccc;
        background: #fefefe;
    }

    .activityContent .col .input-select:hover, .activityContent .col .input-text:hover {
        color: Black;
    }

.field-link {
    min-width: 37%;
    max-width: 37%;
    width: 37%;
    /*display: inline-block;*/
    text-align: right;
    font-size: 14px;
    color: #3C72B5;
}

.loadpclass {
    width: 118px;
    min-width: 108px;
    min-height: 32px;
    position: fixed;
    z-index: 9999091;
    left: 36%;
    top: 48%;
    vertical-align: middle;
    padding-left: 4px;
}


#div-data-load {
    font-family: 'Lucida Sans Unicode','Lucida Grande',tahoma,Verdana,sans-serif;
    font-size: 12px;
    color: #002AFF;
    margin-top: 6px;
    margin-left: 6px;
}

.tabbed-area {
    margin: 0 0 30px;
}

.box-wrap {
    float: left;
    position: relative;
    height: auto;
    margin-bottom: 8px;
}

.tabbed-area div div {
    background: #fff;
    padding: 0;
    height: auto;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
}

.tabbed-area div div, .tabs li a {
    border: 1px solid #ccc;
}

#box-one:target, #box-two:target, #box-three:target {
    z-index: 1;
}

#ie-test {
    position: relative;
    width: 100%;
}

#boxLinks {
    list-style: none;
    overflow: hidden;
    font-size: 14px;
    color: #000;
}

    #boxLinks li {
        display: inline-block;
    }

        #boxLinks li a {
            padding: 6px 18px;
            color: #444;
            font-weight: 400;
            text-decoration: none;
            border: 1px solid #ccc;
            float: left;
            display: inline-block;
        }

            #boxLinks li a:hover {
                color: #000;
            }

#tab-box {
    /*border-bottom-left-radius: 8px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 8px;*/
    border-radius: 0px;
    min-height: 112px;
    height: auto;
    /*border: 1px solid #ccc;*/
    border: 0px;
    overflow: hidden;
    padding: 5px;
    padding-bottom: 0;
    position: relative;
    /*top: -16px;*/
}

.box {
    display: none;
    height: auto;
    overflow: auto;
    display: block;
    position: relative;
    overflow-x: hidden;
}

#box1:target, #box2:target, #box3:target {
    display: block;
}

#tab-subdata {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 99%;
    margin-bottom: -8px;
    margin-top: -16px;
}

.btn-advance-info {
    color: #ffffff !Important;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btnsmaller {
    display: inline-block;
    margin: 0;
    padding: 2px 12px;
    margin-left: 4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6em !Important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.fullWidthupload {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    display: block;
    left: 10px;
    right: 10px;
    margin: auto;
    background-color: #FFF;
    border: 1px solid #BEC6CC;
}

    .fullWidthupload > .ui-widget-content {
        border-width: 0 1px;
        padding: 14px;
    }

    .fullWidthupload h7 {
        padding: 6px;
        padding-left: 14px;
        font-size: 16px;
        text-transform: uppercase;
        padding: 14px 10px;
        color: #000;
        text-transform: uppercase;
        margin-top: 6px;
        font-weight: bold !Important;
        line-height: 32px;
    }

.cl-genheader {
    margin: 0px 0px 12px;
    /*font-family: wf_segoe-ui_light, 'Segoe UI Light', 'Segoe WP Light', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;*/
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2em;
    /*color: rgb(80, 80, 80);*/
    color: #000;
    font-style: normal;
    font-variant: normal;
    letter-spacing: normal;
    orphans: auto;
    text-align: start;
    text-indent: 0px;
    text-transform: none;
    white-space: normal;
    widows: auto;
    word-spacing: 0px;
    -webkit-text-stroke-width: 0px; /*background-color: rgb(255, 255, 255);*/
}

#logoutdiv {
    color: #000;
}
/*.band-col{
    padding:0 12px;
}*/
.cl-genheader-view {
    font-family: wf_segoe-ui_light, 'Segoe UI Light', 'Segoe WP Light', 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2em;
    color: rgb(80, 80, 80);
    font-style: normal;
    font-variant: normal;
    letter-spacing: normal;
    orphans: auto;
    text-align: start;
    text-indent: 0px;
    text-transform: none;
    white-space: normal;
    widows: auto;
    word-spacing: 0px;
    -webkit-text-stroke-width: 0px;
    background-color: rgb(255, 255, 255);
}

.cl-date {
    color: rgb(150, 150, 150);
    font-family: wf_segoe-ui_normal, 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 21px;
    orphans: auto;
    text-align: start;
    text-indent: 0px;
    text-transform: none;
    white-space: normal;
    widows: auto;
    word-spacing: 0px;
    -webkit-text-stroke-width: 0px;
    background-color: rgb(255, 255, 255);
}

.cl-generallinetext {
    margin-bottom: 9px;
    margin-top: 9px;
    font-family: wf_segoe-ui_normal, 'Segoe UI', 'Segoe WP', Tahoma, Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    color: rgb(80, 80, 80);
    display: inline;
}


/* ---- setup -------------*/
.divHeader {
    display: block;
    width: 90%;
    margin: 0;
    margin-bottom: 12px;
    margin-top: 10px;
    padding-left: 6px;
}

.divHeaderText {
    font-size: 18px;
    color: #55BEFF;
    font-weight: bold;
    vertical-align: middle;
    display: table-cell;
}

.seupcaption {
    display: table;
    vertical-align: middle;
    padding: 2px 0;
    width: 100%;
    font-size: 14px;
    padding-bottom: 4px;
    color: #393939;
    text-decoration: none !Important;
    padding-left: 8px;
}

    .seupcaption:hover {
        background-color: #dddddd;
        border-radius: 0px;
        zoom: 1;
    }

        .seupcaption:hover:before {
            content: "\00BB  ";
            color: Green;
            zoom: 1;
        }

.showdiv {
    margin-bottom: 1px;
    display: block;
    font-size: 12px;
    text-align: justify;
    width: 95%;
    text-decoration: none;
}

.smallspan {
    background-color: #4a9ff4;
    color: #fff !Important;
    text-align: center;
    text-decoration: none;
    padding: 1px 4px;
    font-size: 11px;
    margin-left: 4px;
}

.smallspanclear {
    background-color: green;
    color: #fff !Important;
    text-align: center;
    text-decoration: none;
    padding: 1px 4px;
    font-size: 11px;
    margin-left: 4px;
}

.spansortable {
    display: table;
    text-align: left;
    margin: auto;
    width: 96%;
    font-weight: 400;
    text-transform: uppercase;
    color: #444444;
    margin-top: -5px;
    margin-bottom: 1px;
    padding: 1px;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.table-list {
    width: 100%;
    border-collapse: collapse;
}

    .table-list thead tr {
        line-height: 2.063em;
        vertical-align: middle;
        padding-bottom: 2px;
        background-color: #f4f4f4;
        text-transform: uppercase;
        color: #777777;
    }

    .table-list tbody tr {
        color: #4c4c4c;
        line-height: 2.02em;
    }

        .table-list tbody tr:hover {
            background-color: #e2eafd;
        }

.circleBase {
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    position: absolute;
    top: 2px;
    left: 8px;
    border-radius: 0;
    margin-right: 28px;
}

.inprocess {
    width: 8px;
    height: 8px;
    background: #193048;
    border: 0px solid #000;
    margin-left: -6px;
}

.complete {
    width: 12px;
    height: 12px;
    background: #00FF55;
    border: 0px solid #000;
}

#quoteinvoicereportdlg .tab-content {
    max-height: 120px;
    height: 120px;
    overflow-y: scroll;
    margin-bottom: 20px;
}

.cs_modal-tab.nav-tabs > li.active > a,
.cs_modal-tab.nav-tabs > li.active > a:hover,
.cs_modal-tab.nav-tabs > li.active > a:focus {
    background-color: transparent;
    border: 0;
    color: #111;
    border-bottom: 2px solid #00aaff !important;
}

.cs_modal-tab.nav-tabs > li > a {
    border: 0;
    padding: 2px;
    margin-right: 35px;
    color: #111;
    font-weight: 700;
    background-color: transparent !important;
}

    .cs_modal-tab.nav-tabs > li > a:hover {
        background-color: transparent !important;
        border-bottom: 2px solid #00aaff !important;
        color: #000;
    }

.proposaltemplatebox {
    display: table;
    width: 33.3%;
    max-width: inherit;
    text-align: left;
    height: 35px;
    max-height: initial;
    min-height: 38px;
    border: 0;
    padding: 0 10px;
    border-radius: 4px;
    margin: 0;
    /*margin-bottom:5px;*/
    color: #000;
    font-weight: 700;
}

    .proposaltemplatebox > i {
        display: table-cell;
        font-size: 20px !important;
        width: 26px;
        vertical-align: middle;
    }

        .proposaltemplatebox > i:before {
            content: "\f571";
        }

.cs_proposaltemplate-name {
    display: table-cell;
    vertical-align: middle;
    line-height: 14px;
    font-size: 14px;
}

.cs_modal-tab {
    padding-left: 0px;
    border-bottom: 0;
    margin-bottom: 10px;
}

    .cs_modal-tab.nav-tabs > li.active > a,
    .cs_modal-tab.nav-tabs > li.active > a:hover,
    .cs_modal-tab.nav-tabs > li.active > a:focus {
        background-color: transparent;
        border: 0;
        color: #111;
        border-bottom: 2px solid #00aaff !important;
    }

    .cs_modal-tab.nav-tabs > li > a {
        border: 0;
        padding: 2px;
        margin-right: 35px;
        color: #111;
        font-weight: 700;
        background-color: transparent !important;
    }

        .cs_modal-tab.nav-tabs > li > a:hover {
            background-color: transparent !important;
            border-bottom: 2px solid #00aaff !important;
            color: #000;
        }

.cs-modal-header h1 span {
    margin-left: 0 !important;
}

.close-icon {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 18px;
    color: #000;
    font-weight: 300;
}

#div_email_footer {
    width: 96% !important;
}

#activity-title {
    display: none;
}

.txtSrchContainer {
    padding-left: 0px !important;
    display: inline-block;
    vertical-align: middle;
    float: none !important;
}

#divTypelist {
    /*padding-left: 10px;
    width: 98% !important;*/
    margin-left: 0px !important;
}

div.prg-list-view {
    padding: 0px !important;
}

#div-top-menu {
    padding-left: 0 !important;
    background-color: transparent !important;
}

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

    .band.activityContent > .col {
        padding-left: 0px !important;
    }

#divemaildlg {
    width: 100% !important;
    height: inherit !important;
}

    #divemaildlg > div {
        width: 100% !important;
        float: none !important;
        margin: 0px !important;
    }

#fileuploaddialog img[alt='close'] {
    width: 14px;
}

#div_myinformation {
    height: inherit !important;
}

.cs-modal-header h1 {
    padding-left: 0 !important;
}

#divemaildlg_main_pg.fullWidth {
    height: 735px !important;
}

.cs_modal-action {
    display: table;
    width: 100%;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#div-groupedit-container ul li input:not(type="checkbox") {
    width: 70% !important;
}

#divTypelist,
#div-itemdata {
    padding-left: 0px !important;
}

.table-responsive > #itemtable {
    width: 100%;
}

#txt_description {
    width: 100% !important;
}

#div-other-details {
    float: none;
    width: 380px !important;
    margin: 0px auto;
}

.cs-dropdown-browser .cs-dropdown-workspace {
    padding-left: 3px;
}

.cs-dropdown-browser {
    min-height: 320px;
}
#attachedfiles {
    bottom: 80px !important;
}
.cs_icon-btn {
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
    margin-top: 4px;
    color: #7b7b7b;
    font-size: 12px;
    cursor: pointer;
}
.cs_gn_button-group .btn {
    border-radius: 0 4px 4px 0;
    padding: 3px 12px;
    background: #0595ca !important;
    border-color: #0595ca !important;
}
.cs_gn_button-group .btn:first-child {
    border-radius: 4px 0 0 4px;
    background: #00b0f0 !important;
    border-color: #00b0f0 !important;
}
.cs_gn_button-group .dropdown-menu > li > a:focus, .cs_gn_button-group .dropdown-menu > li > a:hover {
    color: #4c4c4c;
    background-color: #c7c7c7;
}
.time-filter-list {
    display: table;
    width: 342px;
}
.filter-blg-2,
.filter-blg-1 {
    display: table-cell;
    vertical-align:middle;
}
    .filter-blg-1 label {
        margin-bottom: 6px;
    }
.cs_info-tooltip {
    font-size: 14px;
    margin-left: -8px;
    margin-right: 8px;
    color: #439ce7;
}
#li_gapaccess .cs_info-tooltip {
    margin-left: 2px;
    margin-right: 0;
}
.tabclass .cs_info-tooltip {
    margin-left:4px;
}
    .cs_collon {
    font-size: 16px;
    margin-left: -8px;
    margin-right: 18px;
    width: 17px;
}
.cs_empty-span {
    margin-right: 18px;
    width: 17px;
}
.cs_required-indicator {
    border-left: 3px solid #005377 !important;
}

.cs_form-container {
    display: flex;
    justify-content: space-between;
    padding: 0px 0px;
    padding-right: 8px;
}
    .cs_form-container > .col {
        float: none;
        display: flex;
        width: 32%;
    }
    .cs_form-container > .col > ul{
        width:100%;
    }
        .cs_form-container > .col .input-check {
            margin-bottom: 12px;
        }