.deviceUserMatchLeft {
    border-right: 1px solid #DCDCDC;
    float: left;
    width: 50%;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-right: 15px;
}

.deviceUserMatchTitle {
    text-align: left;
    font: Bold 16px/21px Segoe UI;
    letter-spacing: -0.32px;
    color: #333333;
    opacity: 1;
    float: left;
    margin-bottom: 9px;
}

.deviceUserMatchDevicesGrid {
    width: 100%;
    height: 385px;
    float: left;
}

.deviceUserMatchDevicesGrid .dx-toolbar {
    float: left;
    width: 344px;
    display: inline-block;
}

.deviceUserMatchDevicesGrid .dx-toolbar-after {
    display: inline !important;
}

.deviceUserMatchDevicesGrid .dx-toolbar-center {
    display: inline !important;
}

.deviceUserMatchDevicesGrid.dx-toolbar-before {
    display: inline !important;
}

.deviceUserMatchDevicesGrid .dx-toolbar-after {
    display: inline !important;
}

.deviceUserMatchDevicesGrid .dx-toolbar .dx-toolbar-after {
    padding-left: 1px;
}

.deviceUserMatchDevicesGrid .dx-toolbar-after {
    left: 0px !important
}

.deviceUserMatchDevicesGrid .dx-toolbar-item {
    display: inline !important;
}


.deviceUserMatchDevicesGrid .dx-datagrid-search-panel {
        float: left;
        margin-left: 0;
        width: 100% !important;
    }

.DeviceUserMatchContainer_AddDevicesButton {
    float: left;
    width: 36px;
    margin-left: 8px;
}

.DeviceUserMatchContainer_RemoveDevicesButton {
    background: url(remove_device_icon.svg) no-repeat center center;
    width: 100%;
    height: 16px;
    cursor: pointer;
}


.deviceUserMatchPassiveRow {
    color: #949494;
}

.deviceUserMatchAddDevicesGrid {
    width: 100%;
    height: 333px;
    float: left;
    margin-bottom: 10px;
}

.deviceUserMatchAddDevicesGrid .dx-toolbar {
        float: left;
        width: 344px;
        display: inline-block;
    }

.deviceUserMatchAddDevicesGrid .dx-toolbar-after {
        display: inline !important;
    }

.deviceUserMatchAddDevicesGrid .dx-toolbar-center {
        display: inline !important;
    }

.deviceUserMatchAddDevicesGrid.dx-toolbar-before {
        display: inline !important;
    }

.deviceUserMatchAddDevicesGrid .dx-toolbar-after {
        display: inline !important;
    }

.deviceUserMatchAddDevicesGrid .dx-toolbar .dx-toolbar-after {
        padding-left: 1px;
    }

.deviceUserMatchAddDevicesGrid .dx-toolbar-after {
        left: 0px !important
    }

.deviceUserMatchAddDevicesGrid .dx-toolbar-item {
        display: inline !important;
    }


.deviceUserMatchAddDevicesGrid .dx-datagrid-search-panel {
        float: left;
        margin-left: 0;
        width: 100% !important;
    }

.deviceUserMatchAddSaveButton {
    width: 139px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    opacity: 1;
}

.deviceUserMatchAddCancelButton {
    width: 139px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    opacity: 1;
    margin-left: 30px !important;
}

.deviceUserMatchRight {
    float: left;
    width: 50%;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 15px;
}

.deviceUserMatchUserTypeSelector {
    float: left;
    min-height: 36px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 5px;
    width: 85%;
}

.deviceUserMatchCompanyUsersDiv {
    float: left;
    width: 100%;
}

.deviceUserMatchCompanyUsersGrid {
    width: 100%;
    height: 344px;
    float: left;
}

.deviceUserMatchCompanyUsersGrid .dx-toolbar {
        float: left;
        width: 344px;
        display: inline-block;
}

.deviceUserMatchCompanyUsersGrid .dx-toolbar-after {
        display: inline !important;
}

.deviceUserMatchCompanyUsersGrid .dx-toolbar-center {
        display: inline !important;
}

.deviceUserMatchCompanyUsersGrid.dx-toolbar-before {
        display: inline !important;
}

.deviceUserMatchCompanyUsersGrid .dx-toolbar-after {
        display: inline !important;
}

.deviceUserMatchCompanyUsersGrid .dx-toolbar .dx-toolbar-after {
        padding-left: 1px;
}

.deviceUserMatchCompanyUsersGrid .dx-toolbar-after {
        left: 0px !important
}

.deviceUserMatchCompanyUsersGrid .dx-toolbar-item {
        display: inline !important;
}

.deviceUserMatchCompanyUsersGrid .dx-datagrid-search-panel {
        float: left;
        margin-left: 0;
        width: 100% !important;
}

.deviceUserMatchPassiveSearchBox {
    opacity: 0.5;
}

.DeviceUserMatchContainer_AddCompanyUsersButton {
    float: left;
    width: 36px;
    margin-left: 8px;
}

.deviceUserMatchExternalCompanyUsersDiv {
    float: left;
    border-top: 1px solid #DCDCDC;
}

.deviceUserMatchInfo {
    text-align: left;
    font: normal 14px/19px Segoe UI;
    letter-spacing: -0.28px;
    color: #333333;
    opacity: 1;
    float: left;
    width: 100%;
}

.deviceUserMatchInfoExternalCompany {
    text-align: left;
    font: normal 14px/19px Segoe UI;
    letter-spacing: -0.28px;
    color: #333333;
    opacity: 1;
    float: left;
    width: 100%;
    margin-left:32px;
    margin-top: 10px;
}

.deviceUserMatchInfoField {
    width: 100%;
    margin-top: 10px;
    float: left;
}

.deviceUserMatchInfoIcon {
    width: 29px;
    background: url(info.svg) no-repeat 0px 0px;
    float: left;
    height: 29px;
}

.deviceUserMatchInfoText {
    width: 349px;
    float: left;
    height: 40px;
    text-align: justify;
    font: normal 12px/16px Segoe UI;
    letter-spacing: 0px;
    color: #333333;
    opacity: 0.64;
    margin-left: 3px;
}

.deviceUserMatchShowOldDataCheckBox {
    float: left;
    width: 100%;
    height: 22px;
    margin-bottom: 10px;
    margin-top: 30px;
}

.deviceUserMatchShowOldDataCheckBox .dx-checkbox-text{
    padding-left: 31px !important;
}

.deviceUserMatchUserNameTextBox {
    float: left;
    width: 100%;
    height: 36px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.captchaContiner {
    float: left;
    width: 100%;
    /*display: none;*/
}

.captcha {
    /*display: none;*/
    float: left;
    margin-top: 5px;
}

.refreshCaptcha {
    /*display: none;*/
    width: 19px;
    height: 19px;
    background: transparent url('Icon-refresh.svg') 0% 0% no-repeat padding-box;
    opacity: 1;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    cursor: pointer;
}

.captchaTextBox {
    float: left;
    width: 250px;
    height: 36px;
    opacity: 1;
    margin-left: 10px;
}

.deviceUserMatchDevicesGrid .dx-datagrid-nodata {
    text-align: center;
    font: normal 14px/19px Segoe UI;
    letter-spacing: -0.28px;
    color: #333333;
    opacity: 1;
    width: 215px;
}

.deviceUserMatchCompanyUsersGrid .dx-datagrid-nodata {
    text-align: center;
    font: normal 14px/19px Segoe UI;
    letter-spacing: -0.28px;
    color: #333333;
    opacity: 1;
    width: 215px;
}



.deviceUserMatchCompanyUsersGrid .dx-icon {
    cursor: pointer;
}

.deviceUserMatchDevicesGrid .dx-icon {
    cursor: pointer;
}

.deviceUserMatchButtons {
    text-align: right;
    float: left;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    padding-top: 15px;
}
.deviceUserMatchCancelButton, .deviceUserMatchUnpairButton, .deviceUserMatchMatchButton {
    width: 139px;
    height: 36px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    opacity: 1;
}

.errorMessagePopupIcon {
    background: url(cross_icon.svg) no-repeat;
    opacity: 1;
    height: 30px;
    width: 100%;
    background-position: center;
    margin-bottom: 5px;
}

.errorMessagePopupContent {
    text-align: center;
    font: normal 14px/19px Segoe UI;
    letter-spacing: -0.42px;
    color: #333333;
    opacity: 1;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 5px;
    min-height: 55px;
}

.successMessagePopupIcon {
    background: url(check_icon.svg) no-repeat;
    opacity: 1;
    height: 30px;
    width: 100%;
    background-position: center;
    margin-bottom: 10px;
}

.successMessagePopupContent {
    text-align: center;
    font: normal 14px/19px Segoe UI;
    letter-spacing: -0.42px;
    color: #333333;
    opacity: 1;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 10px;
}

.approveMessagePopupContent {
    text-align: center;
    font: normal 14px/19px Segoe UI;
    letter-spacing: -0.42px;
    color: #333333;
    opacity: 1;
    width: 100%;
    height: 65px;
    margin-bottom: 13px;
    margin-top: 25px;
    border-bottom: 1px solid #DDDDDD;
}

.messagePopupYesButton {
    width: 90px;
    height: 35px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    opacity: 1;
    margin-left: 45px !important;
}

.messagePopupNoButton {
    width: 90px;
    height: 35px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    opacity: 1;
}

.messagePopupOkButton {
    width: 90px;
    height: 35px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    opacity: 1;
    margin-left: 100px !important;
    margin-top: 12px !important;
}

.deviceUserCrossMappingsLink {
    font-size   : 14px;
    line-height : 30px;
    margin-right: 10px;
    height      : 100%;
    cursor      : pointer;
    color       : #337AB7;
    float       : right;

}

.deviceExternalCompanyDevicesLink {
    font-size: 14px;
    line-height: 30px;
    margin-right: 10px;
    height: 100%;
    cursor: pointer;
    color: #337AB7;
    float: right;
}