.table-bottom-line {
    border-bottom: 2px solid #193352;
    border-top: 0 solid #193352;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    position: relative;
    width: 98%;
}


.error-text-label {
    color: #a9a9a9;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16pt;
    font-weight: bold;
    text-align:center;
    vertical-align: middle;
}

.text-label {
    color: #a9a9a9;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}
.text-combobox {
    float: left;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 10pt;
    height: 23px;
    margin-left: 15px;
    text-align: left;
    width: 175px;
    color: Black;
    font-weight: bold;
}

.text-input {
    border: 1px solid #cccccc;
    border-radius: 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11pt;    
    margin-left: 5px;
    padding-left: 5px;    
    height:25px;
    width: 100%;
    vertical-align:middle;
}

.text-alert {
       font-size: 16pt;
       color:red;
       font-weight:bold;
}

.div-table-row {
    border: 1px solid #00ffff;
    display: table-row;
    width: 100%;
}


.spanlabel {    
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11pt;
    font-weight:600;
    height: 23px;
    text-align: right;
    vertical-align: middle;
    width: 100%;
}


.logintextbox {
    border: 0 solid #00ff00;
    border-radius: 5px;
    display: table-cell;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 25px;
    vertical-align: middle;
    width: 100%;
}

.row {
    margin-left: 5px;
    margin-right: 5px;
    margin-top:5px;
    margin-bottom:5px;
}
/*  oldeer
#loading-div-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #cccccc;
    opacity:0.5;
    width: 100%;
    height: 100%;
}
*/
#loading-div, #drop-div-screen {
    width: 300px;
    height: 200px;
    /*background-color: #cccccc; not required in #loading-div*/
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
}
#drop-div-screen {
    background-color: #cccccc;
}
    /**  Modified Loading   */
    #loading-div-background {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 1;
        width: 100%;
        height: 100%;
        z-index:2;
    }

.buttoncolor {
    background-color: white !important;
    color: #1b5297 !important;
    border-color: #dfdddc !important;
}

    .buttoncolor:hover {
        background-color: #1b5297 !important;
        color: white !important;
        border-color: #dfdddc !important;
    }
.vr-button-import {
    background-color: #1b5297 !important;
    color: white !important;
    border-color: #1b5297 !important;
}
    .vr-button-import:hover {
        background-color: #1b6297 !important;
        border-color: #0c7abf !important;
    }
.trigger-button {
    visibility: collapse;
}


/* Change for bootstrap */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0px solid #ddd;
    line-height: 1.0;
    padding: 0px; /** updated for bootstrpa version 4 from 1 to 0px*/
    vertical-align: top;
}
h5 {
    margin-left: 20px;
}
.input-sm {
    width: 95%;
}
.jumbotron {
    padding: 0px;
}

.pointer-cursor {
    cursor:pointer
}

.dx-context-menu .dx-menu-item {
    border-bottom: 1px solid rgba(0,0,0,.2);
}

.icon {
    font-size: 28px;
    color: #aaa;
}
/********************Ionicons  Style************************/
.ion-ios-cloud-download {
    color:#000000;
}
    .ion-ios-cloud-download:hover {
        color: #0c7abf;
    }

.ion-ios-cloud-upload {       
    color:#000000;
}
    .ion-ios-cloud-upload:hover {
        color: #0c7abf;
    }


.ion-ios-close {
    color:#000000;
}
    .ion-ios-close:hover {
        color: #0c7abf;
    }

.ion-ios-refresh {
    color:#000000;
}
    .ion-ios-refresh:hover {
        color: #0c7abf;
    }

.ion-ios-trash {
    color:#000000;
}
    .ion-ios-trash:hover {
        color: #0c7abf;
    }



.ion-ios-color-wand {
    color:#000000;
}
    .ion-ios-color-wand:hover {
        color: #0c7abf;
    }



.ion-ios-compose {
    color:#000000;
}
    .ion-ios-compose:hover {
        color: #0c7abf;
    }


.ion-ios-minus {
    color:#000000;
}
    .ion-ios-minus:hover {
        color: #0c7abf;
    }


.ion-ios-eye {
    color:#000000;
}
    .ion-ios-eye:hover {
        color: #0c7abf;
    }

.ion-ios-arrow-down {
    color: #000000;
}
    .ion-ios-arrow-down:hover {
        color: #0c7abf;
    }

.ion-ios-paper{
    color: #000000;
}
    .ion-ios-paper:hover {
        color: #0c7abf;
    }

.ion-ios-cog{
    color: #000000;
}
    .ion-ios-cog:hover {
        color: #0c7abf;
    }  

.ion-ios-toggle{
    color: #000000;
}
    .ion-ios-toggle:hover {
        color: #0c7abf;
    }

.ion-ios-plus {       
    color: #000000;
}
    .ion-ios-plus:hover {
        color: #0c7abf;
    }
/**************************************************************/
.label-info {
    background-color:  #0c7abf;
    color: white;
}

.h5-clear {    
    padding-left:0px; 
    margin-left:0px;
}
/**************************************************************/

/*.salesforce-filter-option {
    position: absolute;
    z-index: 1;
    top: 115px;
    margin-left:1px;
    margin-right:0px;
    line-height: 38px;
}

.salesforce-filter-option > div:last-child {
    display: inline-block;    
    vertical-align: top;
    margin-left: -4px;
    width:300px;
    padding-left:0px;
    line-height: normal;
}*/
/********Updated css by Harleen***/
#cabinetDataGrid .dx-datagrid-headers
{
    border-bottom: 1px solid transparent;
}

h6#versionLabel
{  line-height:2;
    margin-left:0px;
    color:blue;
    font-weight:400;
}

.dx-popup-content .dx-scrollable .dx-scrollable-container .dx-item .dx-item-content {
white-space:normal
}
/**************************************************************/


/** Harleen  : Dec 2017 ***/
#cabinetDataGrid .dx-datagrid-content .dx-datagrid-table .dx-row>td {
    vertical-align: middle!important;
}

#treeViewFolder .cabinet-name{
   /* vertical-align:middle;*/
}


/******************* Responsive css based on different Screen Sizes    ******************Harleen*/
.salesforceObjectGrid .dx-item.dx-toolbar-item.dx-toolbar-button {
    padding-right: 5%;
}


.full-switch-dropdown-label {
    width: 19% !important;
}
.full-switch-dropdown {
    width: 76% !important;
}
.full-switch-empty-div {
    width: 5% !important;
}

.medium-switch-dropdown-label{

}
.medium-switch-dropdown{

}
.medium-switch-empty-div {
    width: 0% !important;
}

.dx-toolbar .dx-toolbar-after .dx-item-content.dx-toolbar-item-content {
    padding-right: 5px;
}

#editDescriptionGrid .dx-toolbar-after {
    padding-right: 10px !important;
}
#salesforceObjLabel {
    padding-left: 5.5%;
    word-break: break-all;
    text-overflow: ellipsis;
    width: 90px;
}
.dropdown-flex-auto {
    text-align: left;
    padding: 0px;
    margin: 0px;
    flex: auto;
}
#salesforceFltrLabel {
    width: 90px;
    padding-right: 1.5%;
    text-align: right;
}
#salesforceFilter{
    margin-right:8%;
}
#salesforceObjectGrid .dx-toolbar-after {
    width: 510px;
}
#salesforceObjectGrid .dx-scrollable-content .dx-toolbar-after {
    width: auto;
}