/*To change this license header, choose License Headers in Project Properties.
  To change this template file, choose Tools | Templates
  and open the template in the editor.*/
/* Created on : Dec 26, 2017, 12:06:26 PM
   Author     : Gade Ramanjaneya Reddy */
/* css for modulechooser body content 03-08-2016 */
.visionmain
{
    width:100%;
    margin:0 auto;
    height:100%;
}
.visionmenuinner
{
    width:65%;
    margin:0 auto;
    font-family: Arial, Helvetica, sans-serif;
}
/*24-09-2020*/
/*.visionmenutable
{
    width:33.333%;
    margin: 8px auto;
    float:left;
}*/
.visionmenutable
{
    width: 33.333%;
    margin: 11px auto;
    float: left;  
}
/*24-09-2020*/
.visiondata
{
    width: 75%;
    position:relative;
    margin: 50px auto;
    perspective: 1000;
    -webkit-perspective:1000;
}
.visiondatatable  
{ 
    border-collapse:collapse;
    border-spacing:0;
    margin:0px auto;
    width:100%
}
.visionmenuheader
{
    color: #0071C5;
    border-radius: 5px;
    text-align: center;
    font: 25px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionmenuimage
{
    width:10%;
}
.visionmenuimage,.visionmenuitems,.visionmenusplitimage,.visionmenusplititems,.visionmenuspliticon
{
    padding: 8px;
    word-break: normal;
    text-align: left;
    vertical-align: middle; 
}
/*24-09-2020*/
.visionmenuimage img,.visionmenusplitimage img
{
    width:45px;
    height:45px;
    vertical-align: middle;
}
/*.visionmenuimage img,.visionmenusplitimage img
{
    width:60px;
    height:60px;
    vertical-align: middle;
}*/

/*24-09-2020*/
.visionmenuimage a,.visionmenusplitimage a
{
    text-decoration:none;
}
.visionmenuitems
{
    width:80%;
}
.visionmenuitems a,.visionmenusplititems a,.visionPopupMenuItems a
{
    color:#0071c5;
    font-weight: 600;
    font-size: small;
    text-decoration:none;
}
.visionmenuitems a:hover,.visionmenusplititems a:hover
{
    color: #0071c5;
    text-decoration: none;
    outline:none;
}
.visionmenusplitimage
{
    width:10%;

}
.visionmenusplititems
{
    width:50%;
}
.visionmenuspliticon
{
    width:10%;
}
.visionmenuspliticon img
{
    width: 29px;
    height: 29px; 
    vertical-align:middle;
}
/*24-09-2020*/

/*.visionsplitdata
{
    width: 90%;
    position:relative;
    perspective: 1000;
    -webkit-perspective:1000;
    margin: 0 auto;
}*/
.visionsplitdata
{
    width: 90%;
    position: relative;
    perspective: 1000;
    -webkit-perspective: 1000;
    /* margin: -1px auto; */
    margin-top:41px !important;
    margin-bottom: 41px !important;
}
/*24-09-2020*/
/*Start Instanse and Plant DDW Data */
.visionInstanceData,.visionPlantData
{
    display:none;
}
.visionInstanceClick,.visionPlantClick
{
    width: 80%;
    float:left;
    padding: 0 10%;
}
.visiondata a,.visionsplitdata a
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #0071c5;
    font-weight: 600;
    font-size: small;
    text-decoration: none;
}
/*24-09-2020*/
/*.visionmenusplititems,.visionmenuitems
{
    font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    font-weight: 600;
}*/
.visionmenusplititems,.visionmenuitems
{
    font: normal 16px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #0071C5;
    position: absolute;
    margin-top: -25px;
    width: 80%;
}
/*24-09-2020*/
.visionInstanceText,.visionPlantText
{
    color:#fff;
    cursor:pointer;
    line-height: 35px !important;
    font: 12px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionInstanceText::after ,.visionPlantText::after{
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    position: absolute;
    bottom: 6px;
    z-index: 999999;
    cursor: pointer;
    display: flex;
    margin-left: 20px;
    color: #fff;
    font: 11px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0);
    text-transform: capitalize;
}
.visionInstanceLbl,.visionPlantLbl
{
    float:left;
}
.visionInstanceLblData,.visionPlantLblData
{
    padding-left:4px;
    float:left;
}
.visionInstanceData,.visionPlantData
{
    width: 9%;
    background: #0071c5;
    position: absolute;
    margin: 0 auto;
    z-index: 9999;
    margin-top: 30px;
    margin-left: -20px;
}
.visionInstanceClick,.visionPlantClick
{
    border-bottom:1px solid #fff;
    cursor:pointer;
}
.visionInstanceDDWData,.visionPlantDDWData
{
    height: auto;
}
.visionInstanceData .clearableInstance,.visionPlantData .clearablePlant
{
    width: 94%;
    margin: 3% auto;
    display: flex;
    justify-content: center;
}
.visionNoResults
{
    width:80%;
    padding:0 10%;
}
.visionInstanceSettings .visionInstanceText::after, .visionPlantSettings .visionPlantText::after
{
    content:none
}
.visionInstanceSettings .visionInstanceLbl, .visionPlantSettings .visionPlantLbl
{
    padding:3px 0;
}
.visionInstanceSettings .visionInstanceData, .visionPlantSettings .visionPlantData
{
    width: 100%;
    position: relative;
    background: #e0e9f5;
    padding: 5px 0;
    margin-left:0px;
    margin-top: 22px;
}
.visionInstanceSettings .visionNoResults, .visionPlantSettings .visionNoResults
{
    width:95%;
    color:#0071c5;
}
.visionInstanceSettings .visionInstanceClick, .visionPlantSettings .visionPlantClick
{
    width:95%;
    border-bottom: 1px solid #0071c5;
}
.visionNavList li .visionInstanceSettings .visionInstanceClick,.visionNavList li .visionPlantSettings .visionPlantClick
{
    color:#0071c5;
}
.visionInstanceSettingicon::after,.visionPlantSettingicon::after
{
    content: '+';
    font-size: 1.2em;
    vertical-align: middle;
    display: flex;
    align-content: center;
    justify-content: flex-end;
    font-weight: bold;
}
.visionInstanceSettingiconChange::after,.visionPlantSettingiconChange::after {
    content: '-' !important;
}
/* End Of Instanse and Plant DDW Data*/
/* start of css for the menu flip */
/*24-09-2020*/
/*.visionMenuFlipBack,.visionMenuFlipFront
{
    border:1px solid #0071c5;
    border-radius: 10px;
    height: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-sizing: border-box;
    background: #fff;
}*/

.visionMenuFlipBack,.visionMenuFlipFront
{ 
    /*    height: 153px;
        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);  
        background: #fff;*/
    height: 153px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);  
    background: #fff;
    border:1px solid #0071c5;
    border-radius: 10px;
}
/*24-09-2020*/
.visionMenuFlip
{
    width: 100%;
}
.visionMenuFlipBack span
{
    color: #0071c5;
    font-size: small;
    line-height: 21px;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    top: 50%;
    margin: auto;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    font-weight: bold;
    width: 100%;
    text-align: center;
}
.visionMenuFlipBackImg{
    float: right;
    margin-top: 48px;
    padding-right: 3px;
    position:relative;
    z-index:99999;
    cursor: pointer;
}
.visionMenuFlipFrontImg{
    float: right;
    margin-top: -20px;
    padding-right: 3px;
    position:relative;
    z-index:99999;
    cursor: pointer;
}
/* simple flip functionality*/
.visionMenuFlipMain {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
}
/* START: Accommodating for IE */
.visionMenuFlipMain.hover .visionMenuFlipBack {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.visionMenuFlipMain.hover .visionMenuFlipFront {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/* END: Accommodating for IE */
.visionMenuFlipFront, .visionMenuFlipBack {
    width: 100%; 
}
.visionMenuFlip {
    -webkit-transition:all 1.0s linear ;
    -webkit-transform-style: preserve-3d;
    -ms-transition:all 1.0s linear ;
    -moz-transition: all 1.0s linear;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: all 1.0s linear;
    transform-style: preserve-3d;
    position: relative;
}
.visionMenuFlipFront, .visionMenuFlipBack {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 1.0s linear;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: all 1.0s linear;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: all 1.0s linear;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: all 1.0s linear;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: all 1.0s linear;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
}
.visionMenuFlipFront {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
}
.visionMenuFlipBack {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
/* end of css for the menu flip */
/* media queries */ 
@media only screen and (max-width:413px) {
    .visionmenutable {
        width:100%;
    }
    .visiondata,.visionsplitdata 
    {
        width:99%;
    }
    .visionmenuinner {
        width: 90%;
    }
}
@media only screen and (min-width:414px) and (max-width:500px) {
    .visionmenutable {
        width:100%;
    }
    .visiondata,.visionsplitdata 
    {
        width:99%;
    }
    .visionmenuinner {
        width: 70%;
    }
}
@media only screen and (min-width:501px) and (max-width:719px) {
    .visionmenuinner {
        width: 60%;
    }
    .visionmenutable {
        width: 100%;
    }
    .visiondata,.visionsplitdata 
    {    
        width: 90%;	 
    } }
@media only screen and (min-width:720px) and (max-width:767px) {
    .visionmenuinner {
        width: 100%;
    }
    .visionmenutable {
        width:50%;
    }
    .visiondata,.visionsplitdata 
    {    
        width: 90%; 
    } 
}
@media only screen and (min-width: 768px) and (max-width:851px) {
    .visionmenuinner {
        width: 90%; 
    }
    .visiondata,.visionsplitdata 
    {
        width: 95%; 
    }  
    .visionmenutable {
        width:50%;
    }
    .visionTask {
        width: 65% !important;
        margin: 0 auto;
        float: left;
    }
}
@media only screen and (min-width:851px) and (max-width:880px) {
    .visionmenuinner {
        width: 80%; 
    }
    .visiondata,.visionsplitdata 
    {
        width: 95%; 
    }  
    .visionmenutable {
        width:50%;
    }
    .visionTask {
        width: 65% !important;
        margin: 0 auto;
        float: left;
    }
}
@media only screen and (min-width:900px) and (max-width:1099px) {
    .visionmenuinner {
        width: 70%; 
    }
    .visiondata,.visionsplitdata 
    {
        width: 90%; 
    }  
    .visionmenutable {
        width:50%;
    }
    .visionTask {
        width: 60% !important;
        margin: 0 auto;
        float: left;
    }
}

@media only screen and (min-width:1100px) and (max-width:1249px) {
    .visionmenuinner {
        width: 60%; 
    }
    .visiondata,.visionsplitdata 
    {
        width: 90%; 
    }  
    .visionmenutable {
        width:50%;
    }
}



@media only screen and (min-width:1250px) and (max-width:1359px) {
    .visionmenuinner {
        width: 63%; 
    }
    .visiondata,.visionsplitdata 
    {
        width: 95%; 
    }  
    .visionmenutable {
        width:33.33%;
    }
    .visionTask {
        width: 37% !important;
        margin: 0 auto;
        float: left;
    }
}
@media only screen and (min-width:1360px) and (max-width:1600px) {
    .visionmenuinner {
        width: 65%; 
    }
    .visiondata,.visionsplitdata 
    {
        width: 90%; 
    }  

}
@media only screen and (min-width:1700px)
{
    .visionmenuinner 
    {
        width: 50%;
    }
    .visiondata,.visionsplitdata 
    {
        width: 70%; 
    }  
}
@media only screen and (max-width:719px)
{
    .visionmenuheader
    {
        margin-bottom:10px;
    }
}
/* end of media queries */ 
/* end of  css for modulechooser body content 03-08-2016 */
/* overlay for pop up menu 04-08-2016 */
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.overlay 
{
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    cursor: default;
    left: 0;
    visibility: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target+.visionPopupMenuInner
{
    opacity: 1;
    visibility: visible;
}
.visionPopupMenuInner
{
    width:350px;
    position: fixed;
    left:85%;
    top: 50%;
    visibility:hidden;
    opacity:1;
    transform: translate(-50%, -50%);
    border-radius:10px;
    background-color:#fff;
    height:auto;
    padding:10px;
    box-shadow: 0 1px 1px 2px hsl(0, 0%, 66%), 0 0 0 5px hsl(0, 0%, 90%);
    z-index:10;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionPoupMenuTable
{
    width:50%;
    border-radius:10px;
    float:left;
}
.visionMenuPopup
{
    border:1px solid #0071c5;
    text-align: justify;
    z-index: 10;
    opacity: 1;
    border-radius:10px;
}
.visionPopupDataTable
{
    width:100%;
}
.visionPoupMenuImage,.visionPopupMenuItems
{
    width:100%;
    text-align:center;
    vertical-align:middle;
}
.visionPoupMenuImage img
{
    width: 50px;
    height: 50px;
}
/*media queries */
@media screen and (max-width:320px)
{
    .visionPopupMenuInner
    {
        width: 275px;
        margin:0 auto;
        left: 50%;
        top: 50%;
    }
}
@media screen and (min-width:320px) and (max-width:400px)
{
    .visionPopupMenuInner
    {
        width: 290px;
        margin:0 auto;
        left: 50%;
        top: 50%;
    }
}
@media screen and (min-width:401px) and (max-width:479px)
{
    .visionPopupMenuInner
    {
        width: 340px;
        margin:0 auto;
        left: 50%;
        top: 50%;
    }
}
@media screen and (min-width:480px) and (max-width:980px)
{
    .visionPopupMenuInner
    {
        width: 395px;
        margin:0 auto;
        left: 50%;
        top: 50%;
    }
}
/*end of media queries */
/* end of overlay for pop up menu 04-08-2016 */
/* css for the popup menu with buttons 26-09-2016*/
.visionMenuPopupButton
{
    text-align: justify;
    z-index: 10;
    opacity: 1;
}
.visionPopupDataButtonTable
{
    width:100%;
}
.visionPopupMenuButton
{
    width:100%;
    text-align:left;
    vertical-align:middle;
}
.visionPopupButton
{
    height:400px;
    overflow-y:scroll;
}
.visionPopupMenuButton .visionPopupMenuButtonValue,.visionPopupMenuButton .visionPopupMenuButtonValue:hover
{
    width: 100%;
    padding-left:5px;
}
/*media queries */
@media screen and (max-width:340px)
{
    .visionPopupButton
    {
        width:98%;
        height:300px;
    }
    .visionPopupButtonMenuInner
    {
        width:90%;
    }
    .visionPopupMenuButtonTable
    {
        width:100%;
    }
}
@media screen and (min-width:341px) and (max-width:400px)
{
    .visionPopupButton
    {
        width:98%;
        height:300px;
    }
    .visionPopupButtonMenuInner
    {
        width:90%;
    }
}
/*end of media queries */
/* end of css for the popup menu with buttons 26-09-2016*/
/* css for the menu header title 05-08-2016 */
.visionMenuHeaderInner
{
    width:100% !important;
    margin: 0 auto;
    background: rgba(255,255,255,0.8);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:10px;
}
/* media quires */
@media screen and (min-width:320px) and (max-width:413px)
{
    .visionMenuHeaderInner
    {
        width:100%;
        font-size:20px;
    }
}
@media screen and (min-width:414px) and (max-width:719px)
{
    .visionMenuHeaderInner
    {
        width:80%;
        font-size:20px;
    }
}
@media screen and (min-width:720px) and (max-width:767px)
{
    .visionMenuHeaderInner
    {
        width:60%;
        font-size:20px;
    }
}
@media screen and (min-width:768px) and (max-width:800px)
{
    .visionMenuHeaderInner
    {
        width:60%;
        font-size:20px;
    }
}
@media screen and (min-width:801px) and (max-width:980px)
{
    .visionMenuHeaderInner
    {
        width:50%;
        font-size:20px;
    }
}
/* end of media quires */
/* end of css for the menu header title 05-08-2016 */
/* css for the new task thing */
.visionTask
{
    width:35%;
    margin:0  auto;
    float:left;
}
.visionTaskInner
{
    width:100%;
    margin:8px 0;
}
.visionTaskInnerAlign
{
    padding: 10px;
    width:85%;
    margin:0 auto;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    -webkit-box-shadow: -3px 3px 6px -6px #CCCCCC;
    -moz-box-shadow: -3px 3px 6px -6px #CCCCCC;
    box-shadow: -3px 3px 6px -6px #CCCCCC;
    background:#fff;
}
.visionTaskInnerView
{
    padding:5px;
}
.visionTaskWel
{
    width:100%;
    padding: 5px 0;
}
.visionTaskActions
{
    width:100%;
    padding: 10px 0;
    display:flex;
    justify-content:center;
}
.visionTaskWel span,.visionTaskActions span
{
    font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    color: #666666;
    font-size:small;
}
.visionTaskActions span
{
    font-weight: bold;
    font-size:small;
}
.visionTaskActionItems
{
    width: 90%;
    margin:5px auto;
}
.visionTaskActionItemsInner
{
    width:100%;
    background: #f9f9f9;
    border-radius:5px;
    display: inline-block;
    -webkit-box-shadow: -3px 3px 6px -6px #CCCCCC;
    -moz-box-shadow: -3px 3px 6px -6px #CCCCCC;
    box-shadow: -3px 3px 6px -6px #CCCCCC;
    border: 1px solid #f2f2f2;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.visionTaskNoData
{
    height:auto;
    overflow:hidden;
}
.visionTaskActionItemsMain
{
    display: inline-block;
    width:100%;
}
.visionTaskNoData .visionTaskActionItemsMain 
{
    display:block;
}
.visionTaskActionImage,.visionTaskActionContent,.visionTaskActionCount
{
    width:auto;
}
.visionTaskActionContent, .visionTaskActionCount
{
    float:left;
}
.visionTaskNoDataContent
{
    float:none;
}
.visionTaskActionImageInner
{
    width: 25px;
    height:25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #0071c5;
}
.visionTaskActionImageInner img
{
    width:16px;
    height:16px;
    position: relative;
    top: 4.5px;
    left:4.5px;
}
.visionTaskActionContent span,.visionTaskActionCount span
{
    font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    color:#505050;
    font-size:13px;
}
.visionTaskActionCount .visionTaskActionCountValue
{
    color:#cd1816;
}
.visionTaskActionItemsTable  
{ 
    border-collapse:collapse;
    border-spacing:0;
}
.visionTaskNoDataTable
{
    width:100%;
    text-align:center;
}
.visionTaskActionItemsTable td 
{
    word-break:normal;
    vertical-align:middle;
    padding:7px;
}
.visionTaskActionItemsTable td a
{
    text-decoration:none;
    outline:none;
}
.visionTaskActionCount
{
    padding: 0px 5px;
    border-radius: 3px;
    text-align:center;
}
.visionTaskActionCount span
{
    font-size: 11px;
    font-weight: bold;
    color:#0071c5;
}
.visionTaskActionCount span
{
    color:#CD1816;
}
.visionTaskActionItemsMainInner
{
    padding:10px;
}
.visionTaskWel span b,.visionTaskActions span,.visionTaskActionContent span
{
    color:#0071c5;   
}
.visionTaskNoDataContent span
{
    font-weight:bold;
}
.visionMenuAdjust
{
    float:left;
    margin:0;
}
.visionTaskIcons
{
    position: fixed;
    top: auto;
    bottom: auto;
    height: 40px;
    left: auto;
    right: 0px;
    cursor:pointer;
}
.visionTaskIcons img
{
    width:50px;
    height:50px;
}
.visionMenuTaskHeader
{
    width:28%;
}

/*tasksList Pagination css start*/
.visionTaskPagination
{
    margin-left:21%;
}
.selectRecordsCount
{
    margin-left: 85px;
    margin-top: -17px;
}
.recordsCount
{
    margin-left: 142px;
    margin-top: -18px;
}
.paginationPrevArrow
{
    margin-left: 230px;
    margin-top: -20px;



}
.paginationNextArrow
{
    margin-left: 262px;
    margin-top: -19px;

}
.visionPrevArrow{
    display: inline-block;
    border-radius: 3px;
    border: solid 1px #0071c5;
    font-size: 0.6em;
    font-weight: bold;
    padding: 0px 8px;
}

.visionNextArrow{
    display: inline-block;
    border-radius: 3px;
    border: solid 1px #0071c5;
    font-size: 0.6em;
    font-weight: bold;
    padding: 0px 8px;
} 
/*tasksList Pagination css End*/

@media screen and (max-width: 767px) 
{
    .visionTaskActionItemsTable 
    {  
        width: auto !important;
    }
    .visionTaskActionItemsTable col 
    {  
        width: auto !important;
    }
    .visionTaskActionItemsMain 
    {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: auto 0px;
    }
}
/*@media screen and (min-width: 767px) and (max-width: 1099px)
{
    .visionMenuAdjust
    {
        width:50%;
        margin:0 auto;
    } 
    .visionMenuAdjust .visionmenutable {
        width:80%;
        float:none;
    }
    .visionTask 
    {
        width: 50%;
    }
}*/
@media screen and (min-width:320px) and (max-width: 766px)
{
    .visionTask
    {
        width:100%;
    }
    .visionMenuAdjust 
    {
        float:none;
        margin:0 auto;
    }
}
@media screen and (max-width:414px)
{
    .visionMenuTaskHeader {
        width: 90%;
    }
}
@media screen and (min-width:415px) and (max-width:500px)
{
    .visionMenuTaskHeader {
        width: 80%;
    }
}
@media screen and (min-width:501px) and (max-width:600px)
{
    .visionMenuTaskHeader {
        width: 60%;
    }
}
@media screen and (min-width:601px) and (max-width:800px)
{
    .visionMenuTaskHeader {
        width: 50%;
    }
}
/* end of css for the new task thing */
/* css for the header,footer and body content 09-08-2016 */
.visionMainPage,body
{
    width:100%;
    padding:0;
    margin:0;
}
.visionHeader
{
    width:100%;
    height:40px;
}
.visionHeaderInner
{
    width:95%;
    margin:0 auto;
    position: relative;
}
.visionNavMenuMain
{
    height: 40px;
    display: flex;
    align-items: center;
    padding-left:30px;
    position: absolute;
    right: 0%;
}
.visionLogoIcons,.visionNavMenuMain,.visionNavMenuImage,.visionNavMenuContent,.visionFooterIcon,.visionFooterContent
{
    float:left;
    width:auto;
}
.visionSidebarIcon
{
    width:auto;
    vertical-align:middle;
}
.visionLogo
{
    width:auto;
    padding-left:10px;
}
.visionSidebarIcon,.visionLogo
{
    height: 40px;
    float:left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.visionLogo img
{
    width:90px;
}
.visionNavMenuinner
{
    width:auto;
    display: flex;
    align-items: center;
    justify-content: center;
    float:left;
    padding-left:10px;
}
.visionNavMenuContent
{
    padding-left: 4px;
}
.visionNavMenuImage img,.visionFooterIcon img,.visionNavSubIcon img 
{
    width:14px;
    vertical-align:middle;
    display: flex;
    align-content: center;
    justify-content: center;
}
.visionNavMenuContent span,.visionFooterContent span,.visionFooterCopyright span  
{
    color:#fff;
    font: 11px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0);
    text-transform: capitalize;
    display: flex;
    align-content: center;
    justify-content: center;
}
.visionBodyContent
{
    padding-top: 10px;
    padding-bottom:10px;
    width:100%;
    display:flex;
}
.visionBodyContentInner
{
    margin:0 auto;
}

.visionFooterHiddenNav{
    visibility:hidden; 
}

/* media queires */
@media only screen and (max-width: 1250px) 
{
    .visionNavMenuinner
    {
        display:none;
    }
    .visionNavMenuinnerLogin
    {
        display:flex;
    }
}
@media only screen and (min-width:1251px) 
{
    .visionNavMenuToggle
    {
        display:none;
    }
}
/* end of  media queires */ 
.visionFooter
{
    width:100%;
    height:22px;
    margin-top: 40px;/*29-09-2020*/
}
.visionFooterInner 
{
    color:#fff;
    width:95%;
    height:22px;
    margin:0 auto;
}
.visionFooterNavigation,.visionFooterCopyright
{
    float:left;
    width:50%;
    display: flex;
    align-items: center;
}
.visionFooterContent 
{
    padding-left: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.visionFooterContent span,.visionFooterCopyright span 
{
    font-size: 11px;
}
.visionFooterNavigationInner
{
    padding-right: 20px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.visionFooterCopyrightInner
{
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* media queires */
@media only screen and (max-width:574px) 
{
    .visionFooterNavigation, .visionFooterCopyright 
    {
        justify-content: center;
        width: 100%;
    }
    .visionFooterNavigationInner 
    {
        padding-right:6.5px;
        padding-left:6.5px;
    }
    .visionFooter,.visionFooterInner 
    {
        height:44px;
    }
}
@media only screen and (min-width:575px) and (max-width:800px)
{
    .visionFooterNavigation
    {
        width:60%;
    }
    .visionFooterCopyright
    {
        width:40%;
        justify-content: flex-end;
    }
    .visionFooterNavigationInner 
    {
        padding-right: 15px;
    }
}
/* end of media queires */
.visionNavSubMenu
{
    position: absolute;
    background-color: #0071c5;
    width: auto;
    margin-top: 10px;
    margin-left: -20px;
    display:none;
    z-index:9999;
}
.visionNavSubMenuInner
{
    width: auto;
    display: flex;
    border-bottom: 1px solid #fff;
    padding: 3px;
    height: 20px;
    align-items: center;
}
.visionNavSubIcon,.visionNavSubContent
{
    float:left;
    width:auto;
    padding: 3px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.visionHeaderMain
{
    position:fixed;
    width:100%;
    background:#0071c5;
    top: 0px;
    z-index:99999;
}
.visionFooterMain
{
    position:fixed;
    width:100%;
    background:#0071c5;
    bottom: 0px;
    z-index:99999;
}
.visionSettings
{
    cursor:pointer;
}
.visionSettings::after 
{  
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    position: absolute;
    bottom: 6px;
    z-index: 999999;
    cursor: pointer;
    display: flex;
    margin-left: 20px;
}
.visionNavMenuToggleIcon
{
    cursor:pointer;
    display: flex;
    align-content: center;
    justify-content: center;
}
.visionNavMenuToggle nav 
{
    background-color: #0071C5;
    background-image: none;
    background-size: 100% auto;
    border-top: 0px solid #0071C5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    position: absolute;
    z-index: 99999;
    margin-top: -7px;
    zoom: 1;
}
.visionNavMenuContent span a,.visionNavMenuContent span a:hover,.visionFooterContent span a,.visionFooterCopyrightInner span a
{
    color:#fff;
    text-decoration: none;
    outline:none;
}
.visionFooterCopyrightInner span a
{
    padding-left:4px;
}
.sidebarIconMenu
{
    cursor:pointer;
    color:#fff;
    font-size: 2.0em;
}
.visionNavSubIcon a i
{
    color:#fff;
    font-size:2.0em;
}
/*css for the breadcrum */
.visionBreadcrumMain
{
    width:100%;
    height:auto;
    display:flex;
}
.visionBreadcrumInner
{
    width:100%;
}
.visionBreadcrumToggleClass,.visionBreadcrumMenu
{
    float:left;
}
.visionBreadcrumToggleClass
{
    width:2%;
    background: rgba(255,255,255,0.8);
    border-radius: 3px 0 0 3px;
}
.visionBreadcrumMenu
{
    width:98%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.visionBreadcrumToggleClass span
{
    color: #0071C5;
    cursor: pointer;
    background: url("../images/minus_icon.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 10px 10px;
    background-position: left center;
    display: block;
    height: 20px;
}
.visionBreadcrumMenu:before, .visionBreadcrumMenu:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.visionBreadcrumMenu ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.visionBreadcrumMenu ul li 
{
    background: rgba(255,255,255,0.8);
    background-size: 100%;
    border-right: none;
    padding: 0;
    display: block;
    float: left;
    font-size: 11px;
    font: 11px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionBreadcrumMenu ul li.uSeparator span {
    display: block;
    width: 13px;
    height: 20px;
    background: url("../images/arrow_icon.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 12px 12px;
    background-position: center center;
}
.visionBreadcrumMenu ul li.uStartCap span {
    display: block;
    width: 4px;
    height: 20px;
    background-image: none;
}
.visionBreadcrumMenu ul li a {
    padding: 0 8px;
    display: block;
    text-decoration: none;
    position: relative;
    font-weight: 600;
    color:#0071c5;
}
.visionBreadcrumMenu ul li a:hover 
{
    color:#ff4c4c;
    text-decoration:underline;
    outline:none;
}
.visionBreadcrumMenu ul li.active span {
    padding: 0 8px;
    display: block;
    color: #0071C5;
    font-weight: bold;
}
.visionBreadcrumMenu  ul li.uEndCap 
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    background: rgba(255,255,255,0.8);
    border-radius: 0 3px 3px 0;
}
.visionBreadcrumMenu ul li.uEndCap span {
    display: block;
    width: 3px;
    height: 20px;
    vertical-align: text-top;
    background-image: none;
}
li.uEndCap span, li.uSeparator span {
    background-position: -1px -390px;
}
.visionBreadcrumMenu:after {
    clear: both;
}
.visionBreadcrumToggleClass.inactive_toggle span {
    background: url("../images/plus_icon.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 10px 10px;
    background-position: left center;
}
.inactive_breadcrum {
    display: none;
}
html{
    height: 100%;
}
body {
    min-height: 100%;
}
.visionBreadcrumDiv,.visionBreadcrumMenu
{
    float:left;
}
.visionBreadcrumDiv
{
    width:50%;
}
.visionBreadcrumMenuNav
{
    width:50%;
}
.visionBreadcrumMenuNavInner
{
    width:100%;
}
.visionBreadcrumMain
{
    margin-bottom: 0.5%;
}
.visionBreadcrumMenuNavTable  
{
    border-collapse:collapse;
    border-spacing:0;
    margin:0px auto;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.visionBreadcrumMenuNavTable  tbody
{
    background: rgba(255,255,255,0.8);
    border-radius: 3px;
    padding: 2px;
}
.visionBreadcrumMenuNavTable td
{
    word-break:normal;
    vertical-align:middle
}
.visionBreadcrumMenuNavGoto input[type="button"],.visionBreadcrumMenuNavGoto input[type="button"]:hover
{
    font: normal 11px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0px 5px;
    height:20px;
    font-weight:bold;
}
.visionBreadcrumMenuNavGoto input[type="button"]
{
    background:#0071c5 !important;
    color:#fff !important;
}
.visionBreadcrumMenuNavGoto input[type="button"]:hover
{
    background:#CD1816 !important;
    color:#fff !important;
    border:1px solid #cd1816 !important;
}
.visionBreadcrumMenuNavData span
{
    font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#0071c5;
    font-weight:bold;
    font-size:11px;
}
.visionBreadcrumMenuNavData .visionQuickLinks
{
    font-size:11px;
}
.visionBreadcrumMenuNavData select,.visionRegexSelectList,.visionMetaSelectList
{
    height: 22px;
    border-radius: 5px;
    border: 1px solid #0071C5;
    background-color: #fff;
    outline: none;
    color: #0071C5;
    font: normal 11px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    vertical-align: middle;
    width: 100%;
}
.visionBreadcrumMenuNavGoto,.visionBreadcrumMenuNavSelect
{
    padding:0 5px;
}
.visionBreadcrumMenuNavInner,.visionBreadcrumbHelp,.visionBreadcrumInner
{
    float:left;
}
.visionBreadcrumMenuNavInner,.visionBreadcrumInner
{
    width:90%;
}
.visionBreadCrumbHelpImg 
{
    width:19px;
    height:19px;
    vertical-align:middle;
}
.visionBreadcrumbHelpData
{
    padding:0 10px;  
}
@media screen and (max-width: 900px) 
{
    .visionBreadcrumMenuNavInner,.visionBreadcrumInner
    {
        width:100%;
    } 
}
@media screen and (max-width: 767px) 
{
    .visionBreadcrumMenuNavTable 
    {
        width: 100% !important;
    }
    .visionBreadcrumMenuNavTable col 
    {
        width: auto !important;
    }
    .visionBreadcrumMenuNavInner 
    {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: auto 0px;
    }
}
@media screen and (max-width:899px) 
{
    .visionBreadcrumMenuNav,.visionBreadcrumDiv
    {
        width: 100%;
    }
    .visionBreadcrumMain
    {
        flex-wrap: wrap;
    }
    .visionBreadcrumMenuNavTable 
    {
        margin: 5px auto;
        justify-content: center;
    }
}
@media screen and (min-width:900px) and (max-width:1040px) 
{
    .visionBreadcrumDiv 
    {
        width: 50%;
    }
    .visionBreadcrumMenuNav 
    {
        width: 50%;
    }
}
/* media queries */
@media only screen and (max-width:413px) 
{
    .visionBreadcrumToggleClass
    {
        width:5%;
    } 
    .visionBreadcrumMenu 
    {
        width:95%;  
    }
}
@media only screen and (min-width:414px) and (max-width:480px) 
{
    .visionBreadcrumToggleClass
    {
        width:4%;
    } 
    .visionBreadcrumMenu 
    {
        width:96%;  
    }
}
@media only screen and (min-width:481px) and (max-width:800px) 
{
    .visionBreadcrumToggleClass
    {
        width:3%;
    } 
    .visionBreadcrumMenu 
    {
        width:97%;  
    }
}
/* end of media queries */
/* end of breadcrum */
/* css for the header,footer and body content 09-08-2016 */
/* css for the mobile menu 11-08-2016 */
.visionNavTab
{
    position: absolute;
    background: #0071c5;
    right: 0%;
    top: 40px;
    width: 160px;
    padding: 15px;
    display:none;
}
.visionNavTabInner
{
    width:100%;
    display:inline-block;
}
.visionNavTabIcon,.visionNavTabContent
{
    float:left;
    width:auto;
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 10px;
}
.visionNavList
{
    list-style:none;
    padding: 0px;
    margin: 0px;
}
.visionNavList li span
{
    color:#fff;
    padding: 3px;
    vertical-align: middle;
    word-break: break-all;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionNavList li span img
{
    width:14px;
    display: flex;
    vertical-align: middle;
    align-content: center;
    justify-content: center;
}
.visionNavMenuToggleInner
{
    cursor:pointer;
}
.visionTabsSubMenu
{
    list-style:none;
    padding-left: 10px;
    display:none;
    background: #e0e9f5;
    cursor: auto;
    margin:0px;
}
.visionTabsSubMenu li span
{
    display:inline-block;
    color: #0071c5;
    padding: 3px;
    vertical-align: middle;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionTabsSubMenu li span img
{
    width:14px;
}
#visionTabSubClass
{
    cursor:pointer;
    display:block;
}
.visionTabsSettingIconChange::after
{
    content: '-' !important;
}
.visionNavList li a,.visionTabsSubMenu li a
{
    text-decoration:none;
}
.visionTabsSettingicon::after {
    content: '+';
    font-size: 1.2em;
    vertical-align: middle;
    display: flex;
    align-content: center;
    justify-content: flex-end;
    font-weight: bold;
}
.visionNavList li a,.visionNavList li 
{
    width: 100%;
    display: flex;
    align-content: center;
}
@media screen and (max-device-width :500px) and (orientation:landscape) 
{
    .visionNavTab
    {
        height: 150px;
        overflow: hidden;
        overflow-y: scroll;
    }
}
/* end of css for the mobile menu 11-08-2016 */
/* page alignments for individual pages 12-08-2016 */
.visionGenericTabs,.visionBodyContentInner .visionAdminGrid,.visionMasterDetail,.visionReportGrid,.visionRegistartionGeneric,.visionRegisterGenericTabs,.visionSearchResultsGeneric 
{
    width:99.9%;
}
/* end of page alignments for individual pages 12-08-2016 */
/* css for the header content 16-08-2016 */
.visionLocale span,.visionNavLocale
{
    text-transform: none;
}
/*end of  css for header content 16-08-2016 */
/* css for the PPR Dashboard page 10-09-2016*/
.visionPPRDashboard
{
    width:100%; 
    margin-bottom: 2% ; 
}
.visionPPRDashboardExport
{
    display:none; 
}
.visionPPRDashboardExportInner
{
    height: 6%;  
}
.visionPPRDashboardExportButton
{
    float: right;
    margin-right: 10px;
    margin-top: 0%;
    display: none;
}
.visionPPRDashboardExportDropdown
{
    float: right;
    margin-right: 2px;
}
.visionOuterChartContainer
{
    width:32.5%;
    float: left;
    background-color: #fff;
    border: 1px solid #e0e9f5;
    border-radius: 10px;
    margin: 3px;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;  
    height:380px;
}
.visionBarOuterChartContainer
{
    float: left;
    width: 99.5%;
    height: auto;
    background-color: #fff;
    border: 1px solid #e0e9f5;
    border-radius: 10px;
    margin: 2px;
    height: 325px;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;  
}
.visionOuterChartContainer .chartbox
{
    display: inline-block;
    height:327px;
    width: 287px;
    padding: 2px;
    text-align: left;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:white;
}
.visionPPRDescriptionTitle
{
    float: left;
    cursor: text;
    padding: 0px 10px;
}
.visionBarOuterChartContainer .chartbox
{
    width:99%;
    height: 300px;
    float: left;
}
.pprReport:hover
{
    background-image:url("../images/reports_icon_white.png");
}
.pprReport
{
    background-image: url("../images/reports_icon_blue.png");
}
/* media queries */
@media only screen and (max-width:480px) {
    .visionOuterChartContainer
    {
        width: 99.5%;
        margin:0 auto;
    }
    .visionBarOuterChartContainer
    {
        margin:0px;
        margin-bottom:10px;
    }
}
@media only screen and (min-width:481px) and (max-width:1100px) {
    .visionOuterChartContainer
    {
        width: 49.5%;
        margin:0 auto;
    }
    .visionBarOuterChartContainer
    {
        margin:0px;
    }
}
@media only screen and (min-width:1101px) and (max-width:1300px) {
    .visionOuterChartContainer
    {
        width: 24.6%;
        margin:1px;
    }
    .visionBarOuterChartContainer
    {
        margin:0px;
    }
}
@media only screen and (min-width:1401px) and (max-width:1950px) {
    .visionOuterChartContainer
    {
        width: 24.7%;
        margin:1px;
    }
    .visionBarOuterChartContainer
    {
        margin:0px;
    }
}
@media only screen and (min-width:1951px)
{
    .visionOuterChartContainer
    {
        width: 24.825%;
        margin:1px;
    }
    .visionBarOuterChartContainer
    {
        margin:0px;
        width:99.9%;
    }
}
/* end of media quires */
/*end of  css for the PPR Dashboard page 10-08-2016*/
/* css for the change password 18-08-2016 */
.visionChangePassword
{
    margin-top:50px;
}
.visionChangePasswordInner
{
    width:508px;
    height:auto;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border: 1px solid #0071C5;
    margin:0 auto;
}
.visionChangePasswordTitle
{
    width:100%;
}
.visionChangePasswordTitle p
{
    margin: 0 0 8px 0;
    color: #0071c5;
    text-align: center;
    font-style: normal;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}
.visionChangePasswordTitle p b
{
    font-weight: bold;
}
.visionChangePasswordFields
{
    width:100%;
}
.VisionChangePasswordSeparator
{
    background: #0071c5;
    height: 10px;
    display: block;
    border: 0;
    border-top: 1px solid #0071C5;
    margin: 0.6em 0;
    padding: 0;
}
.visionChangePasswordData input[type="password"],.visionChangePasswordData input[type="text"]
{
    transition: border 0.1s,box-shadow 0.1s;
    background-color: #FFF;
    color: #404040;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15) inset;
    padding: 4px;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    box-sizing: border-box;
    width:196px;
}
.visionChangePasswordTable  {border-collapse:collapse;border-spacing:0;margin:0px auto;}
.visionChangePasswordTable td{padding: 8px;word-break:normal;}
.visionChangePasswordTable th{font-weight:normal;padding: 8px;word-break:normal;}
.visionChangePasswordTable .visionChangePasswordData {vertical-align:middle}
.visionChangePasswordTable  .visionErrorCells
{
    padding:0px;
    height:0px;
    text-align:center;
} 
.visionChangePasswordTable  .all_errors,.visionForgotPasswordTable .all_errors,.visionProfileFieldsData .all_errors,.visionFeedbackFormData .all_errors,.visionBasicUserRegisterData .all_errors,.visionAdditionalRegisterData .all_errors,.visionRegisterSubmitData .all_errors
{
    color:red; 
    display:none; 
    font-weight: bold;
}
.visionChangePasswordTable  label
{ 
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
img.uAsterisk 
{
    width: 8px;
    height: 11px;
    background-position: -32px -104px;
    background-image: url('../images/app_sprite_4_2.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.visionChangePasswordButton,.visionForgotPasswordUpdateButton
{
    background-image: url('../images/update_password_icon_blue.png');
}
.visionChangePasswordButton:hover,.visionForgotPasswordUpdateButton:hover 
{
    background-image: url('../images/update_password_icon_white.png');
}
.visionChangePasswordDna table
{
    height: 176px;
    margin-top:6%;
    width:100%;
}
.visionChangePasswordDna table td
{
    opacity: 0.3;
    background-position: center;
    background-image: url('../images/new_bg2.png');
}
.visionChangePasswordButtonField
{
    text-align:center;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* media queries */
@media screen and (max-width: 767px) {.visionChangePasswordTable {width: auto !important;}.visionChangePasswordTable col {width: auto !important;}.visionChangePasswordFieldsInner {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
@media only screen and (max-width: 576px) {
    .visionChangePasswordInner
    {
        width:100%;
    }
}
@media only screen and (max-width: 409px) 
{
    .visionChangePasswordTable td
    {
        display:block;
        text-align:center;
    }
    .visionChangePasswordTable
    {
        width:100% !important;
    }
    .visionChangePasswordTable .visionErrorCells {
        height:auto;
    }
    .visionChangePasswordTable  .all_errors,.visionForgotPasswordTable .all_errors 
    {
        white-space: normal;
    }   
}
/* end of media queries */
/* end of css for the change password 18-08-2016 */
/* css for the Login Page 19-08-2016 */
_:-ms-fullscreen, :root #visionLoginPageBody
{
    overflow: hidden;
}
.visionLoginpage
{
    width:100%;
}
.visionLoginpageInner
{
    width:315px;
    height:auto; 
    background:#fff;
    border:1px solid #0071c5;
    border-radius:3px; 
    z-index:99999;
    position: fixed;
    right:0%;
    margin-left:auto;
    margin-right:100px;
    position: absolute;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    -moz-transform: translateY(-50%);
}
.visionLoginHeaderLine
{
    background: #0071C5;
    height: 10px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0.2em 0;
    padding: 0;
    display: block;
}
.visionLoginHeaderTitle
{
    width:100%;
    border-spacing: 0;
    border-collapse: collapse;
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(50%, #f0f0f0), color-stop(100%, #eaeaea));
    background-image: -webkit-linear-gradient(top, #fafafa 0%,#f0f0f0 50%,#eaeaea 100%);
    background-image: -moz-linear-gradient(top, #fafafa 0%,#f0f0f0 50%,#eaeaea 100%);
    background-image: linear-gradient(top, #fafafa 0%,#f0f0f0 50%,#eaeaea 100%);
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
    background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWFlYWVhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
}
.visionLoginHeaderTitle h1 
{
    font: normal 20px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:center;
    vertical-align:middle;
    padding:10px;
    margin: 0px;
    color:#333;
}
.visionLoginFields
{
    width:100%;
    height:auto;
}
.visionLoginError,.visionLoginErrorCapcha
{
    width: 100%;
    color:red;
    font-size: 13px;  
    text-align:center;  
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionLoginErrorCapcha
{
    text-align:left;
}
.visionLoginSocialIconsData img
{ 
    width:20px;
    height:20px;
}
.visionLoginFieldsData label{white-space: pre;} 
.visionLoginFieldsTable {border-collapse:collapse;border-spacing:0;margin:0px auto;}
.visionLoginFieldsTable td{padding:6px;word-break:normal;}
.visionLoginFieldsTable th{font-weight:normal;padding:6px;word-break:normal;}
.visionLoginFieldsTable .visionLoginFieldsData{vertical-align: middle;}
@media screen and (max-width: 767px) {.visionLoginFieldsTable {width: auto !important;}.visionLoginFieldsTable col {width: auto !important;}.visionLoginFieldsInner {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionLoginFieldsData label
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#333;
}
.visionLoginpageSlideshow
{
    width:100%;
    height:100%;
    position:fixed;
    z-index:-1;
}
_:-ms-fullscreen, :root .visionLoginpageSlideshow
{
    z-index:auto;  
}
.visionloginFieldError,.visionloginFieldCapcha
{
    text-align:center; 
    height:0px;
    padding:0px;
}
.visionloginFieldCapcha
{
    padding:0px !important;
}
.visionLoginFieldsData input[type="text"],.visionLoginFieldsData input[type="password"]
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-radius: 3px;
    border-color: #C0C0C0 #C0C0C0 #B0B0B0;
    background-color:#fff;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #404040;
    font-size: 18px;
    transition: border 0.1s ease 0s, box-shadow 0.1s ease 0s;
    width:190px;
}
.visionLoginFieldsData input[type="text"]:focus,.visionLoginFieldsData input[type="password"]:focus
{
    outline:none;
    border:1px solid #0071c5;
}
.visionLoginFieldButton 
{
    text-align:center;
}
a
{
    text-decoration: none;
    outline:none;
}
a:hover
{
    text-decoration: none;
    outline:none;
}
.visionLoginLinksTable  {border-collapse:collapse;border-spacing:0;margin:0px 0px 0px 5px;width:100%;}
.visionLoginLinksTable td{padding: 3px;word-break:normal;width: 50%;}
.visionLoginLinksTable th{font-weight:normal;padding: 3px;word-break:normal;width: 50%;}
.visionLoginLinksTable .visionLoginLinksData {vertical-align:middle}
.visionLoginpageBgImg{
    /*background-image: url('https://mdrmcloud.pilog.in/Vision_Help/Themes/Adani_Login_page_Logo.png');*/


    background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {.visionLoginLinksTable col {width: auto !important;}.visionLoginLinksInner {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionLoginLinksData .visionLoginLinkLabel
{
    color:#0071c5;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif; 
    padding-left:4px;
    word-break: break-all;
}
.visionLoginLinksData span
{
    float:left;
}
.visionLoginLinksTable  .visionLoginLinksDataLast
{
    text-align:right;
}
.visionLoginLinks
{
    margin-top:5px;
}
.visionLoginLinksInner 
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px;
}
.visionLoginLinksData a 
{
    display:flex;
    align-content:center;
}
.visionLoginLinksData a 
{
    text-decoration:none;
}
.visionLoginImage
{
    margin-top:10px;
    margin-bottom:10px;
    width:100%;
}
.visionLoginImage img
{
    width:100%;
    opacity: 0.6;
    background-position: center;
}
.visionLoginSocialIcons
{
    width:100%;
}
.visionLoginSocialIconsTable {border-collapse:collapse;border-spacing:0;margin:0px auto;}
.visionLoginSocialIconsTable td{padding: 0px;word-break:normal;}
.visionLoginSocialIconsTable th{font-weight:normal;padding: 0px;word-break:normal;}
.visionLoginSocialIconsTable .visionLoginSocialIconsData{vertical-align:middle}
@media screen and (max-width: 767px) {.visionLoginSocialIconsTable {width: auto !important;}.visionLoginSocialIconsTable col {width: auto !important;}.visionLoginSocialIconsInner {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionLoginSocialIconsData label
{
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif; 
    color:#333;
}
.visionLoginSocialIconsData span
{
    padding:5px;
    display: flex;
    float: left;
}
.visionLoginSocialIconsData  a
{
    text-decoration: none;
}
.visionLoginSocialIconsDataLast
{
    text-align:right;
}
.visionLoginCopyright 
{
    width:100%;
    text-align: center;
}
.visionLoginCopyright span
{
    text-align:center;
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
}
/* css for the login input username align */
.visionLoginUser
{
    width:100%;
}
.visionLoginUserInput
{
    width: 87%;
}
.visionLoginUserInput input[type='text']
{
    width: 98%;
}
/* end of css the login input username align */
/* capcha login page */
.visionLoginCapcha
{
    height: 36px !important; 
}
.visionLoginRefersh
{
    height: 36px !important;
    line-height: 36px !important; 
}
.visionLoginRefersh img
{
    margin-left: 5px;
}
.visionCapachaInput
{
    width: 90% !important;
}
.visionCapachaSearch
{
    width: 7% !important;
}
.visionLoginFieldsData .visionRegisterCaptchText
{
    background:#fff;
    border:1px solid #0071c5;
    color:#0071c5;
    /*user-select: none;*/
    /*    -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;*/
}

/* end of capcha login page */
/* css for the Virtual Keyboard */
.visionVirtual 
{
    list-style: none;
    width: 450px;
    margin:0px;
    padding:0px;
}
.visionVirtual li {
    float: left;
    margin: 0 5px 5px 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #fff;
    color:#0071c5;
    border: 1px solid #0071c5; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
}
.visionVirtual .delete { width: 50px; }
.visionVirtual .capslock { width: 70px; }
.visionVirtual .enter { width: 45px; }
.uppercase 
{ 
    text-transform: uppercase; 
}
.visionVirtual li:hover {
    background: #0071c5;
    cursor: pointer;
    color: #ffffff;
}
.visionVirtualMain
{
    width: 430px;
    padding: 11px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    background: rgba(255,255, 255, 0.8);
    height: 130px;
    border-radius: 3px;
    display:none;
    z-index:99999;
}
.visionVirtualShow
{
    width:27px;
    vertical-align:middle; 
    padding-left: 2px;
    height:21px;
}
.visionVirtualKeyboard
{
    width:100%;
}
.visionVirtualInput,.visionVirtualImage
{
    float:left;
}
.visionVirtualInput
{
    width: 87%;
}
.visionVirtualImage
{
    width:10%;
}
.visionVirtualInput input[type='password']
{
    width: 98%;
}
@media screen and (max-width:450px) 
{
    .visionVirtualMain,.visionVirtual
    {
        width: 300px;
        height: 185px;
    }
}
/* end of css for the Virtual Keyboard */
/* media queries */
@media screen and (max-width:800px) {
    .visionLoginpageInner 
    {
        margin-right:auto;
        margin-left:auto;
        right:0;
        left:0;
    }
}
@media screen and (max-device-width :800px) and (orientation:landscape) 
{
    .visionLoginpageInner
    {
        height:320px;
        overflow-y: scroll;
    }
}
@media screen and  (max-width:320px) 
{
    .visionLoginpageInner
    {
        height:400px;
        overflow-y: scroll;
    }
    .visionLoginCapcha {
        height: 50px !important;
    }
    .visionLoginRefersh 
    {
        height: 50px !important;
        line-height: 50px !important;
    }
}
/* end of  media queries */
/* css for the background image sliding */
.cbp-bislideshow {
    list-style: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    padding: 0;
    margin: 0;
}
.cbp-bislideshow li {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    opacity: 0;
    transition: 0.5s ease;
    transform: translate3d(0, 0, 0);
}
.backgroundsize .cbp-bislideshow li {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.backgroundsize .cbp-bislideshow li img 
{
    display: none;
}
.cbp-bislideshow li img {
    display: block;
    width: 100%;
}
.cbp-bicontrols {
    position: fixed;
    width: 300px;
    height: 100px;
    margin: -50px 0 0 -150px;
    top: 50%;
    left: 50%;
}
.cbp-bicontrols span {
    float: left;
    width: 100px;
    height: 100px;
    position: relative;
    cursor: pointer;
}
.cbp-bicontrols span:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 100px;
    font-size: 80px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    opacity: 0.7;
}
.cbp-bicontrols span:hover:before {
    opacity: 1;
}
.cbp-bicontrols span:active:before {
    top: 2px;
}
span.cbp-biplay:before {
    content: "\e002";
}
span.cbp-bipause:before {
    content: "\e003";
}
span.cbp-binext:before {
    content: "\e000";
}
span.cbp-biprev:before {
    content: "\e001";
}
.cbp-bicontrols span.cbp-binext 
{
    float: right;
}
.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
    opacity: 1;
}
.no-js.backgroundsize .cbp-bislideshow li:first-child img {
    display: block;
}
/* end of css for the background image sliding */
/* css for the oval tooltip */
.visionLoginOval
{
    background: #d7ebf9  none repeat scroll 0 0;
    border-radius: 100px / 50px;
    height: auto;
    width: 310px;padding-bottom: 10px;
    width: 220px;
    box-shadow: 5px 5px 5px #888888;font-size: 13px;cursor:pointer;
}
.visionLoginInvertedTriangle
{
    border-left: 67px solid transparent;
    border-right: 0 solid transparent;
    border-top: 60px solid #d7ebf9 ;
    height: 0;
    margin-left: 88px;
    margin-top: -30px;
    width: 0;
}
.visionLoginDialogText
{
    display: inline-block;
    height: auto;
    margin: 20px 0 0 10px;
    text-overflow: clip;
    white-space: initial;
    width: 88%;text-align: center;
    color:#333;
}
.visionLoginOval,.visionLoginInvertedTriangle 
{
    z-index:150;
}
/* media queries for tooltips */
@media only screen and (min-width:320px) and (max-width:359px){
    .visionLoginOval{margin-left:32% }
    .visionLoginInvertedTriangle{margin-left:100px }
}
@media only screen and (min-width:360px) and (max-width:374px){
    .visionLoginOval{margin-left:32% }
    .visionLoginInvertedTriangle{margin-left:100px }
}
@media only screen and (min-width:375px) and (max-width:383px){
    .visionLoginOval{margin-left:32% }
    .visionLoginInvertedTriangle{margin-left:100px }
}
@media only screen and (min-width:384px) and (max-width:411px){
    .visionLoginOval{margin-left:34% }
    .visionLoginInvertedTriangle{margin-left:100px }
}
@media only screen and (min-width:412px) and (max-width:479px){
    .visionLoginOval{margin-left:34% }
    .visionLoginInvertedTriangle{margin-left:100px }
}
@media only screen and (min-width:480px) and (max-width:532px)
{
    .visionLoginOval{margin-left:34% }
    .visionLoginInvertedTriangle{margin-left:100px }
}
@media only screen and (min-width:533px) and (max-width:567px){
    .visionLoginOval{margin-left:34% }
    .visionLoginInvertedTriangle{margin-left:100px }
}  
/* end of media queries for tooltips */
/* end of css for the oval tooltip */
/* css for the pop up box */
.visionLoginOverlay
{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}
.visionLoginPopup
{
    width:100%;
}
.visionLoginMessageview
{
    width: 450px;
    height: 125px;
    background:#fff;
    border-radius:10px;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    margin:auto;
    z-index: 99999;
    border:1px solid #0071c5;
}
.visionMessageHeader
{
    background:#0071c5;
    color:#fff;
    border-radius: 7px 7px 0px 0px;
    width:100%;
    height:30px;
}
.visionLoginPopupHeaderMessage
{
    line-height:30px;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight:bold;
}
.visionLoginMessageBody
{
    width:100%;
    height:95px;
}
.visionMessageLoader,.visionMessageContent
{
    float:left;
    height:95px;
}
.visionMessageLoader
{
    width:20%;
}
.visionMessageContent
{
    width:80%;
    display: table;
}
.visionLoginPopupBodyMessage
{
    display: table-cell;
    vertical-align: middle;
    color:#333 !important;
    font-size:13px !important;  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.visionLoginLoaderWait {
    width:95px;
    height:95px;
    position:relative !important;
    left:0px !important;
    right:0px !important;
    top:0px !important;
    bottom:0px !important;
    margin:auto !important;  
    z-index: 999999 !important;
    border-style: none;
    opacity:0.99;
    background: transparent;
    text-align:center;
    vertical-align:middle;
    line-height:95px;
}
.visionLoginLoaderWait #Layer1 {
    position:relative;
    margin-left: 0px;
    font-weight: bold;
    font-size: 9px;
    color: #144A9A;
    font-family: optima;
}
.visionLoginLoaderWait .spandiv {
    font-family: Arial, Helvetica, sans-serif;
    font-size:9px;
    font-weight:bold;
    color: #00aff0;
}
.visionLoginLoaderWait .loadermain 
{
    width: 50px;
    height: 60px;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.visionLoginLoaderWait .loader-ring {
    position: absolute;
    width: 50px;
    height: 60px;
    -webkit-transform: skew(30deg, 20deg);
    transform: skew(30deg, 20deg);
}
.visionLoginLoaderWait .loader-ring:last-of-type {
    -webkit-transform: skew(-30deg, -20deg) scale(-1, 1);
    transform: skew(-30deg, -20deg) scale(-1, 1);
}
.visionLoginLoaderWait .loader-ring:last-of-type img {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.visionLoginLoaderWait .loader-ring img {
    max-width: 100%;
    height: auto;
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}
@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@media all and (-ms-high-contrast:none)
{
    *::-ms-backdrop,  .visionLoginLoaderWait .loader-ring img {width:100%;} 
}
/*      media queries */
@media only screen and (max-width: 420px) {
    .visionLoginMessageview
    {
        width:315px;
    }
    .visionMessageLoader
    {
        width:25%;
    }
    .visionMessageContent
    {
        width:75%;
    }
}
.visionLoginpageInner   * 
{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}
/* end of css for the pop up box */
/* end of css for the login page 19-06-2016 */
/* css for the Task page  24-08-2016 */
.visionTaskTab
{
    width:100%;
}
.visionTaskTabInner
{
    width:60%;
    border-radius:10px;
    border:1px solid #0071c5;
    margin:0 auto;
    font-size: 1em;
    font-family: arial;
    padding:10px;
    margin-top:20px;
}
.visionTaskTabData  img
{
    height: 30px;
    width: 30px;
}
.visionTaskTabHeader 
{
    width:100%;
    text-align:center;
}
.visionTaskTabHeader h1
{
    color: #0071c5;
    font-size: 15px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.visionTaskTabSperator
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #0071C5;
    margin: 0.6em 0;
    padding: 0;
}
.visionTaskTabTable  {border-collapse:collapse;border-spacing:0;}
.visionTaskTabTable td{padding: 3px;word-break:normal;}
.visionTaskTabTable th{font-weight:normal;padding: 3px;word-break:normal;}
.visionTaskTabTable .visionTaskTabData {vertical-align:middle}
@media screen and (max-width: 767px) {.visionTaskTabTable {width: auto !important;}.visionTaskTabTable col {width: auto !important;}.visionTaskTabMain {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionTaskTabDataTitle
{
    color: #0071c5;
    font-weight: bold;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
}
.visionTaskTabDataInfo
{
    padding: 0px;
    margin: 0px;
}
.visionTaskTabDataInfo a
{
    color:#0071c5;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
}
/* media queries */
@media only screen and (max-width:800px) {
    .visionTaskTabInner
    {
        width:99%;
        margin:20px auto;
        padding:0px;   
    }
    .visionTaskTabHeader h1 
    {
        padding: 10px;   
    }
    .visionTaskTabSperator {
        margin:0px;
    }    
}
/* end of media queries */
/* end of  css for the Task page */
/* css for the language change 16-08-2016 (modified on 24-08-2016) */
.visionLanguageForm
{
    width:100%;
}
.visionLanguageFormInner
{
    width:100%;
    height:auto;
    margin:20px auto;
    font-size: 1em;
    font-family: arial;
}
.visionLanguageFormTable select
{
    vertical-align:middle;
}
.visionLanguageFormTable  {border-collapse:collapse;border-spacing:0;margin:0px auto;}
.visionLanguageFormTable td{padding:10px;word-break:normal;}
.visionLanguageFormTable th{font-weight:normal;padding:10px;word-break:normal;}
.visionLanguageFormTable .visionLanguageFormData{vertical-align:middle}
@media screen and (max-width: 767px) {.visionLanguageFormTable {width: auto !important;}.visionLanguageFormTable col {width: auto !important;}.visionLanguageFormMain {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionLanguageFormLabel
{
    font-weight: bold;
    font-size:13px;
}
/* media queries */
@media screen and (max-width: 349px) {
    .visionLanguageFormTable td
    {
        padding:0px;
    }  
}
@media screen and (min-width: 350px) and (max-width: 383px) {
    .visionLanguageFormTable td
    {
        padding:5px;
    }  
}
/* end of  media queries */
/* common css for the buttons */
input[type="button"],input[type="button"]:hover,.visionFileUpload,.visionFileUpload:hover,.visionChangePasswordButton,.visionChangePasswordButton:hover,.visionLoginFieldButton input[type="button"],.visionLoginFieldButton input[type="button"]:hover,button,button:hover,.dialogyes,.dialogyes:hover,.dialogno,.dialogno:hover,.visionMasterDetailGroupImport,.visionMasterDetailGroupImport:hover,.visionSRSRegister,.visionSRSRegister:hover 
{
    background-position: 5px center;
    background-repeat: no-repeat;  
    background-size: 16px 16px;
    padding: 2px 5px;
    padding-left: 28px;
    cursor: pointer;
    height: 25px;
    width: auto;
    border-radius: 5px;
    text-align: center;
    outline: 0 none;
    border: 1px solid #0071C5;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}
input[type="button"],.visionFileUpload,.visionChangePasswordButton,.visionLoginFieldButton input[type="button"],button,.dialogyes,.dialogno  
{
    color: #0071C5;
    background-color: #fff;
}
input[type="button"]:hover,.visionFileUpload:hover,.visionChangePasswordButton:hover,.visionLoginFieldButton input[type="button"]:hover,button:hover,.dialogyes:hover,.dialogno:hover
{
    color: #fff;
    background-color: #0071c5;
}
.visionInputDisable{
    background-color:#d7e6f1 !important;
}

.visionChangePasswordButton,.visionChangePasswordButton:hover,button,button:hover
{
    padding:0px 5px;
    padding-left: 28px;
    font: normal 12px/22px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}
/*end of common css for the buttons */
.visionLanguageFormButton
{
    background-image: url('../images/language_apply_icon_blue.png');
}
.visionLanguageFormButton:hover
{
    background-image: url('../images/language_apply_icon_white.png'); 
}
.visionLoginFieldButton input[type="button"]
{
    background-position: calc(100% - 4px) 3px; 
    padding: 0px 27px 0px 4px; 
    background-image: url('../images/role_icon.png');  
    font: normal 12px/22px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    background-color:#0071c5;
    color:#fff;
    font-weight:bold;
}
.visionLoginFieldButton input[type="button"]:hover
{
    background-position: calc(100% - 4px) 3px; 
    padding: 0px 27px 0px 4px; 
    background-image: url('../images/role_icon.png');  
    font: normal 12px/22px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    background-color:#528cd7;
    color:#fff;
    font-weight:bold;
}
/*  css for the common loader */
.loaderwait {
    display:none;
    width:100px;
    height:100px;position:fixed;
    left:0px !important;
    right:0px !important;
    top:0px !important;
    bottom:0px !important;
    margin:auto !important;  
    z-index: 999999 !important;
    border-style: none;
    opacity:0.99;
    background: transparent;
    text-align:center;
    vertical-align:middle;
    line-height:100px;
}
#Layer1 {
    position:relative;
    margin-left: 0px;
    margin-right: 2px;
    font-family: optima;
    font-size: 11px;
    font-weight: bold;
    color: #144A9A;
}
.spandiv {
    font-family: Arial, Helvetica, sans-serif;
    font-size:9px;
    font-weight:bold;
    color: #00aff0;
}
.loadermain 
{
    width: 60px;
    height: 60px;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.loader-ring {
    position: absolute;
    width: 60px;
    height: 60px;
    -webkit-transform: skew(30deg, 20deg);
    transform: skew(30deg, 20deg);
}
.loader-ring:last-of-type {
    -webkit-transform: skew(-30deg, -20deg) scale(-1, 1);
    transform: skew(-30deg, -20deg) scale(-1, 1);
}
.loader-ring:last-of-type img {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.loader-ring img {
    max-width: 100%;
    height: auto;
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}
@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@media all and (-ms-high-contrast:none)
{
    *::-ms-backdrop,  .loader-ring img {width:100%;} /* IE11 */
}
/*  css for the common loader */
/* common css for the select */
select
{
    border-radius:3px;
    border:1px solid #B0B0B0;
    height:20px;
    line-height:20px;
    vertical-align:middle;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
@-moz-document url-prefix() {
    /*   for Firefox */
    select * {
        color: black;
        text-shadow: none;
    }
}
/* end of  common css for the select */
/* end of  css for the language change 16-08-2016 */
/* css for the forgot password 25-08-2016 */
.visionForgotPasswod
{
    width:100%;
}
.visionForgotPasswordInner
{
    width:508px;
    height:auto;
    background:#fff;
    border:1px solid #0071c5;
    margin:50px auto;
    border-radius:10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.visionForgotPasswordHeader
{
    display: block;
    height: 10px;
    border: 0;
    border-top: 1px solid #0071C5;
    margin: 0.6em 0;
    padding: 0;
    background: #0071c5;
}
.visionForgotPasswordTitle  h1
{
    color: #0071c5;
    text-align: center;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
}
.visionForgotPasswordTable  {border-collapse:collapse;border-spacing:0;margin:0px auto;}
.visionForgotPasswordTable td{padding: 12px;word-break:normal;}
.visionForgotPasswordTable th{font-weight:normal;padding: 12px;word-break:normal;}
.visionForgotPasswordTable .visionForgotPasswordData{vertical-align:middle}
@media screen and (max-width: 767px) {.visionForgotPasswordTable {width: auto !important;}.visionForgotPasswordTable col {width: auto !important;}.visionForgotPasswordFields {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionForgotPasswordDataAlign,.visionForgotPasswordDataError
{
    text-align:center;
}
.visionForgotPasswordTable .visionForgotPasswordDataError
{
    padding:0px;
    height:0px;
}
.visionForgotPasswordEmail,.visionForgotPasswordNewPassword,.visionForgotPasswordConPassword 
{
    width:190px;
}
.visionForgotPasswordSendemailButton
{
    background-image: url('../images/send_email_icon_blue.png'); 
}
.visionForgotPasswordSendemailButton:hover
{
    background-image: url('../images/send_email_icon_white.png'); 
}
.visionForgotPasswordCancelButton
{
    background-image: url('../images/cancel_icon _blue.png'); 
}
.visionForgotPasswordCancelButton:hover
{
    background-image: url('../images/cancel_icon.png');    
}
.visionForgotPasswordDna table
{
    width:100%;
    height: 176px;
    margin-top:10%
}
.visionForgotPasswordDna table td 
{
    opacity: 0.3;
    background-position: center; 
}
/*media queries */
@media only screen and (max-width: 576px) 
{
    .visionForgotPasswordInner
    {
        width:100%;   
    }
}
/*end of media queries */
/* end of  css for the forgot password 25-08-2016 */
/* css for the loginhandler  25-08-2016 */
.visionLoginHandler
{
    width:100%;
}
.visionLoginHandlerInner,.visionLoginHandlerInner1
{
    height:auto;
    border:1px solid #0071c5;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius:10px;
    position: absolute;
}
.visionLoginHandlerInner
{
    width: 450px;
}
.visionLoginHandlerInner1
{
    width: 350px;
}
.visionLoginHandlerHeader
{
    background:#0071c5;
    height:30px;
    line-height:30px;
    border-top-left-radius:7px;
    border-top-right-radius:7px;
    width:100%;
    padding-left:1px;
    margin-top:-1px;
}
.visionLoginHandlerHeader h1 
{
    text-align:left;
    color:#fff;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    margin:0px;
}
.visionLoginHandlerData a
{
    text-decoration:none;
}
.visionLoginHandlerTable  {border-collapse:collapse;border-spacing:0;margin:0px auto;}
.visionLoginHandlerTable td{padding: 5px;word-break:normal;}
.visionLoginHandlerTable th{font-weight:normal;padding: 5px;word-break:normal;}
.visionLoginHandlerTable .visionLoginHandlerData{vertical-align:middle}
@media screen and (max-width: 767px) {.visionLoginHandlerTable {width: auto !important;}.visionLoginHandlerTable col {width: auto !important;}.visionLoginHandlerMain {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionLoginHandlerData img
{
    width:35px;
    height:35px;
}
.visionLoginHandlerDataAlgin
{
    text-align:center;
}
.visionLoginHandlerData span
{
    color: graytext;
    font-size:14px;
    line-height: 23px;
}
.visionLoginHandlermessage
{
    text-align:left;
}
.visionLoginHandlerMain 
{
    padding:15px;
}
.visionLoginHandlerTable  input[type="radio"]
{
    margin-top: -1px;
    vertical-align: middle;
}
_::-webkit-:not(:root:root), .visionLoginHandlerTable  input[type="radio"]
{
    margin-top:0px;  
}
.visionLoginHandlerDataCancel 
{
    margin-left:20px;
}
.visionLoginHandlerDataSubmit input[type="button"]
{
    background-image: url('../images/submit_icon_blue.png');
}
.visionLoginHandlerDataSubmit input[type="button"]:hover
{
    background-image: url('../images/submit_icon_white.png'); 
}
.visionLoginHandlerDataCancel input[type="button"]
{
    background-image: url('../images/cancel_icon _blue.png');  
}
.visionLoginHandlerDataCancel input[type="button"]:hover
{
    background-image: url('../images/cancel_icon.png');  
}
/*media queires */
@media only screen and (max-width: 500px) {
    .visionLoginHandlerInner,.visionLoginHandlerInner1
    {
        width:90%;
    }
}
@media screen and (max-device-width :500px) and (orientation:landscape) 
{
    .visionLoginHandlerInner
    {
        height:210px;
        overflow:hidden;
        overflow-y: scroll;
    }
}
/* end of meida queires */
/* end of css for the loginhandler  25-08-2016 */
/* css for the generic Grid page 27-08-2016*/
.visionGenricGrid
{
    width:100%
}
.visionGenricGridInner
{
    width:80%;
    margin:0 auto;
}
.visionGenericGridBody
{
    height:auto;
    border-radius: 5px
}
.visionGenericGridBody .tableGridContent
{
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
}
.VisionJqxGridWidget
{
    opacity: .99;
    border-radius: 5px 
}
.visionGenericGridTable,.visionGenericGridJqxwidget
{
    height:auto;
}
.visionGenericGridBody input[type="button"]
{
    margin-top:2%;
}
.visionGenricGridMain h3
{
    height: 19px;
    line-height: 19px !important;
}
.visionGenricGridMain h3 img
{
    vertical-align:middle;
    padding-right:3px;
}
.visionGenericGridTable table td
{ 
    padding:0;
    margin:0;
}
.visionGenericGridRetrive
{
    background-image: url('../images/retrieve_icon_blue.png'); 
}
.visionGenericGridRetrive:hover
{
    background-image: url('../images/retrieve_icon_white.png'); 
}
.visionGenericGridReset
{
    background-image: url('../images/reset_icon3.png');  
}
.visionGenericGridReset:hover
{
    background-image: url('../images/reset_icon_hover.png');  
}
.visionGenericGridSearchTable  {border-collapse:collapse;border-spacing:0;margin:0px auto;}
.visionGenericGridSearchTable td{padding: 3px;word-break:normal;}
.visionGenericGridSearchTable th{font-weight:normal;padding: 3px;word-break:normal;}
.visionGenericGridSearchTable th,.visionGenericGridSearchTable td 
{
    padding-left: 5px;
}
.visionGenericGridSearchTable th
{
    background-color: #0071c5;
    color: #fff;
    text-align: left;
}
.visionGenericGridSearchTable .visionGenericGridSearchData{vertical-align:middle}
@media screen and (max-width: 767px) {.visionGenericGridSearchTable {width: auto !important;}.visionGenericGridSearchTable col {width: auto !important;}.visionGenericGridSearchTableMain {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
/*media queries */
@media only screen and (max-width: 500px) {
    .visionGenricGridInner
    {
        width:100%;
    }
    .ui-accordion .ui-accordion-header
    {
        width: 80%;
    }
    .ui-accordion .ui-accordion-content
    {
        padding:0; 
    }
    .visionGenericGridJqxwidget 
    {
        width:99% !important;
    }
    .visionGenricGridInner .searchClass
    {
        width:60% !important;  
    }
    .visionGenricGridInner  input[type="text"]
    {
        width:90% !important;
    }
}
@media only screen and (min-width: 501px) and (max-width:800px) 
{
    .visionGenricGridInner
    {
        width:100%;
    }
    .ui-accordion .ui-accordion-header
    {
        width: 50%;
    }
    .ui-accordion .ui-accordion-content
    {
        padding:0; 
    }
    .visionGenericGridJqxwidget 
    {
        width:99% !important;
    }
}
/* end of media queries */
/*commom css for the acordians */
.ui-accordion .ui-accordion-header
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    font-weight:bold;
    border-radius: 10px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover  
{
    border: 1px solid #0071c5;
    background: #0071C5;
    font-weight: bold;
    color: #ffffff;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{
    border: 1px solid #0071c5;
    background: #0071C5;
    font-weight: bold;
    border-radius: 10px;
    color: #fff;
    border-style: none;
    outline: 0;
    font-size:13px;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ui-state-highlight{
    background: #fff !important;
    color: #0071c5 !important;
    font-weight: bold !important;
    border: 1px solid #0071c5 !important;
}
.ui-state-active .ui-icon,.ui-state-hover .ui-icon,.ui-widget-header .ui-icon 
{
    background-image: url(../images/jquery-ui-theme/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon 
{
    background-image: url(../images/jquery-ui-theme/ui-icons_ffffff_256x240.png);
}
/* end of the accrodians */
/* css for the common logout dialog box */
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr 
{
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl 
{
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
} 
.ui-widget-content {
    color: #404040;
}
.ui-widget 
{
    font-family: 'Helvetica Neue', Helvetica, Arial, Arial,sans-serif;
    font-size: 12px;
} 
.ui-dialog 
{
    padding: 0;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    z-index: 2000 ;
} 
.ui-dialog .ui-dialog-titlebar 
{
    border-radius: 2px 2px 0 0;
    border-width: 0 0 1px 0;
}
.ui-helper-clearfix::before, .ui-helper-clearfix::after {
    content: "";
    display: table;
}
.ui-widget-header 
{
    font-weight: bold;
    background: #0071C5;
    color: #fff;
    border: 1px solid #9aaec8;
}
.ui-icon-closethick 
{
    background-position: -96px -128px;
}
.ui-icon 
{
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-helper-clearfix::before, .ui-helper-clearfix::after 
{
    content: "";
    display: table;
    clear: both;
}
.ui-widget-overlay {
    background: #aaa url(../images/jquery-ui-themejquery-ui-theme/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.dialogyes span {
    padding: .3em 0.1em !important;
}
.dialogyes 
{
    background-image:url('../images/submit_icon_white.png') !important;
    background-position:5px center !important;
    background-repeat:no-repeat !important;
    font-weight:bold !important;
    border:1px solid #0071c5 !important;
}
.dialogyes:hover
{
    background-color:#528cd7;
    color:#fff;
    background-image:url('../images/submit_icon_white.png') !important;
}
.dialogno
{
    background:#fff  url('../images/cancel_icon _blue.png') !important;
    color:#0071c5 !important;
    padding:0px !important;
    padding-left:15px !important;
    background-position:5px center !important;
    background-repeat:no-repeat !important;
    font-weight:bold !important;
    border:1px solid #0071c5 !important;
}
.dialogno:hover
{
    background:#528cd7 url('../images/cancel_icon.png') !important;
    background-position:5px center !important;
    background-repeat:no-repeat !important;
    font-weight:bold !important;
    color:#fff !important;
}
/* end of  css for the common logout dialog box */
/* end of css for the generic Grid page 27-08-2016*/
/* css for the components and subcomponents 30-08-2016 */
#visionComponentBodyTag
{
    background-color: rgba(255,255,255,0.75);   
}
.visionComponent,.visionSubComponent
{
    width:100%;
}
.visionComponentInner,.visionSubcomponentInner
{
    text-align:center; 
    margin:0 auto;
    display:block;
    width:auto;    
}
.visionSubComponentFeatData
{
    width: 900px;
    height:475px;
    position:relative;
    margin:10px;  
}
.visionSubcomponentInner,.visionSubComponentFeatData
{
    float: left;
}
.visionSubcomponentInner
{
    text-align:left;
}
.visionComponentBox,.visionSubComponentBox
{
    display: inline-block;
    width: 165px;
    height: auto;
    margin:10px;
    -webkit-perspective: 1000;
    text-align: center;
    float: left;

}
.visionSubComponentBox
{
    width: 250px;
}
.visionComponentBoxInner,.visionSubComponentBoxInner,.visionSubComponentFeatDataInner
{
    width:100%;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    -ms-transform-style: preserve-3d;
    -ms-transition: 0.5s;
    -moz-transform-style: preserve-3d;
    -moz-transition: all 3s ease;
    -o-transform-style: preserve-3d;
    -o-transition: 1s;
    transition: all 0.25s ease-in-out;
    transform-style: preserve-3d;
}
.visionComponentBox .visionComponentBoxInner.flipped,.visionSubComponentBox .visionSubComponentBoxInner.flipped,.visionSubComponentFeatData .visionSubComponentFeatDataInner.flipped  
{
    -webkit-transform: rotatey(360deg);
    transform: rotateY(360deg);
    -ms-transform: rotateY(360deg) scale(1,1);
    -o-transform: rotateY(360deg);
    filter:none;
}
.visionComponentBoxFace,.visionSubComponentBoxFace,.visionSubComponentFeatDataFace
{
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #EAF9FF;
    border-radius: 10px;
    border: 2px solid #008fd3;
}
.visionComponentBoxBack,.visionSubComponentBoxBack,.visionSubComponentFeatDataBack 
{
    -webkit-transform: rotatey(-180deg);
    -ms-transform: rotatey(-180deg);
    -o-transform: rotatey(-180deg);
    -moz-transform: rotatey(-180deg);
    transform: rotatey(-180deg);
    background: #EAEAEA;
    color: white;
    cursor: pointer;
    border-radius: 10px;
}
.visionComponentTitle,.visionSubComponentTitle
{
    width:100%;
    text-align:center;
}
.visionComponentTitle h1,.visionSubComponentTitle h1,.visionSubComponentFeaturesContent span,.visionSubComponentInfo span,.visionSubComponentFeatTitle h1
{
    font-size:12px;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    cursor: pointer;
}
.visionSubComponentTitle h1,.visionSubComponentFeaturesContent span,.visionSubComponentFeatTitle h1
{
    font-size:16px;
    text-transform: none;
}
.visionSubComponentFeatTitle h1
{
    padding:15px;
    cursor:auto;
}
.visionSubComponentTitle h1
{
    margin-top:10px;
}
.visionComponentTitle a,.visionSubComponentTitle a,.visionSubComponentFeatTitle a
{
    color:#000;
}
.visionComponentTitle a:hover,.visionSubComponentTitle a:hover,.visionSubComponentFeatTitle a:hover
{
    color: #2779aa;
    text-decoration: none;
    outline:none;
}
.visionComponentInfo a,.visionComponentInfo a,.visionSubComponentInfo a
{
    color: #0071c5;
    text-decoration: none;
    outline:none;
}
.visionComponentInfo a:hover,.visionComponentInfo a:hover,.visionSubComponentInfo a:hover
{
    color:#000; 
    text-decoration: none;
    outline:none;
}
.visionComponentBox a,.visionSubComponentBox a
{
    text-decoration:none;
}
.visionComponentImageView,.visionSubComponentImageView
{
    width:100%;
    text-align: center;
    margin-top:5px;
}
.visionSubComponentImageView
{
    margin-bottom:10px;
    margin-top:10px;
}
.visionComponentImageView img,.visionSubComponentImageView img
{
    width:60px;
    height:60px;
    vertical-align:middle;
    text-align:center;
    cursor:pointer;
}
.visionSubComponentImageView img
{
    width:100px;
    height:100px;
}
.visionSubComponentSeparator,.visionSubComponentFeatSperator
{
    width: 66%;
    margin:0 auto;
    text-align:center;
    display:block;
    border:1px solid #499FD9;
    margin-bottom:10px;
}
.visionSubComponentFeatSperator
{
    width:100%;
}
.visionSubComponentFeaturesData img
{
    width:20px;
    height:20px;
}
.visionSubComponentFeaturesData span
{
    color:green;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:bold;
    font-size: 13px;
}
.visionSubComponentFeatinfo
{
    display:flex;
}
.visionSubComponentFeatinfo img
{
    padding-right:5px;
}
.visionSubComponentFeaturesMain
{
    height: 83%;
    overflow-y: scroll;
}
.visionSubComponentFeatinfo .td_span,.visionSubComponentFeatchild li
{
    cursor:pointer;
}
.visionSubComponentFeatinfo .td_span
{ 
    line-height:21px;
}
.visionSubComponentFeaturesTable  {border-collapse:collapse;border-spacing:0;margin: 20px;}
.visionSubComponentFeaturesTable td{padding: 5px;word-break:normal;}
.visionSubComponentFeaturesTable th{font-weight:normal;padding: 5px;word-break:normal;}
.visionSubComponentFeaturesTable .visionSubComponentFeaturesData{}
@media screen and (max-width: 767px) {.visionSubComponentFeaturesTable {width: auto !important;}.visionSubComponentFeaturesTable col {width: auto !important;}.visionSubComponentFeaturesMain {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionSubComponentFeatures
{
    width:100%;
    margin-bottom:10px;
}
.visionSubComponentFeaturesContent,.visionSubComponentFeaturesImage
{
    display:inline-block;
    text-align:center;
    vertical-align:middle;
}
.visionSubComponentFeaturesContent
{
    margin-left:5px;
}
.visionSubComponentFeaturesImage img
{
    vertical-align:middle;
}
.visionComponentData,.visionSubComponentDate
{
    color: #7abcde;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 9px;
    margin-top: 10px;
    background:#d7ebf9;
    border-radius: 0px 0px 10px 10px;
}
.visionSubComponentInfo span
{
    font-size:12px;
    font-weight: bold;
    text-transform: none;
}
.visionComponentDataInner,.visionSubComponentDataInner
{
    width: auto;
    display: inline-block;
}
.visionSubComponentDataInner
{
    vertical-align: middle;
    padding:7px;
}
.visionComponentImage,.visionComponentInfo,.visionSubComponentImage,.visionSubComponentInfo
{
    width: auto;
    display: inline-block;
    cursor:pointer;
    vertical-align: middle;
}
.visionSubComponentImage,.visionSubComponentInfo
{
    text-align:center;
}
.visionComponentImage,.visionSubComponentImage 
{
    padding:2px;
}
.visionComponentInfo span
{
    padding:0;
    margin:0;
}
.visionComponentImage  img
{
    width:14px;
    height:14px;
}
.visionSubComponentImage img
{
    width:18px;
    height:18px;
}
.visionComponentInfo span
{
    font-weight: bold;
}
.visionComponentInfo .visionComponentPercentage,.visionSubComponentInfo .visionSubComponentPercentage
{
    color:red;
}
.visionSubComponentFeatchild
{
    list-style-position: inside;
    padding-left: 25px;
}
.visionSubComponentFeatchild ul
{
    list-style-position: inside;
    padding-left: 25px;
}
.visionSubComponentFeatchild li
{
    font-size:12px;
    color:#333;
    padding:5px 0;
}
.visionSubComponentFeatchild li span
{
    color:#333;
}
/* media queries */
@media only screen and (max-width:1024px) {
    .visionComponentInner,.visionSubcomponentInner
    {
        text-align:center;
    }
}
@media only screen and (max-width:620px) 
{
    .visionSubcomponentInner
    {
        margin: 0 auto;
        width: 100%;
    }
    .visionSubComponentFeatData
    {
        width:100%;
        margin:0px auto;
    }
    .visionSubComponentFeaturesData
    {
        display:block;
    }
}
@media only screen and (min-width:621px) and (max-width:900px)
{
    .visionSubComponentFeatData
    {
        width:100%;
        margin:0px auto;
    }
    .visionSubComponentFeaturesData
    {
        display:block;
    }
}
@media only screen and (min-width:901px) and (max-width:1100px)
{
    .visionSubComponentFeatData
    {
        width:600px;
        margin:0px auto;
    }
    .visionSubComponentFeaturesData
    {
        display:block;
    }
}
@media only screen and (min-width:1101px) and (max-width:1300px)
{
    .visionSubComponentFeatData
    {
        width:800px;
        margin:0px auto;
    }
}
@media only screen and (max-width:350px)
{
    .visionSubComponentBox
    {
        margin:10px auto;
    }
}
/* end of media queries */
/* css for the components and subcomponents 30-08-2016 */
/* css for  the material search 29-08-2016 */
/* css for the personalise */
img.navIcon.gear 
{
    background-position: -34px -72px;
    background-image: url('../images/app_sprite_4_2.png');
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: top;
    width: 16px;
}
.personaliseoption .ui-accordion-header1
{
    font-size:13px;    
    font-family: 'Helvetica Neue', Helvetica, Arial, Arial,sans-serif; 
    padding: .3em 0.3em 0.3em 0;
    text-align: center;
    margin:0;
}
.personaliseoption
{
    float: right;
}
.personaliseoption .layoutoptions.ui-accordion
{
    width: 100%;
    padding-bottom: 0%;
    padding-top: 0%;
    padding-left: 0px;
    padding-right: 0px;
    color: #fff;
    cursor: pointer;
    background: #0071c5 none repeat scroll 0 0;
    border-radius: 5px;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}
.personaliseoption .ui-accordion .ui-accordion-header1 .ui-icon1 
{
    left: 0%;
    margin-top: -2px;
    position: relative;
    top: 50%;
    vertical-align: middle;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -99999px;
    background-image: url("../images/jquery-ui-theme/ui-icons_ffffff_256x240.png");
    height: 16px;
    width: 16px;
}
.personaliseoption .ui-accordion .ui-accordion-header1 .ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.personaliseoption .ui-accordion .ui-accordion-header1 .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.personaliseoption .settings_panel 
{
    display: none;
    border: 1px solid #dddddd;
    width: 20%;
    position: absolute;
    z-index: 10000;
    cursor: auto;
    font-family: Arial;
    font-size: 12px;
    right: 4%;
}
.settings_panel .savedSearch 
{
    margin:3px;
}
.settings_panel span 
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    vertical-align: sub;
}
.personalize_tbl
{
    width:100%;
    border-collapse: separate;
    border: solid #0071c5 1px;
    border-radius: 3px;
    border-spacing: 0;
    background:#fff;
}
.personalize_tbl tr td:nth-child(1) 
{
    width:40%;
    font-weight: bold;
    padding-left: 1%;
}
.personalize_tbl tr td:nth-child(2),.personalize_tbl tr td:nth-child(3),.personalize_tbl tr td:nth-child(4) 
{
    width:20%;
    text-align: center;
}
.personalize_tbl thead th 
{
    padding: 2%;
    text-align:center; 
    background: #0071c5;
    color: #fff;
}
.personalize_tbl td 
{
    padding: 1%;
    border:1px solid #0071c5;
    overflow: hidden;
    word-break: normal;
    border-bottom: 0px;
    border-left: 0px;
}
.personalize_tbl td:last-child 
{
    border-right: 0px;
}
.personalize_tbl td,.personalize_tbl input
{
    vertical-align:middle
}
.personalize 
{
    margin-top: 3px;
    text-align: left;
}
/*  */
.personalize_pdr_tbl
{
    width:100% !important;
    /*border-collapse: separate !important;*/
    border: solid #0071c5 1px !important; 
    border-radius: 3px !important;
    border-spacing: 0 !important;
    background:#fff;
}
.personalize_pdr_tbl tr td:nth-child(1) 
{
    width:40%;
    font-weight: bold;
    padding-left: 1%;
}
.personalize_pdr_tbl tr td:nth-child(2),.personalize_pdr_tbl tr td:nth-child(3),.personalize_pdr_tbl tr td:nth-child(4) 
{
    width:20%;
    text-align: center;
}
.personalize_pdr_tbl thead th 
{
    padding: 2%;
    text-align:center; 
    background: #0071c5;
    color: #fff;
}
.personalize_pdr_tbl td 
{
    padding: 1% !important;
    border:1px solid #0071c5 !important;
    overflow: hidden;
    word-break: normal;
    border-bottom: 0px;
    border-left: 0px;
}
.personalize_pdr_tbl td:last-child 
{
    border-right: 0px;
}
.personalize_pdr_tbl td,.personalize_pdr_tbl input
{
    vertical-align:middle
}

/*  */
.savedSearchText,.savedSearchView,.savedSearchDropdown,.savedSearchImages
{
    float:left;
}
.savedSearchText
{
    width:40%;
}
.savedSearchView
{
    width:58%;
    margin-bottom: 3px;
}
.savedSearchDropdown
{
    width:89%;
}
.savedSearchImages
{
    width:10%;
}
.savedSearchText,.savedSearchView,.savedSearchDropdown
{
    padding-right:1%;
}
.savedsearchddw
{
    width:90%;
}
.savedSearchImages img
{
    width:16px;
    height:16px;
    vertical-align:middle;
    cursor:pointer;
}
.visionSearchPersonalise .sticky-wrap
{
    margin:0px;
    height:270px;
}
.visionPersonaliseSticky .sticky-wrap
{
    overflow-y:auto;
}
.visionSearchPersonalise .sticky-wrap th
{
    padding:2%;
}
.visionStickyThead th:first-child{
    width:40% !important; 
}
.visionStickyThead th{
    width:20% !important;
}
/* end of  css for the personalise */
/* css for the smart search */
.mic-search {
    width: 16px;
    height: 16px;
    vertical-align: middle;    cursor: pointer;
}
.smartsearchtb{
    position: relative; width: 75%;
}
#longdesctooltip
{ 
    font-size: 13px;
    height: auto;
    padding-top: 4px;
    word-wrap: break-word;
}
.search, .clear_input_div {
    float: left;
}
.smartserachclass
{
    height: 25px;
    width:100%;
}
.clear_input {
    background-color: #fff;
    width: 5%;
    padding-left: 1%;
}
.searchbutton 
{
    margin: 0;
    height: 33px;
    width: 30px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border: solid 1px #0076a3;
    border-right: 0px;
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    position: absolute;
    background: #0071C5 url('../images/search_icon_2.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
.visionLanuagesSmartClass
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 27px;
    width: 100px;
    margin-left: 35px;
    vertical-align: middle;
    line-height: 27px;
}
.text_count 
{
    display: inline-block;
    margin-left: 19px;
}
.text_count:hover 
{
    color:#fff;
    display: inline-block;
    margin-left: 19px;
}
.ui-state-active .text_count 
{
    color:#fff;
    display: inline-block;
    margin-left: 19px;
}
.ui-state-active .text_count:hover 
{
    color:#fff;
    display: inline-block;
    margin-left: 19px;
}
.smartsearchresultsviews
{
    margin-top: 0.5%;
    max-height: 500px;
    overflow-y: auto;
    padding-left: 1px;
    position: absolute;
    width: 55.2%;
    z-index: 9999;
}
.smartsearchinnerclass {
    background-color: #fff;
}
.ac-items 
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    border:1px solid #96a1aa;
    display: block;
    cursor: pointer;
    border-radius: 3px;
    width: 95.5%;
    padding: 5px;
    color: #000;
    margin-bottom: 1px;
}
.ac-items b.fuzzyItem 
{
    color: #0071c5;
    font-weight: bold;
}
.visionDuplicateMatch
{
    color: #008000;
    font-weight: bold;
}
.visionDuplicateMatchClient
{
    color: #5742f5;
    font-weight: bolder;
}
.ac-items b 
{
    color: red;
    font-weight: bold;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .visionLanuagesSmartClass 
    {
        -webkit-appearance: menulist-button !important;
        line-height:25px !important;
    }
}
.recordrenderClass
{
    margin-left: 17%;
    margin-top: 18%;
    color:inherit;
    text-decoration: none;
}
.recordrenderClass a:hover
{
    color:#0071C5;
    text-decoration: none;
}
.ui-widget select
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionPreforRecords
{
    width:auto;
    margin:0 auto;
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}
.visionfuzzycontainer{
    display: inline-block;
    vertical-align: middle;
    height:25px;
    line-height:25px;
}
.visionfuzzycontainer input {
    position:relative;
    box-sizing: border-box;
    top:3px;
    margin: 0 3px;
}
.visionfuzzyLabel{
    font-size: 12px;
}
.visionPreforRadio,.visionPreforContent
{
    width:auto;
    float:left;
    display: flex;
    justify-content: center;
}
.visionPreforContent
{
    font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#0071c5;
    font-weight:bold;
}
/* end of css for smart search */
/* css for the dictionary search */
.dictionarytextfiledclass
{
    width:100% !important;
}
.ui-autocomplete 
{
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden; 
    height: 200px; 
}
.ui-menu .ui-menu-item 
{
    list-style-image: none;
    padding: 3px;
}
.ui-autocomplete .ui-menu-item table 
{
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
}
.ui-menu-item table td, .ui-menu-item table td img 
{
    vertical-align: middle;
}
.ui-menu-item table td
{
    text-align: left;
}
.ui-autocomplete .ui-state-focus
{
    background: #fff;
    color:#fff;
    background:#0071c5;
}
.tg-wrap 
{
    padding-top: 10px;
}
.sticky-wrap
{
    /*overflow-x: auto;*/
    overflow-y: hidden;
    position: relative;
    margin: 15px 0 0 0;
    width: 100%;
    overflow-x:hidden;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect 
{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .125s ease-in-out;
    z-index: 50;
    width: 100%; 
}
.sticky-wrap .sticky-thead 
{
    box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
    width: 100% !important; /* Force stretch */
    z-index:9999;
    border-spacing: 0;
}
.sticky-wrap .sticky-intersect {
    opacity: 1;
    z-index: 150;
}
.sticky-wrap .sticky-intersect th 
{
    background: #0071c5;
    color: #eee;
}
.sticky-wrap td
{
    box-sizing: border-box;  
}
.sticky-wrap th 
{
    box-sizing: border-box;
    padding: 0.4%;
    text-align:center;
    border-style:solid;
    border-width:1px;
    border-color:#0071C5;
    background:#0071c5;
    color:#fff;
}
.sticky-wrap.overflow-y 
{
    overflow-y: auto;
    max-height: 50vh;
}
.tg-wrap .tg 
{
    border: solid #0071c5 1px;
    border-radius: 3px;
    border-spacing:0;
}
.tg-wrap .tg .tg-vro8 
{
    background-color: #0071c5;
    color: #ffffff;
    vertical-align: middle;
    text-align: center;
    padding: 0.4%;
}
.tg-wrap .tg th 
{
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border-color: #0071C5;
}
.tg-wrap .tg  tr
{
    border-bottom:1px solid #0071c5
}
.tg-wrap .tg  tr:last-child
{
    border-bottom:0px;
}
.tg-wrap .tg td 
{
    overflow: hidden;
    word-break: normal;
    padding: 0.3%;
    border-left: 0px;
    border-bottom: 0px;
    border-top: 0px;
    padding: 0.4%;
    text-align:left;
}
.tg-wrap .tg td input
{
    min-height: 16px;
    min-width: 16px;
    margin: 0px;
    font-size: 13px;
    padding: 0px;
}
.tg-wrap .tg td:last-child
{
    text-align:center;
}
.tg-wrap .tg td img 
{
    width:12px;
    height:12px;
}
.tg-wrap .tg td:last-child 
{
    border-right: 0px;
}
.visionDictionaryClear
{
    margin-left: 35px;
    margin-top: 1px;
}
.visionDictionaryClear
{
    background-image: url('../images/reset_icon3.png');     
}
.visionDictionaryClear:hover
{
    background-image: url('../images/reset_icon_hover.png');     
}
.visionDictionaryTable,.visionDictionaryRange
{
    width:100%;
}
.visionDictionaryTextField
{
    width:70%;
    float:left
}
.visionDictionaryImages,.visionDictionaryRangeIcons
{
    width:28%;
    float:left;
    margin-left: 2%;
}
.visionDictionaryRangeInput,.visionDictionaryRangeSpanInput
{
    width:20%;
    float:left;
}
.visionDictionaryRangeImage,.visionDictionaryRangeSearch
{
    width:8%;
    float:left;
    margin-left:2% 
}
.visionDictionaryRangeSpan
{
    width:10%;
    float:left;
}
/* end css for the dictionary search */
/* css for the classfication search */
.classification_table 
{
    width: 70%;
}
.visionClassficationSearch
{
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.codfiactionssearchclass
{
    width: 98%;
}
.classification_table .tg
{    border-collapse:separate;
     border: solid #0071c5 1px; 
     border-radius:3px; 
}
.classification_table .tg td
{
    overflow:hidden;
    word-break:normal;
    padding: 0.5%;
    border:1px solid #0071c5;
    border-left: 0px;
    border-bottom: 0px;
}
.classification_table .tg th
{
    overflow:hidden;
    word-break:normal;
    border:1px solid #0071c5;
}
.classification_table .tg .tg-vro8
{
    background-color:#0071c5;
    color:#ffffff;
    vertical-align:top;
    text-align: center; 
    padding: 0.4%;
}
.classification_table .tg .tg-vro9
{
    background-color:#0071c5;
    color:#ffffff;
    vertical-align:top;
    text-align: center; 
    padding: 0.4%;
    width:20%;
}
.classification_table .tg .tg-yw4l
{ 
    vertical-align: middle;
    text-align: center;
}
.classification_table .tg td:last-child 
{
    border-right: 0px;
}
.classsificationicons
{
    margin-top: 15px;
    margin-bottom: 15px;   
    margin-right:0.4%;
    background-image: url('../images/search_icon2_blue.png');
}
.classsificationicons:hover
{
    background-image: url('../images/search_icon_2.png');
    margin-top: 15px;
    margin-bottom: 15px; 
}
.classsificationreset
{
    margin-top: 15px;
    margin-bottom: 15px; 
    background-image: url('../images/reset_icon3.png');
}
.classsificationreset:hover
{
    background-image: url('../images/reset_icon_hover.png');
    margin-top: 15px;
    margin-bottom: 15px;
}
.visionClassficationtlCover
{
    margin-top: 1%;
}
.jqx-tree-item-hover, .jqx-tree-item-selected 
{
    background-color: #0071c5 !important;
}
.treepopup 
{
    background-image: url("../images/search_icon_color_2.png");
}
.treepopup:hover
{
    background-image: url('../images/search_icon_2.png');
}
.jqx-tree-item {
    background-color: #fff !important;
}

.visionClassficationTreeData
{
    overflow:auto !important;
}
/* end of css for the classfication search */
/* css for the repository search */
.visionSearchRepository
{
    background-image: url('../images/add_to_catalogue.png');    
}
.visionSearchRepository:hover
{
    background-image: url('../images/add_to_catalogue_white.png');    
}
.visionSearchVendorReg
{
    background-image: url('../images/register_icon_blue.png');    
}
.visionSearchVendorReg:hover
{
    background-image: url('../images/register_icon_white.png');    
}
/* end of css for the repository search */
/* css for the parametric search */
.visionParamSearchCoverMain
{
    width:78%;
}
.visionParamSearchCover
{
    width: 100%;
    font-size: 100%;
    border-collapse:separate;
    border: solid #0071c5 1px; 
    border-radius:3px; 
    border-spacing:0;
}
.visionParamSearchCover td
{
    padding: 0.3%;
    overflow:hidden;
    word-break:normal;
    border:1px solid #0071c5;
    border-left: 0px;
    border-bottom: 0px;
    border-top: 0px;
}
.visionParamSearchCover th
{
    padding: 0.5%;
    background:#0071c5;
    text-align:center;
    color:#fff;
    vertical-align:middle; 
}
.visionParamSearchCover td:last-child
{
    border-right: 0px; 
    text-align:left;
}
/*.visionParamSearchCover td:nth-last-child(2)
{
    text-align:center;
}*/
.visionParamSearchCover .rangeBtn
{
    margin-left:0.6%; 
}
.visionParamSearchCover tbody tr 
{
    height: 20px;
}
.visionParamSearchCover td:nth-child(1)
{
    width:15%;
}
.visionParamSearchCover td:nth-child(2)
{
    width:11%;
}
.visionParamSearchCover td:nth-child(3)
{
    width:auto;
}
.visionParamSearchCover select
{
    width: 100%;
}
.visionParamSearchCover img 
{
    padding-left: 0.6%;
    width: 12px;
    cursor: pointer;
}

.visionFilterGrid
{
    border: solid #0071c5 1px !important;

    /*    width: 100%;
        font-size: 100%;
        border-collapse:separate;
        border: solid #0071c5 1px; 
        border-radius:3px; 
        border-spacing:0;*/
}
.visionFilterGrid td
{
    padding: 0.3% !important;
    overflow:hidden;
    word-break:normal;
    border:1px solid #0071c5 !important;
    border-left: 0px !important;
    border-bottom: 0px !important;
    border-top: 0px !important;
}
.visionFilterGrid th
{
    padding: 0.5% !important;
    background:#0071c5;
    text-align:center;
    color:#fff;
    vertical-align:middle; 
}
.visionFilterGrid td:last-child
{
    border-right: 0px; 
    text-align:left;
}
.visionFilterGrid .rangeBtn
{
    margin-left:0.6%; 
}
.visionFilterGrid tbody tr 
{
    height: 20px;
}
/*.visionFilterGrid td:nth-child(1)
{
    width:15%;
}
.visionFilterGrid td:nth-child(2)
{
    width:11%;
}
.visionFilterGrid td:nth-child(3)
{
    width:auto;
}*/
.visionFilterGrid select
{
    width: 100%;
}
.visionFilterGrid img 
{
    padding-left: 0.6%;
    width: 12px;
    cursor: pointer;
}
.visionFilterGridScroll{
    overflow-y: scroll;
    /*height:*/
}
.visionFlterGridColumn{
    width:80%;
}
.saveSrchinput 
{
    height: 22%;
    width: 57%;
}
.paramSearchbtn
{
    text-align:center;
    margin-top:1px;
}
.visionDDWSelect
{
    background-image: url('../images/select_icon.png'); 
}
.visionDDWSelect:hover
{
    background-image: url('../images/select_icon_white.png'); 
}
.visionDDWClear
{
    background-image: url('../images/clear_select_icon.png'); 
}
.visionDDWClear:hover
{
    background-image: url('../images/clear_select_icon_white.png'); 
}
.visionDDWFilter
{
    background-image: url('../images/clear_filter_icon_blue_new_DDW.png');   
}
.visionDDWFilter:hover
{
    background-image: url('../images/clear_filter_icon_white_DDW.png');   
}
.textsearchbutton
{
    background-image: url('../images/search_icon2_blue.png'); 
}
.textsearchbutton:hover
{
    background-image: url('../images/search_icon_2.png');
}
.textimportButton
{
    background-image: url('../images/import_icon_blue.png');
}
.textimportButton:hover
{
    background-image: url('../images/import_icon_white.png');
}
.textclearButton
{
    background-image: url('../images/reset_icon3.png');
}
.textclearButton:hover
{
    background-image: url('../images/reset_icon_hover.png');
}
.visionSearchImport{
    background-image: url('../images/export_as_xls_icon_blue.png');
}
.visionSearchImport:hover{
    background-image: url('../images/export_as_xls_white.png');
}
.textimportButton,.textclearButton,.saveSrchButton
{
    margin-left:0.4%;
}
.saveSrchButton
{
    background-image: url('../images/save_n_search_icon.png');
}
.saveSrchButton:hover
{
    background-image: url('../images/save_n_search_icon_white.png');
}
.rangeBtn
{
    background-image:url('../images/range_icon_blue.png');
}
.rangeBtn:hover
{
    background-image:url('../images/range_icon_white.png');
}
.paramtd_normal
{
    width: 85%; 
    padding: 0.5% 0.2%;
}
.paramtd_range
{
    width: 43.4%; 
    padding: 0.5% 0.2%
}
.filtergridtd_range
{
    width: 38%; 
    padding: 0.5% 0.2%
}
.param_td
{
    width:25%;
}
.value_td
{  
    width:40%;
}
.operator_td
{  
    /*width:25%*/
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default 
{  
    border-radius: 0; 
    text-align:center;
}
.ui-datepicker 
{ 
    border: 1px solid #0071C5;
    background-color:#fff; 
    z-index: 999 !important;
}
.ui-datepickerAdmin 
{ 
    border: 1px solid #0071C5;
    background-color:#fff; 
    z-index: 10000 !important;
}
.value_td input[type='button'],.value_td input[type='button']:hover 
{
    margin-left:3px; 
    margin-top:0%; 
    height: auto;
}
.visionSearchImportSelect,.visionSearchImportButton
{
    float:left;
    width:50%;
    vertical-align:middle;
    text-align:center;
}
.visionSearchImportButton{
    width:20%;
}
.visionSearchImportSelect
{
    text-align:right;
    padding-right:1%;
    width:49%;
}
.visionSearchImportmain
{
    width:100%;
    text-align:center;
    margin:0 auto;
}
.visionSearchImportButton .visionFileUpload,.visionSearchImportButton .visionFileUpload:hover
{
    float:none !important;
    height: 25px;
    width: 81px;
}
.visionSearchImportButton  .autostructureupload
{
    line-height: 20px;
    height: 20px;
}
.visionSearchImportSelect select
{
    border:1px solid #0071c5;
    height:25px;
}
.visionSearchImportMessage
{
    position: relative;
    display: inline-block;
    margin-top: 10px;
    color: #0071c5;
    width: 100%;
}
.paramSearchbtn{
    padding:5px 0;
}
.paramSearchbtn input{
    margin:0 3px;
}
/* end of css for the parametric search */
/* css for category search */
.categorySearchChkbx{
    cursor:pointer;
}
.visionCategorySearch
{
    margin: 1% auto 0;
    width: 22%;
}
.visionCategorySearchPanel
{
    width:100%;
    float:left;
}
.navigateRecords 
{
    border-radius: 5px;
    cursor: pointer;
    height: 21px;
    width: 50px;
    background-color: #e0e9f5;
    display: inline-block;
}
.folder-cover 
{
    cursor: pointer;
    display: inline-block;
    padding: 2px 0 0;
    vertical-align: top;
}
.folder-tip 
{
    background-color: #e0e9f5;
    border-color: #3baae3;
    border-left: 1px solid #3baae3;
    border-right: 1px solid #3baae3;
    border-top: 1px solid #3baae3;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-width: 1px;
    height: 10px;
    width: 25px;
}
.folder 
{
    background-color: #e0e9f5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #3baae3;
    border-style: solid;
    border-top-right-radius: 5px;
    border-width: 1px;
    height: 60px;
    width: 90px;
}
.discipline-content 
{
    font-size: 10px;
    display: block;
    width: 100%;
    font-weight: bold;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 10%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.discipline-count 
{
    font-size: 10px;
    display: block;
    text-align: center;
    width: 100%;
    font-weight: bold;
}
.discipline-heading
{
    border-bottom: 1px solid #3baae3 !important;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    display: none;
    font-weight: bold;
    margin-bottom: 2px;
    padding: 1px 1px 3px 23px;
    text-align: left;
    width: 96%;
}
.folder-image 
{              
    cursor:pointer;
    background-color: #e0e9f5;
    border-radius: 5px;
    height: 75px;
    width: 230px;border-style: solid;border-width: 1px;
    border-color: #3baae3;margin-top: 1px;display: inline-block;
}
.discipline-content-image,.discipline-content-main
{
    font-size: 10px;
    float:left;
    width:55%;
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;
    text-align: center;
}
.discipline-content-image
{
    width:100%;
}
.discipline-content-countcat,.discipline-content-image
{
    line-height:normal;
}
.discipline-count-image
{
    font-size: 10px;
    float:left;
    width:35%;
    font-weight: bold;
    padding: 7px 6px 0 0;
}
.classImage 
{
    height: 60px;
    width: 90px;
    border-radius: 5px;
}
.visionCategorySearchCheck
{
    display: flex;
    padding: 3px;
}
.visionCatageoryFields
{
    width:100%;
    display: inline-block;
    padding-bottom: 0.7%;
}
.visionCatageoryFieldsInner
{
    margin:0 auto;
    width:40%; 
}
.visionCatageoryFieldsInput,.visionCatageoryFieldsSelect,.visionCatageoryFieldsText,.visionCatageoryFieldsButton
{
    float:left;
}
.visionCatageoryFieldsInput
{
    width:70%;
}
.visionCatageoryFieldsSelect
{
    width:30%;
    text-align: center;
}
.visionCatageoryFieldsSelect select
{
    height: 24px;
}
.visionCatageoryFieldsText
{
    width:70%;
}
.visionCatageoryFieldsText input[type='text']
{
    width:100%;
    height:20px;
}
.visionCatageoryFieldsButton 
{
    width:20%;
}
.visionCatageoryFieldsButton input[type='button']
{
    height:24px !important;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background: #0071C5 url('../images/search_icon_2.png') !important;
    background-position: center center !important;
    background-repeat:no-repeat !important;
}
.visionCategorySubmit
{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
/* end of css for category search */
/* css for the results */
.visionSearchUrldiv{
}
.visionSearchUrlLink{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    text-decoration: underline;
    color: blue !important;
    margin: 0 auto;
    cursor:pointer;
}
.visionSearchExportButton
{
    background-image:url("../images/export_icon_blue.png");  
}
.visionSearchExportButton:hover
{
    background-image:url("../images/export_icon_white.png")  
}
.visionGridExportButton
{
    margin-left: 0px;
    margin-top: 5px !important;
}

.searchRowDtl 
{
    padding: 1px 0px 1px 1px;
    width: 98%;
    border:#0071c5 solid 1px;
    border-radius:5px;
}
.savedSearch > img {
    height: 16px;
    width: 16px;
    vertical-align: middle;
    cursor:pointer;
}
.resetfilter
{
    width: 27px;
    background:  rgba(0, 0, 0, 0) url("../images/filter_search.png") no-repeat scroll  center / 16px 14px;
}
.detailImage
{
    border-radius: 5px;
    height:30px;
    width:35px;
}
.detailImage-icon
{
    width:30px;
    height:30px;
}
.descriptorRenderer
{
    color: inherit;
    display: inline-block;
    height: auto;
    padding-left: 1%;
    position: relative;
    text-align: left;
    top: 15%;
}
.visionSearchResultsCover .showDetails,.visionTempleteResultsCover .showDetails
{
    width:20px;
    height:25px;
    position: relative;
    z-index: 900;
    right:0;
    display:none;
    cursor: pointer;
}
.searchRowDtl a img
{
    padding: 0 3px; 
}
/*end of css for the results */
/* css for the templete result */
.imageStyle 
{
    height: 97%;
    width: 97%;
    margin-left: 1%;
}
ul.visionZoomImageView
{
    list-style-type:none; 
    display:inline-block;
    margin: 0px;
    padding:0px;
}
ul.visionZoomImageView span
{
    position:absolute;
    left: -9999px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 5px rgba(0,0,0, .75);
    box-shadow: 0 0 5px rgba(0,0,0, .75);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:8px;
    width:25%;
    background:#fff;
    padding:5px;
}
.visionTempleteHoverImage span
{
    position:absolute;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 5px rgba(0,0,0, .75);
    box-shadow: 0 0 5px rgba(0,0,0, .75);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:8px;
    width:25%;
    top:0px;
    right:0px;
    left:0px;
    margin:auto;
    background:#fff;
    padding:5px;
    z-index:999999;
    position:fixed;
    top:0px; 
    left:0px; 
    right:0px;
    margin:auto;
    top:50%;
    left:50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index:99999;
}
.visionTempleteHoverImage
{
    display:none;
}
ul.visionZoomImageView li:hover
{
    z-index: 50;
    cursor:pointer;
}
ul.visionZoomImageView span img,.visionTempleteHoverImage span img
{
    background:#ccc;
    width:100%;
    display:block;
    max-width:100%;
}
ul.visionZoomImageView li:hover span
{
    position:fixed;
    top:0px; 
    left:0px; 
    right:0px;
    margin:auto;
    top:50%;
    left:50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    Z-index:99999;
}
ul.visionZoomImageView img, ul.visionZoomImageView span
{
    behavior: url(pie/PIE.htc);
}
.visionZoomImageDetail
{
    padding:0 3px;    
}
.visionZoomImageBorder
{
    position:absolute !important;
    z-index:999 !important;
    background:none !important;
}
/* end of css for the templete result */
/* css for the accordians */
.visionMaterialGeneric h3
{
    border: 1px solid #0071c5 !important;
    background: #fff;
    font-weight: bold;
    border-radius: 10px;
    color: #0071c5;
    outline: 0;
    height: 16px;
    line-height: 16px;
}
.visionMaterialGeneric h3 img
{
    vertical-align: middle;
}
.visionMaterialGeneric .icon-box
{
    display: inline-block;
    width: 7%;
}
.visionMaterialGeneric .ui-accordion-content
{
    margin-top: 0px;
    margin-bottom: 0px;
}
.visionMaterialGeneric .ui-accordion .ui-widget-content .ui-state-default 
{
    background-color: #fff;
    color: #0071c5;
    font-weight:bold;
}
.visionMaterialGeneric .ui-accordion .ui-widget-content .ui-state-active,.visionMaterialGeneric .ui-accordion .ui-widget-content .ui-state-hover 
{
    background-color: #0071c5;
    color: #fff;
}
.visionMaterialGeneric .ui-state-active
{
    border: 1px solid #0071c5;
    background: #0071c5; 
    font-weight: bold;
    border-radius: 10px;
    color: #fff; 
    outline: 0;
}
.visionMaterialGeneric .ui-state-hover
{
    border: 1px solid #0071c5;
    background: #0071c5; 
    font-weight: bold;
    border-radius: 10px;
    color: #fff; 
    outline: 0;
}
.visionMaterialGeneric .ui-state-default .ui-icon 
{
    background-image: url(../images/jquery-ui-theme/ui-icons_3d80b3_256x240.png);
}
.visionMaterialGeneric .ui-state-active .ui-icon,.visionMaterialGeneric .ui-state-hover .ui-icon
{
    background-image: url(../images/jquery-ui-theme/ui-icons_ffffff_256x240.png);
}
/* end of css for the accordians */
/* css for the media queries */
@media only screen and (max-width:450px) 
{
    .visionMaterialGeneric .ui-accordion .ui-accordion-header
    {
        width:88%;
    }  
    .visionMaterialGeneric .visionChildAccordian  .ui-accordion-header
    {
        width: 85%;
    }
    .personaliseoption {
        float: none;
        width: 100%;
    }
    .personaliseoption .layoutoptions.ui-accordion
    {
        float:none;
        width:50%;
        position: relative;
        left: 50%;
    }
    .personaliseoption .settings_panel 
    {
        width: 80%;
        background:#fff;
        z-index: 999999;
    }
    .visionMaterialGeneric .icon-box
    {
        width:10%;           
    }
    #localedd
    {
        margin-top:5px;
        margin-left:0px;
    }
    .visionfuzzycontainer{
        margin-top:5px; 
    }
    .visionSearchDDDWDialog,.visionSearchDDGrid3
    {
        width:99% !important;
    }
    .visionSearchDDDWDialog
    {
        left:0.5% !important; 
    }
}
@media only screen and (max-width:800px) 
{
    .visionMaterialGeneric  .ui-accordion-content
    {                  
        width:99% !important;     
        padding-top:10px;
        padding-bottom:10px;
    }
    .clear_input_div
    {
        width:89% !important;
    }
    #intellisensebox
    {
        width:80%;
    }
    .visionSearchResultsCover,.visionTempleteResultsCover,.visionClassficationtlCover
    {
        width:99%;
    }  
    .visionCategorySearch {
        width:100%;
        margin:0 auto;
        text-align: center;
        vertical-align: middle;
    }
    .visionCategorySearchPanel
    {
        padding-top:10px;
        text-align:center;
    }
    .visionImageSearchSubGroups  .discipline-heading
    {
        padding-left:0px;
    }  
    .visionImageSearchSubGroups
    {
        text-align: center;
    }  
    .visionParamSearchCover
    {
        width:100%;
    }
    .paramSearchbtn
    {
        margin-top:1%;
        text-align:center;
    }
    .classification_table 
    {
        width:100%;
    }
    .visionMaterialGeneric .ui-accordion .ui-accordion-header {
        height:auto;
    } 
    .ac-items {
        padding-left:1px
    }
    #search_body  .jqx-tooltip-main 
    {
        width:99%;
        margin:0 auto;
    }
    .visionClassficationTreeData
    {
        width:90%;
    }
    .visionParamSearchCoverMain 
    {
        width: 100%;
    }
    .dictionaryclasssearch .clear_input_div
    {
        width: 57% !important;
    }
    .dictionaryclasssearch .tg-wrap
    {
        width:100% !important;
    }
}
@media only screen and (min-width:451px) and (max-width:550px)
{
    .visionMaterialGeneric .ui-accordion .ui-accordion-header
    {
        width:70%;
    }  
    .visionMaterialGeneric .visionChildAccordian  .ui-accordion-header
    {
        width: 70%;
    }
    .personaliseoption {
        float: none;
        width: 100%;
    }
    .personaliseoption .layoutoptions.ui-accordion
    {
        float:none;
        width: 35%;
        position: relative;
        left: 65%;
    }
    .personaliseoption .settings_panel 
    {
        width: 80%;
        background:#fff;
        z-index: 999999;
    }
    .clear_input_div {
        width: 64% !important;
    }
    #localedd
    {
        margin-top:0px;
        margin-left:35px;
    }
}
@media only screen and (min-width:551px) and (max-width:640px)
{
    .visionMaterialGeneric .ui-accordion .ui-accordion-header
    {
        width:70%;
    }  
    .visionMaterialGeneric .visionChildAccordian  .ui-accordion-header
    {
        width: 70%;
    }
    .personaliseoption {
        float: none;
        width: 100%;
    }
    .personaliseoption .layoutoptions.ui-accordion
    {
        float:none;
        width: 30%;
        position: relative;
        left: 70%;
    }
    .personaliseoption .settings_panel 
    {
        width: 60%;
        background:#fff;
        z-index: 999999;
    }
    .clear_input_div {
        width: 65% !important;
    }
    #localedd
    {
        margin-top:0px;
        margin-left:35px;
    }
}
@media only screen and (min-width:641px) and (max-width:800px)
{
    .personaliseoption {
        float: none;
        width: 100%;
    }
    .personaliseoption .layoutoptions.ui-accordion
    {
        float:none;
        width: 22%;
        position: relative;
        left: 78%;
    }
    .personaliseoption .settings_panel 
    {
        width: 40%;
        background:#fff;
        z-index: 999999;
    }
    .clear_input_div {
        width: 65% !important;
    }
    #localedd
    {
        margin-top:0px;
        margin-left:35px;
    }  
    .dictionaryclasssearch .clear_input_div
    {
        width: 57% !important;
    }
}
@media only screen and (min-width:801px) and (max-width:907px)
{
    .visionMaterialGeneric .ui-accordion .ui-accordion-header 
    {
        height:auto;
    } 
    .clear_input_div
    {
        width: 64% !important;  
    }
    .personaliseoption .layoutoptions.ui-accordion
    {
        float:none;
        width: 100%;
        position: relative;
        left:0%;
    }
    .personaliseoption .settings_panel 
    {
        width: 30%;
        background:#fff;
        z-index: 999999;
    }
    .visionCategorySearch {
        width:100%;
        margin:0 auto;
        text-align: center;
        vertical-align: middle;
    }
    .visionCategorySearchPanel
    {
        padding-top:10px;
        text-align:center;
    }
    .visionImageSearchSubGroups  .discipline-heading
    {
        padding-left:0px;
    }  
    .visionImageSearchSubGroups
    {
        text-align: center;
    }   
    #localedd
    {
        margin-left: 35px;
    }
    .visionMaterialGeneric  .ui-accordion-content
    {                  
        padding-top:10px;
        padding-bottom:10px;
    }
    .visionMaterialGeneric .ui-accordion .ui-accordion-header
    {
        width: 40%;
    }
    .dictionaryclasssearch .clear_input_div
    {
        width: 38% !important;
    }
}
@media only screen and (min-width:908px) and (max-width:1023px)
{
    .visionMaterialGeneric .ui-accordion .ui-accordion-header 
    {
        height:auto;
    } 
    .clear_input_div
    {
        width: 70% !important; 
    }
    .personaliseoption .layoutoptions.ui-accordion
    {
        float:none;
        width: 100%;
        position: relative;
        left:0%;
    }
    .personaliseoption .settings_panel 
    {
        width: 30%;
        background:#fff;
        z-index: 999999;
    }
    .visionCategorySearch {
        width:100%;
        margin:0 auto;
        text-align: center;
        vertical-align: middle;
    }
    .visionCategorySearchPanel
    {
        padding-top:10px;
    }
    .visionImageSearchSubGroups  .discipline-heading
    {
        padding-left:0px;
    }  
    .visionImageSearchSubGroups
    {
        text-align: center;
    } 
    .visionMaterialGeneric  .ui-accordion-content
    {                  
        padding-top:10px;
        padding-bottom:10px;
    }
    .visionMaterialGeneric .ui-accordion .ui-accordion-header
    {
        width: 40%;
    }
    .dictionaryclasssearch .clear_input_div
    {
        width: 38% !important;
    }
}
@media only screen and (min-width:1024px) and (max-width:1080px)
{
    .visionMaterialGeneric .ui-accordion .ui-accordion-header 
    {
        height:auto;
    } 
    .visionMaterialGeneric .ui-accordion .ui-accordion-header
    {
        width: 40%;
    }
    .visionMaterialGeneric  .ui-accordion-content
    {                  
        padding-top:10px;
        padding-bottom:10px;
    }
}
@media only screen and (min-width:1081px) and (max-width:1200px)
{
    .visionMaterialGeneric .ui-accordion .ui-accordion-header 
    {
        height:auto;
    } 
    .visionMaterialGeneric .ui-accordion .ui-accordion-header
    {
        width: 35%;
    }
    .visionMaterialGeneric  .ui-accordion-content
    {                  
        padding-top:10px;
        padding-bottom:10px;
    }
}
@media only screen and (min-width:1025px) and (max-width:1230px)
{
    .smartsearchtb{
        width:70% !important;
    }
}
@media only screen and (max-width:359px) 
{
    .visionSearchUOMDialog
    {
        width:99% !important;
    }
    .sticky-wrap .sticky-thead 
    {
        width:100% !important;
    }
    smartsearchresultsviews
    {
        z-index:999999;
    }
}
@media only screen and (max-width: 500px) 
{
    ul.visionZoomImageView span,.visionTempleteHoverImage span
    {
        width:80%;
    }
}  
@media only screen and (min-width: 501px) and (max-width:650px)
{
    ul.visionZoomImageView span,.visionTempleteHoverImage span
    {
        width:70%;
    }
}
@media only screen and (min-width: 651px) and (max-width:800px)
{
    ul.visionZoomImageView span,.visionTempleteHoverImage span
    {
        width:50%;
    }
}
@media only screen and (min-width: 801px) and (max-width:1000px)
{
    ul.visionZoomImageView span,.visionTempleteHoverImage span
    {
        width:40%;
    }
}
@media only screen and (min-width:1001px) and (max-width:1180px)
{
    ul.visionZoomImageView span,.visionTempleteHoverImage span
    {
        width:30%;
    }
}
/* portrait and landscape  */
@media screen and (max-device-width :400px) and (orientation:portrait) 
{
    .visionSearchDDDWDialog
    {
        z-index:99999 !important;
    }
}
@media screen and (max-device-width :880px) and (orientation:landscape) 
{
    .visionSearchDDDWDialog
    {
        z-index:99999 !important;
    }
}
@media screen and (max-device-width :700px) and (orientation:portrait) 
{
    .visionClassificationDialog
    {
        z-index:99999 !important;
    }
}
@media screen and (max-device-width :850px) and (orientation:landscape) 
{
    .visionClassificationDialog
    {
        z-index:99999 !important;
    }
}
@media only screen and (max-width:980px)
{
    .visionSearchImportButton .visionFileUpload,.visionSearchImportButton .visionFileUpload:hover
    {
        margin:0;
    }
}
@media screen and (max-device-width :700px) and (orientation:landscape) 
{
    ul.visionZoomImageView span,.visionTempleteHoverImage span
    {
        width:50%;
    }
}
@media screen and (max-device-width :670px) and (orientation:landscape) 
{
    .smartsearchresultsviews
    {
        z-index:999999;
    }
}
@media only screen and (max-width:500px) 
{
    .visionCategorySubmit
    {
        justify-content:center;
    } 
}
@media screen and (min-width: 320px) and (max-width: 570px)
{
    .visionSearchExportDiv,.catalogItem,.catalogItem.table{
        display:block;
    } 
    .catalogItem{
        float:left; 
    }
}
@media screen and (min-width: 320px) and (max-width: 359px)
{
    .catalogItem{
        width: 100%;
        display: flex;
        justify-content: center;
    } 
}   
@media screen and (min-width: 360px) and (max-width: 450px)
{
    .catalogItem{
        width:38% ;
    } 
    .catalogItemCat{
        width:auto ;
        float:none;
    }
}
@media screen and (min-width: 451px) and (max-width: 570px)
{
    .catalogItem{
        width:49% ;
        float:left;
    } 
    .catalogItemCat{
        width:auto;
        float:none;
    }
    .catalogItemFirst{
        text-align:right;
    } 
}   
@media screen and (min-width: 671px) and (max-width: 790px)
{
    .visionSearchExportDiv{
        padding-top:38px !important;
    } 
}
@media screen and (min-width: 791px) and (max-width: 990px)
{
    .catalogItemFirst{
        padding-top:38px !important;
    } 
}  
@media screen and (min-width: 320px) and (max-width: 415px){
    .saveSrchButton{
        margin-top: 3px !important
    }
}
@media screen and (min-width: 320px) and (max-width: 359px){
    .visionSearchVendorReg{
        margin-top: 5px;
    }
}

@media screen and (min-width: 360px) and (max-width: 381px){
    .visionSearchVendorReg{
        margin-top: 40px;

    }
}
@media screen and (min-width: 320px) and (max-width: 360px){
    .button_Process{
        margin-top:1px;

    }
}
@media screen and (min-width: 320px)  and (max-width: 400px) {
    .cockpitviewreports{
        margin-top: 1px;
    }   
    .processActionButton{
        margin-top: 1px;
    }    
    .updateActionButton{
        margin-top: 1px;
    }    
    .updateStatusButton{
        margin-top: 1px;
    }  
}

/* end of css for the media queries */
/* end of  css for  the material search 29-08-2016 */
/* css for the cockpit View 01-09-2016 */
.cockpitview h3
{
    padding:7px;
    border-radius: 10px;
    outline: none;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}
.cockpitcharts
{
    width: 32%;
    float: left;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0.5%;
}
.cockpitcharts .chart-box 
{
    float: left;
    padding: 2px;
    text-align: left;
    color: white;
    display: inline-block;
    width: 100%;
    height: 350px;
    margin: 5px;
    border-radius: 10px;
}
.cockpitview .ui-accordion .ui-accordion-header 
{
    width:29%;
}
.visionCockpitviewAccrodianIcon
{
    margin-left:0px;
    vertical-align: middle;
}   
.cockpitviewpersonalise 
{
    float: right;
    margin: 3px 0 0 0;
}
.cockpitviewpersonalise .layoutoptions 
{
    width: 100%;
    background: #0071C5;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 5px;
    padding-bottom: 0%;
    padding-top: 0%;
    cursor: pointer;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 10px;
}
.cockpitviewpersonalise .cockpitviewaccordian 
{
    border-radius: 10px;
    padding: .5em 0.5em 0.5em 0.7em;
    text-align: center;
    cursor: pointer;
    margin:0;
}
.cockpitviewpersonalise .cockpitviewaccordian .ui-icon1 
{
    background-image: url("../images/jquery-ui-theme/ui-icons_ffffff_256x240.png");
    left: 0%;
    margin-top: -2px;
    position: relative;
    top: 50%;
    vertical-align: middle;
    height: 16px;
    width: 16px; 
    background-position: -32px -16px;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -99999px;
}
.cockpitviewpersonalise img.navIcon.gear 
{
    background-position: -34px -72px;
    width: 16px;
    margin-left: 0px;
    vertical-align: middle;
    background-image: url('../images/app_sprite_4_2.png');
    background-repeat: no-repeat;
    background-color: transparent;
}
.cockpitviewaccordian .ui-icon-triangle-1-s 
{
    background-position: -64px -16px !important;
    position: relative;
    display: inline-block;
}
.cockpitviewaccordian  .ui-icon-triangle-1-w {
    display: inline-block;
    position: absolute;
}
.cockpitviewpersonalise .cockpitsettings_panel 
{
    width:20%;
    display: none;
    border: 1px solid #dddddd;
    background: #f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x;
    position: absolute;
    z-index: 1000;
    cursor: auto;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    right:4%;
}
.cockpitsettings_panel table
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    white-space: nowrap;
}
.cockpitsettings_panel table thead
{
    background: #0071C5;
}
.cockpitsettings_panel table tbody
{
    border: 1px solid #dddddd;
}
.visionCockpitviewCheck
{
    display: block;
    width: 16px;
    height: 16px;
}
.cockpitsettings_panel table .slide_tdClass
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    padding-right: 15px;
    vertical-align: top;
}
.cockpitsettings_panel table th
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    padding-right: 15px;
    vertical-align: top;
    font-weight: bold;
    color: #ffffff;  
    padding-bottom: 6px;
    padding-top: 6px;
    border-radius: 2px; 
}
.cockpitviewsearchoptions
{
    width:65%; 
    margin: 0px auto;
    border-collapse: collapse;
    border-spacing: 0;
    white-space: nowrap;
}
.visionCockpitViewSelect
{
    width:106px;
}
.visionCockpitInputField
{
    resize: none;
    width:75%;
}
.cockpitviewsearchdata
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: bold;
    padding:5px;
    text-align:center;
}
.cockpitviewsearchoptions tr td:first-child 
{
    text-align: left;
}
.cockpitviewsearchoptions tr td:last-child 
{
    text-align: right;
}
.visionCockpitviewSearch
{
    background-image: url('../images/search_icon_color_2.png');
}
.visionCockpitviewSearch:hover
{
    background-image: url('../images/search_icon_2.png');
}
.visionCockpitviewReset 
{
    background-image: url('../images/reset_icon3.png');
}
.visionCockpitviewReset:hover 
{
    background-image: url('../images/reset_icon_hover.png');
}
.chartwidth 
{
    width: 100%;
    margin: 20px auto;
}
.cockpitDescription
{
    padding: 4px 10px;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.visionCockpitSpec
{
    width:100%;
    margin:10px auto;
}
.visionCockpitSpecInner,.visionCockpitSpecTab,.visionCockpitSpecInfor
{
    width:99%;
    margin:0 auto;
}
.visionCockpitSpecTabInner
{
    width: 18%;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background:#0071c5;
    padding: 5px 10px;
    text-align:center;
}
.visionCockpitSpecTabInner span
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding:5px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}
.visionCockpitSpecInfor
{
    border:1px solid #0071c5;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    display: flex;
    position: relative;
    left: 1px;
}
.visionCockpitSpecData
{
    width: 23%;
    float: left;
    padding: 5px;
}
.visionCockpitShort
{
    width: 40%;
}
.visionCockpitLong
{
    width:90%;
}
.visionCockpitSpecData span
{
    font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionCockpitSpecInforInner
{
    margin: 7px auto;
    display: flex;
    flex-wrap: wrap;
    width: 95%;
}
.cockpitviewreports:hover,.visionDataView:hover
{
    background-image: url('../images/GridDB_white.png');
}
.cockpitviewreports,.visionDataView
{
    background-image: url('../images/GridDB.png')
}
.processActionButton:hover,.processPDRGroup:hover
{
    background-image: url('../images/process_icon_new_white.png');
}
.processActionButton,.processPDRGroup
{
    background-image: url('../images/process_icon_new.png')
}

.updateStatusButton:hover
{
    background-image: url('../images/save_icon_hover.png');
}
.updateStatusButton
{
    background-image: url('../images/save_icon2.png')
}
.visionCockpitFlipBack
{
    width:100%;
    padding: 20px 0;    
}
.visionCockpitFlipBackTitle
{
    width:100%;
}
.visionCockpitFlipBackTitleInner
{
    width: 100%;
    padding: 5px 0px;
}
.visionCockpitFlipBackTitleInner span
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 5px 0;
    font-size: 15px;
    color: #0071c5;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #cd1816;
}
.visionCockpitFlipBackDescription
{
    width: 100%;
    padding: 10px 0;
    line-height: 21px;
}
.cockpitview .ui-accordion-content
{
    overflow:hidden;
}
@media only screen and (max-width:510px) 
{
    .visionCockpitDialogGrid
    {
        width:99% !important;
    }
}
@media only screen and (max-width:400px) 
{
    .visionCockpitFlipBackTitleInner {
        width: 94%;
        padding: 3%;
    }
    .visionCockpitFlipBackDescription {
        width: 94%;
        padding: 3%;
    }
}
@media only screen and (max-width:1024px) 
{
    .visionCockpitSpecInner, .visionCockpitSpecTab, .visionCockpitSpecInfor 
    {
        width: 99%;
        margin: 0 auto;
    }
}
@media only screen and (max-width:380px) 
{
    .visionCockpitSpecTabInner 
    {
        width: 65%;
    }
}
@media only screen and (min-width:381px) and (max-width:450px) 
{
    .visionCockpitSpecTabInner 
    {
        width: 60%;
    }
}
@media only screen and (min-width:451px) and (max-width:550px) 
{
    .visionCockpitSpecTabInner 
    {
        width: 50%;
    }
}
@media only screen and (min-width:551px) and (max-width:650px) 
{
    .visionCockpitSpecTabInner 
    {
        width: 40%;
    }
}
@media only screen and (min-width:651px) and (max-width:800px) 
{
    .visionCockpitSpecTabInner 
    {
        width: 30%;
    }
}
@media only screen and (min-width:801px) and (max-width:1024px) 
{
    .visionCockpitSpecTabInner 
    {
        width: 20%;
    }
}
@media only screen and (min-width:1024px) and (max-width:1220px) 
{
    .visionCockpitSpecTabInner 
    {
        width: 25%;
    }
}
@media only screen and (max-width:619px) 
{
    .visionCockpitSpecData 
    {
        width: 100%;
    }
}
@media only screen and (min-width:620px) and (max-width:800px)
{
    .visionCockpitSpecData 
    {
        width: 48%;
    }
}
@media only screen and (max-width:599px) 
{
    .cockpitcharts 
    {
        width: 98.5%;
    }
    .cockpitviewpersonalise
    {
        float:none;
    }
    .visionCockpitViewSelect
    {
        width:50px;
    }
    .visionCockpitInputField
    {
        width:99%; 
    }
    .cockpitviewsearchdata 
    {
        padding: 3px;
    }
    .cockpitview .ui-accordion .ui-accordion-header  
    {
        width:60%;
    }
    .cockpitviewsearchoptions 
    {
        width: 100%;
    }  
}
@media only screen and (max-width: 400px) 
{
    .cockpitviewpersonalise .layoutoptions 
    {
        width:50%;
        position: relative;
        left:50%;
    }
    .cockpitviewpersonalise .cockpitsettings_panel {
        width: 75%;
        right: 8%;
    }
}
@media only screen and (min-width:401px) and (max-width:450px) 
{
    .cockpitviewpersonalise .layoutoptions 
    {
        width: 40%;
        position: relative;
        left: 60%;
    }
    .cockpitviewpersonalise .cockpitsettings_panel 
    {
        width: 60%;
        right: 7%;
    }
}
@media only screen and (min-width:451px) and (max-width:470px) 
{
    .cockpitviewpersonalise .layoutoptions 
    {
        width: 35%;
        position: relative;
        left: 65%;
    }
    .cockpitviewpersonalise .cockpitsettings_panel {
        width: 60%;
        right: 7%;
    }
}
@media only screen and (min-width:471px) and (max-width:599px) 
{
    .cockpitviewpersonalise .layoutoptions 
    {
        width: 30%;
        position: relative;
        left: 70%;
    }
    .cockpitviewpersonalise .cockpitsettings_panel {
        width: 50%;
        right: 7%;
    }
}
@media only screen and (min-width:600px) and (max-width:800px) {
    .cockpitcharts 
    {
        width:50%;
    }
    .cockpitviewpersonalise .cockpitsettings_panel {
        width: 40%;
        right: 6%;
    }
    .cockpitviewsearchoptions {
        width: 80%;
    }
    .visionCockpitInputField {
        width:100%;
    }
}
@media only screen and (min-width:801px) and (max-width:1024px) 
{
    .cockpitview .ui-accordion .ui-accordion-header  
    {
        width:60%;
    }
    .cockpitcharts 
    {
        width:50%;
    }
    .cockpitviewpersonalise .cockpitsettings_panel {
        width: 30%;
        right: 5%;
    }
    .cockpitviewsearchoptions {
        width: 80%;
    }
    .visionCockpitInputField {
        width:100%;
    }
}
@media only screen and (min-width:1025px) and (max-width:1200px) 
{
    .cockpitview .ui-accordion .ui-accordion-header  
    {
        width:60%;
    }
    .cockpitcharts 
    {
        width:50%;
    }
    .cockpitviewpersonalise .cockpitsettings_panel {
        width: 30%;
        right: 5%;
    }
    .cockpitviewsearchoptions {
        width: 80%;
    }
    .visionCockpitInputField {
        width:100%;
    }
}
@media only screen and (min-width:600px) and (max-width:1100px) 
{
    .cockpitcharts 
    {
        width: 48.4%;
    }
}
/* end of css for the cockpit View 01-09-2016 */
/* css for the sidebar css 07-09-2016 */
.icons1
{
    width: 30px;
    /*height: 30px;*/
    /*padding:5px 0px 10px 5px;*/
    vertical-align:middle;
    height: 25px;
    margin-right:5px;
}
.rights,.lefts
{
    float:left
}
/*.mains
{
    width:auto;
    background-color:none;
    position: absolute;
    left: 0;
    top:100px;
    z-index: 999999;
}*/
.lefts
{
    width:100%;
}
.icons_main
{
    padding-left:3px;
    vertical-align:middle;
}
.icon_inner,.text
{
    float:left
}
.icon_inner
{
    display:none;
    background:#f9f9f9;
    border: 1px solid #0071c5;
    border-radius: 5px;
    width:auto;
    background-color:none;
    position: absolute;
    left: 0;
    top:100px;
    z-index: 999999;
}
.text
{
    width: auto;
    height: 30px;
    border-radius:5px;
    vertical-align:middle;
    display:none;
    background: rgba(250,250,250,1);
    margin-top: 5px;
    padding-right:10px;
    border: 1px solid rgb(0, 113, 197);
    z-index: 99999;
    position:relative;
}
.cat_text
{
    padding: 6px 0px 10px 5px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font: 11px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #0071c5;
    font-size:15px;
    font-weight:bold;
}
.icon_inner a
{
    text-decoration:none; 
}
.text a
{
    text-decoration:none;  
}
/*end of css for the sidebar css 07-09-2016 */
/* css for the report and dashboard 08-09-2016 */
.visionReportandDashboard .jqx-tabs-headerWrapper,.visionGenericTabGrid .jqx-tabs-headerWrapper
{
    height:35px !important;
} 
.visionReportandDashboard ul.jqx-tabs-title-container,.visionGenericTabGrid ul.jqx-tabs-title-container
{
    height:35px !important;
}
.visionReportandDashboard ul,.visionGenericTabGrid ul
{
    margin:0;
}
.visionReportandDashboardExport,.visionGenericTabsOpeartions
{
    width: 100%;
}
.visionReportandDashboardSuccess,.visionGenericTabSuccess
{
    text-align: center;
}
.visionGenericTabSuccess{
    overflow-y:auto;
}
.visionReportandDashboardSubmit,.visionReportandDashboardExportDropdown,.visionGenericTabSubmit,.visionGenericTabExport,.visionGenericClusterSubmit
{
    display:inline-block;
}
.visionReportandDashboard .jqx-tabs-title-container > .jqx-widget-header-energyblue,.visionGenericTabGrid .jqx-tabs-title-container > .jqx-widget-header-energyblue,.visionAribaDataTables .jqx-tabs-title-container > .jqx-widget-header-energyblue
{
    background-color: #D7EBF9;
}
.visionReportandDashboard .jqx-tabs-title-container > .jqx-fill-state-hover-energyblue,.visionGenericTabGrid .jqx-tabs-title-container > .jqx-fill-state-hover-energyblue,.visionAribaDataTables .jqx-tabs-title-container > .jqx-fill-state-hover-energyblue
{
    background-color: #3DABE3;
    border-color: #2779aa;
}
.visionReportandDashboard
{
    width:100%;
}
.visionReportandDashboard .chartbox
{
    width: 100%;
    height: 250px;
}
.visionReportChartboxMain
{
    width: 32%;
    float:left;
    padding: 2px;
    text-align: left;
    border-radius: 10px;
    display: inline-block;
    margin: 5px;
    border: 1px solid #e0e9f5;
    box-sizing:border-box;
    resize: both;
    overflow: HIDDEN;
}
.visionReportflipImage{
    float: left;
    width: 48%;
    padding: 1%;
}
.visionReportFlipCard .visionReportFlipCardFront
.visionReportflipImage
{
    text-align:right;
}
.visionReportRefresh{
    float:left !important;margin-right: 2px !important;background-size: 12px 12px !important;
    background-image: url('../images/refresh.png');margin-left: 5px !important;
}
.visionReportRefresh:hover{
    float:left !important;margin-right: 2px !important; background-size: 12px 12px !important;
    background-image: url('../images/refresh_index_icon_white.png') ;
}
.visionReportEdit{
    float:left !important;margin-right: 2px !important;background-size: 12px 12px !important;
    background-image: url('../images/change_requests_icon_2.png')
}
.visionReportEdit:hover{
    float:left !important;margin-right: 2px !important;background-size: 12px 12px !important;
    background-image: url('../images/change_requests_icon_2_white.png');
}
.visionReportData{
    float:left !important;margin-right: 2px !important;background-size: 12px 12px !important;
    background-image: url('../images/GridDB.png')
}
.visionReportData:hover{
    float:left !important;margin-right: 2px !important;background-size: 12px 12px !important;
    background-image: url('../images/GridDB_white.png');
}
.visionSearchDDDWDialog
{
    z-index:99999 !important;
}
.visionChartEditCover
{
    width: 95%;
    font-size: 100%;
    border-collapse:separate;
    border: solid #0071c5 1px; 
    border-radius:3px; 
    border-spacing:0;
    margin:0 auto;
}
.visionChartEditCover td
{
    padding: 0.3%;
    overflow:hidden;
    word-break:normal;
    border:1px solid #0071c5;
    border-left: 0px;
    border-bottom: 0px;
    border-top: 0px;
}
.visionChartEditCover th
{
    padding: 0.5%;
    background:#0071c5;
    text-align:center;
    color:#fff;
    vertical-align:middle; 
}
.visionChartEditCover td:last-child
{
    border-right: 0px; 
    text-align:left;
}
.visionChartEditCover td:nth-last-child(2)
{
    text-align:center;
}
.visionChartEditCover .rangeBtn
{
    margin-left:0.6%; 
}
.visionChartEditCover tbody tr 
{
    height: 20px;
}
.visionChartEditCover td:nth-child(1)
{
    width:25%;
}
.visionChartEditCover td:nth-child(2)
{
    width:20%;
}
.visionChartEditCover td:nth-child(3)
{
    width:auto;
}
.visionChartEditCover select
{
    width: 95%;
}
.visionChartEditCover img 
{
    padding-left: 0.6%;
    width: 12px;
    cursor: pointer;
}
.visionReportExpand
{
    width:100%;
}
.visionReportExpandDropdown,.visionReportExpandImage
{
    float: left;
    width: 48%;
    padding: 1%;
}
.visionReportExpandDropdown
{
    text-align:left;
}
.visionReportExpandImage
{
    text-align:right;
}
.visionReportFlipcontainer {
    margin-top: 29px;
    width: 100%;
    height: 260px;
    position: relative;
    border: 1px solid white;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}
.visionReportFlipCard {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.visionReportFlipCard div {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 20px;
    color: #0071c5;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.visionReportFlipCard .visionReportFlipBack {
    background: white;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.visionReportFlipCard.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
/* media queires */
@media only screen and (max-width: 499px) 
{
    .visionReportChartboxMain
    {
        width: 95% !important;
    }
}
@media only screen and (min-width: 500px) and (max-width:800px)
{
    .visionReportChartboxMain
    {
        width: 46% !important;
    }
}
@media only screen and (min-width: 801px) and (max-width:1300px)
{
    .visionReportChartboxMain
    {
        width: 47% !important;
    }
}
@media only screen and (min-width:320px) and (max-width:1040px)  { 
    .visionGenericTabGrid {
        width:99% !important ;
    }
}

/* end of media queires */
/* end of css for the report and dashboard 08-09-2016 */
/* css for the admin grid 08-09-2016 */
.visionPPRGridProp
{
    width:99.9% !important;
}
.visionAdminGridData .vendorno_style,.visionPPRGrid .vendorno_style,.visionMasterDetailInner .vendorno_style
{
    color:#3baae3;
    text-decoration: none;
    margin-top: 2px;
    cursor: pointer;
}
.visionPPRGrid .vendorno_style,.visionMasterDetailInner .vendorno_style
{
    cursor: auto;
}
.visionAdminGridData .show_detail,.visionAdminGridData .show_detail:hover,.visionMasterDetailInner .show_detail,.visionMasterDetailInner .show_detail:hover
{
    text-decoration: none;
    cursor: pointer;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 11px;
    width: 60px;
    color: #0071c5;
    border-radius: 5px;
    border: 1px solid #0071c5;
    background: #fff;
    padding:2px 8px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.visionAdminGridData .show_detail:hover,.visionMasterDetailInner .show_detail:hover
{
    background: #0071c5;
    color: #fff;
}
.visionMasterDetailForm_err{
    display: block;
    color:red;
}
.visionMasterDetailForm
{
    width:100%;
    margin:0 auto;
    border-collapse:separate;
}
.visionMasterDetailForm td
{
    padding: 4px;
    word-break: normal;
    text-align: left;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    /*line-height: 16px;*/
    width: 180px;
    /*float: left;*/
    line-height: 34px;

}
.visionMasterDetailFormddw{
    padding-left: 3px;
    vertical-align: text-bottom;cursor: pointer; height:13px;width:13px;
}
.visionMasterDetailFormEdit {
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 6px;
}
@media only screen and (max-width: 1100px) {
    .visionMasterDetailForm
    {
        overflow-x: scroll;
    }
}
.visionMasterDetailFormddw{
    padding-left: 3px;
    vertical-align: text-bottom;cursor: pointer; height:13px;width:13px;
}
@-moz-document url-prefix()
{
    .visionAdminGridData  .vendor_no_cover,.visionPPRGrid  .vendor_no_cover {text-align:center;}
}
.visionAdminGridData .vendor_no_cover,.visionPPRGrid .vendor_no_cover
{
    display:block;
    text-align:center;
    margin-top:4px
}
.visionAdminGridData .show_detail_cover,.visionPPRGrid .show_detail_cover
{
    text-align:center;
    display: flex;
    justify-content: center;
}
.visionAdminGridData #contentinactiveUsers,.visionPPRGrid #contentsearchResults
{
    opacity: .99;
}
/* end of the admin grid 08-09-2016 */
/* css for the generic tabs 08-09-2016*/
.visionGenericTabContainer,.visionGenericReportContainer
{
    width:100%;
}
.visionGenericTabExport,.visionReportandDashboardExportDropdown,.visionReportandDashboardSubmit,.visionGenericTabSubmit
{
    float:left;
}
.visionReportandDashboardSubmit,.visionGenericTabSubmit,.visionGenericClusterSubmit
{
    width: 49.67%;
}

.visionGenericTabExport,.visionReportandDashboardExportDropdown
{ 
    width: 50%;
    text-align: right;  
}
.visionSearchExport
{
    padding-top: 2px !important;
}
.visionSearchExport select
{
    margin-top:3px;
}
.visionSearchExportButton
{
    position: relative;
    z-index: 9999;
    margin-left:7px;
    margin-bottom: 3px;
}
.visionGenericTabsOpeartions select,.visionReportandDashboardExport select,.visionSearchExport select,.visionGenericClusterOpeartions select

{
    height: 25px;
    border-radius: 5px;
    border: 1px solid #0071C5;
    background-color: #fff;
    outline: none;
    color: #0071C5;
    font-weight: bold;
    vertical-align: middle;
}
input.button_Process 
{
    background-image:url("../images/generate_description_icon2_blue.png");
}
input.button_Process:hover 
{
    background-image:url("../images/generate_description_icon2_white.png");
}
input.exportClass 
{
    background-image: url("../images/export_icon_blue.png");    
}
input.exportClass:hover 
{
    background-image:url("../images/export_icon_white.png");   
}
.visionGenericTabGrid  .showDetails,.visionAribaDataTables  .showDetails
{
    width:20px;
    position:fixed;
    z-index:9999;
    right:0;
    display:none;
    cursor: pointer;
}
.visionGenericTabGrid .propertypopup ,.visionAribaDataTables .propertypopup
{
    margin-top:12px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: left;
    margin-right: 2px;
    margin-left: 4px;
}
.visionGenericTabGrid .detailClass,.visionPPRGrid .detailClass,.visionMasterDetailInner .detailClass,.visionAribaDataTables .detailClass
{
    height:20px;
    width:20px;
    border-radius: 5px;
}
.visionGenericTabGrid .indimage,.visionAribaDataTables .indimage 
{  
    margin-left: 14%;
    border-radius: 16px;
}
.visionGenericTabGrid  .vendorno_style,.visionAribaDataTables .vendorno_style,.visionSearchResultsCover .vendorno_style
{
    color:#0071c5;
    text-decoration: none;
    cursor: pointer;
}
.visionGenericTabGrid .show_detail,.visionAribaDataTables .show_detail,.visionPPRGrid .show_detail 
{
    background:#eaf4fd url('../images/pdficon.png') no-repeat center !important;
    border-color:#eaf4fd;
    background-image:-moz-linear-gradient(left,#eaf4fd,#eef6fd);
    background-image:-ms-linear-gradient(left,#eaf4fd,#eef6fd);
    background-image:-o-linear-gradient(left,#eaf4fd,#eef6fd);
    background-image:-webkit-gradient(linear,center top,center bottom,from(#eaf4fd),to(#eef6fd));
    background-image:-webkit-linear-gradient(top,#eaf4fd,#eef6fd);
    background-image:linear-gradient(top,#eaf4fd,#eef6fd);
    background-image:linear-gradient(to bottom,#eaf4fd,#eef6fd);              
    width: 25px;
    cursor: pointer;
    background-position : 40px 5px;
    background-size: 15px !important;
}
.visionGenericTabGrid .show_detail div,.visionAribaDataTables .show_detail div
{
    background: transparent;
}
.visionGenericTabGrid .show_detail div:hover,.visionAribaDataTables .show_detail div:hover 
{
    background: transparent;
}
.visionGenericTabGrid .jqx-fill-state-normal-bootstrap,.visionAribaDataTables .jqx-fill-state-normal-bootstrap
{
    font-size: 12px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #000000;
    background: #ffffff;
    border-color: #767676;
}
.visionGenericTabGrid .jqx-fill-state-normal-metro,.visionAribaDataTables .jqx-fill-state-normal-metro  
{
    font-size: 12px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #000000;
    background: #ffffff;
    border-color: #767676;
    padding: 1px 0px !important;
}
.visionGenericTabGrid .jqx-tooltip-main-metro,.visionAribaDataTables .jqx-tooltip-main-metro 
{
    width: 80%;
}
.visionGenericTabGrid .jqx-tooltip-metro,.visionAribaDataTables .jqx-tooltip-metro 
{
    height: auto !important;
}
.visionGenericTabGrid .jqx-tooltip .jqx-tooltip-main,.visionAribaDataTables .jqx-tooltip .jqx-tooltip-main 
{
    border-radius:0px
}
.visionGenericTabGrid .jqx-tooltip-metro,.visionAribaDataTables  .jqx-tooltip-metro 
{
    height: auto !important;
}
.visionGenericTabGrid .checkbox,.visionPPRGrid .checkbox,.visionMasterDetailInner .checkbox,.visionAribaDataTables .checkbox
{
    float: right;
}
.visionGenericTabGrid .reject,.visionPPRGrid .reject,.visionMasterDetailInner .reject,.visionAribaDataTables .reject
{
    float:left;
}
.visionGenericTabReject
{
    padding:0px !important;
}   
.visionAribaRejectionDialog 
{
    padding:10px !important;
} 
.visionGenericTabGrid  #imgDisplay ,.visionAribaDataTables #imgDisplay
{
    display:inline-block;
    position: relative;
}
.visionGenericTabGrid #imgdialog,.visionAribaDataTables #imgdialog
{
    overflow: hidden;
    padding: 0em 1em 0em 0em;
}
.visionGenericTabGrid .ta_style,.visionPPRGrid .ta_style,.visionSearchResultsCover .ta_style,.visionTempleteResultsCover .ta_style,.visionRegisterMaterialTableTab  .ta_style
{
    height:auto;   white-space:pre-wrap;
    background-color: transparent;
    border-width: 0;
    font-size:inherit !important;
    font-family:inherit !important;overflow-y:scroll;width:98%;resize:none;color:inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    right: auto;
    margin: auto;
} 
.visionRegisterMaterialTableTab .ta_style_Desc
{
    white-space: initial;
    line-height:23px;
}
.visionGenericTabSuccess table
{
    border-collapse: collapse;
    border-spacing:0;
}
.visionGenericTabStatusDialog
{
    margin-top:5px;
    margin-bottom:5px;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:left;
    line-height:20px;
}
.visionGenericTabStatusDialog span
{
    color:blue;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionGenericTabDialogDivider
{
    height:1px;
    background:#0071c5;
    margin-top: 5px;
    margin-bottom: 5px;
}
.visionGenericTabsToggle
{
    background-image:url("../images/toggle_icon_onclick.png");  
}
.visionGenericTabsToggle:hover
{
    background-image:url("../images/toggle_icon_onclick_white.png");  
}
.visionGenericTabsToggleActive
{
    background-image:url("../images/toggle_icon_active_white.png"); 
    background-color:#0071c5 !important;
    color:#fff !important;
}
/*media queries */
@media only screen and (max-width:360px) {
    .visionGenericTabsDialog2
    {
        width:99% !important;
        left:0.5% !important;
    }
}
@media only screen and (max-width:360px) {
    .visionGenericTabsDialog2
    {
        width:99% !important;
        left:0.5% !important;
    }
}
@media only screen and (max-width:600px) 
{
    .visionGenericTabsDialogSuccess
    {
        width:99% !important;
        left:0.5% !important;
    }
}
@media only screen and (max-width:650px) 
{
    .visionSearchExportContainer
    {
        width:100% !important;
        text-align:center !important;
        margin:0 auto !important
    } 
}
@media only screen and (max-width:500px) 
{
    .visionSearchExportDiv
    {
        padding-top:60px !important;
    } 
}
@media only screen and (min-width:501px) and (max-width:670px) 
{ 
    .visionSearchExportDiv
    {
        padding-top:50px !important;
    } 
}
@media screen and (min-width: 320px) and (max-width: 360px){
    .exportClass{
        margin-top: 1px;

    }
}
/*end of media queries */
/* end of css for the generic tabs 08-09-2016 */
/* css for the PPR dashboard grid page 09-09-2016*/
.visionPPRGrid .vendorno_style2
{
    background-color: #FFF;
    color:#3baae3;
}
.visionPPRGrid .jqx-grid-cell-selected
{
    background: #fff;
}
.visionPPRGrid .show_detail div
{
    background: transparent;
}
.visionPPRGrid .show_detail div:hover 
{
    background: transparent;
}
.visionPPRGrid  #grid_icon td 
{
    padding-right: 2px;
}
.visionGridExport{
    padding-bottom: 5px;
}
.visionGridTabs{
    width:100%;
}
.visionGridExport,.visionGridPersanalize{
    float:left;
}
/*.visionGridExport{
    width:90%;
}*/
.visionGridPersanalize{
    width:10%;
}
/* start  of media Queries */
@media only screen and (max-width:500px) 
{
    .visionGridExport,.visionGridPersanalize
    {
        width:100%;
    }
    .visionGridPersonalizeLayout
    {
        width: 40%;
        left: 60%;
    }
}
@media only screen and (min-width:501px) and (max-width:650px) {
    .visionGridExport{
        width:70%;
    }
    .visionGridPersanalize{
        width:30%;
    }
    .visionGridPersonalizeLayout{
        width:100% !important;
        left:2% !important;
    }
}
@media only screen and (min-width:651px) and (max-width:800px) {
    .visionGridExport{
        width:73%;
    }
    .visionGridPersanalize{
        width:25%;
    }
    .visionGridPersonalizeLayout{
        width:100% !important;
        left:2% !important;
    }
}  
@media only screen and (min-width:801px) and (max-width:950px) {
    .visionGridExport{
        width:83%;
    }
    .visionGridPersanalize{
        width:17%;
    }
}
@media only screen and (min-width:951px) and (max-width:1030px) {
    .visionGridExport{
        width:85%;
    }
    .visionGridPersanalize{
        width:15%;
    }
}
@media only screen and (min-width:1031px) and (max-width:1279px) {
    .visionGridExport{
        width:87%;
    }
    .visionGridPersanalize{
        width:13%;
    }
}
@media only screen and (min-width:1280px) and (max-width:1330px) {
    .visionGridExport{
        width:89%;
    }
    .visionGridPersanalize{
        width:11%;
    }
}
/* end  of media Queries */
/* end of css for the PPR dashboard grid page 09-09-2016*/
/* css for background setting or image setting page 09-09-2016 */
.visionImageCustomMenu,.visionImageCustomSubMenu
{
    display: none;
    z-index: 1000;
    position: absolute;
    border: 1px solid #0071c5;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    background: #FFF;
    color: #333;
    border-radius: 5px;
}
.visionImageCustomMenu 
{
    padding: 0;  
}
.visionImageCustomSubMenu
{
    border: 1px solid #CCC;
    margin-top: -34px;
    float: right; 
}
.visionImageCustomMenu li, .visionImageCustomSubMenu li 
{
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    border: 1px solid #0071c5;
}
.visionImageCustomMenu li:hover, .visionImageCustomSubMenu li:hover 
{
    background-color: #0071c5;
    color: #fff;
}
.visionImageGalleryContainer
{
    padding-right:0px;
    padding-left:0px;
    margin-left:0px;
    margin-right:0px;
    max-width:100%;
    padding-top:20px;
    padding-bottom:20px;
}
.clear 
{
    clear: both;
    float: none;
    width: 100%;
}
.visionGalleryInner
{
    float: left;
    width: 24.99999%;
    padding-bottom:3px;
}
.visionGalleryInner a img {
    width:99.5%;
    height:auto;
    border:none;
}
.visionGenericSubmitDropDown{
    width:40%;
}
/* media queries */
@media only screen and (max-width: 700px){
    .visionGalleryInner {
        width: 49.99999%;
        margin: 6px 0;
    }
}
@media only screen and (max-width: 500px){
    .visionGalleryInner {
        width: 100%;
    }
}
/* end of media queries*/
/* css for simple lightbox gallery */
body.hidden-scroll
{
    overflow:hidden
}
.sl-overlay
{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#fff;
    opacity:.7;
    display:none;
    z-index:1006
}
.sl-wrapper
{
    z-index:1000
}
.sl-wrapper button
{
    border:0;
    background:0 0;
    font-size:24px;
    padding:0;
    cursor:pointer
}
.sl-wrapper button:hover
{
    opacity:1;
}
.sl-wrapper .sl-close
{
    display:none;
    position:fixed;
    right:30px;
    top:50px;
    z-index:1015
}
.sl-wrapper .sl-counter
{
    display:none;
    position:fixed;
    top:50px;
    left:30px;
    z-index:1015;
    color: #0071c5;
    font-weight: bold;
}
.sl-wrapper .sl-navigation
{
    width:100%;
    display:none
}
.sl-wrapper .sl-navigation button
{
    position:fixed;
    top:50%;
    margin-top:-10px;
    height:30px;
    width:30px;
    line-height:30px;
    text-align:center;
    display:block;
    z-index:1015;
    font-family:arial sans-serif
}
.sl-wrapper .sl-navigation button.sl-next
{ 
    right:40px
}
.sl-wrapper .sl-navigation button.sl-prev
{
    left:40px
}
/* css for the button background */
.sl-wrapper .sl-navigation button.sl-prev,.sl-wrapper .sl-navigation button.sl-next,.sl-wrapper button.sl-close
{
    background:#fff;
    border:1px solid #0071c5;
    border-radius:3px;
}
.sl-wrapper .sl-navigation button.sl-prev:hover,.sl-wrapper .sl-navigation button.sl-next:hover,.sl-wrapper button.sl-close:hover
{
    background:#0071c5;
    border:1px solid #0071c5;
    border-radius:3px;
}
.sl-wrapper .sl-navigation button.sl-prev,.sl-wrapper .sl-navigation button.sl-next,.sl-wrapper .sl-navigation button.sl-prev:hover,.sl-wrapper .sl-navigation button.sl-next:hover
{
    line-height: 25px;
}    
/* css for the button background */
.sl-wrapper .sl-image
{
    position:fixed;
    -ms-touch-action:none;
    touch-action:none;
    z-index:10000
}
.sl-wrapper .sl-image img
{
    margin:0;
    padding:0;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
}
.sl-wrapper .sl-image iframe
{
    border:0;
    background:#000
}
.sl-wrapper .sl-image .sl-caption
{
    display:none;
    padding:10px;
    color:#fff;
    background:#000;
    opacity:.8;
    position:absolute;
    bottom:0;
    left:0;
    right:0
}
.sl-wrapper .sl-image .sl-caption.pos-top
{
    bottom:auto;top:0
}
.sl-wrapper .sl-image .sl-caption.pos-outside
{
    bottom:auto
}
.sl-wrapper .sl-image .sl-download
{
    display:none;
    position:absolute;
    bottom:5px;
    right:5px;
    color:#fff;
    z-index:1005
}
.sl-spinner
{
    display:none;
    border:5px solid #333;
    border-radius:40px;
    height:40px;
    left:50%;
    margin:-20px 0 0 -20px;
    opacity:0;
    position:fixed;
    top:50%;
    width:40px;
    z-index:1007;
    -webkit-animation:pulsate 1s ease-out infinite;
    -moz-animation:pulsate 1s ease-out infinite;
    -ms-animation:pulsate 1s ease-out infinite;
    -o-animation:pulsate 1s ease-out infinite;
    animation:pulsate 1s ease-out infinite
}
.sl-scrollbar-measure
{
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}
@-webkit-keyframes pulsate
{
    0%{
        transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        transform:scale(1.2);
        opacity:0
    }
}
@keyframes pulsate
{
    0%{
        transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        transform:scale(1.2);
        opacity:0
    }
}
@-moz-keyframes pulsate
{
    0%{
        transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        transform:scale(1.2);
        opacity:0
    }
}
@-o-keyframes pulsate
{
    0%{
        transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        transform:scale(1.2);
        opacity:0
    }
}
@-ms-keyframes pulsate
{
    0%,100%{
        opacity:0
    }
    0%{
        transform:scale(.1)
    }
    50%{
        opacity:1
    }
    100%{
        transform:scale(1.2)
    }
}
/* end of css for simple lightbox gallery */  
/* css for the image  container */
.visionImageGalleryContainer .visionImageGallery a img 
{
    height: auto;
    border: 2px solid #fff;
    -webkit-transition: -webkit-transform .15s ease;
    -moz-transition: -moz-transform .15s ease;
    -o-transition: -o-transform .15s ease;
    -ms-transition: -ms-transform .15s ease;
    transition: transform .15s ease;
    position: relative;
}
.visionImageGalleryContainer .visionImageGallery a:hover img 
{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 5;
}
/* end of css for the image  container */           
/* end of css for background setting or image setting page 09-09-2016 */ 
/* css for the master detail pagination page 10-09-2016 */
.visionMasterDetailInner .jqx-layout-group-auto-hide-content-vertical 
{
    width: 200px;
}
.visionMasterDetailInner #user_list li 
{
    list-style:none
}
.visionMasterDetailInner .masterDetailView
{
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;                
}   
.visionMasterDetailInner .jqx-tabs
{   
    margin: 0px auto;
}
.visionMasterDetailInner .masterTab_handle,.visionMasterDetailInner .childTab_handle,.visionMasterDetailInner .childTab3_handle,.visionMasterDetailInner .childTab4_handle
{
    width: 100%;               
    background-color: #e3f1fa;
    border: 1px solid #a4bed4;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}
.visionMasterDetailInner .childTab3_handle,.visionMasterDetailInner .childTab4_handle
{
    display: none;
}
.visionMasterDetailInner .masterTab_resize ,.visionMasterDetailInner .childTab_resize,.visionMasterDetailInner .childTab3_resize,.visionMasterDetailInner .childTab4_resize 
{
    padding:10px 0px !important;
    margin-bottom: 10px;
}
.visionMasterDetailInner div#masterDetailView 
{ 
    margin-bottom: 50px;
}
.visionMasterDetailInner .jqx-tabs-content-element 
{
    height: 100%;
    overflow: hidden;


}

.jqx-tabs-content-element
{
    opacity:0.9;
}
/* common css for the scroll top and scroll bottom */
.visionScrollToBottom
{
    position: absolute; 
    bottom: 7%;
    left: 98%;
}
.visionScrollToTop
{
    position: fixed;
    top: 7%;
    left: 98%;
}
.visionTopArrow
{
    display:none;
}
.visionBottomArrow
{
    display:none; 
}
/* media queries */
@media screen and (max-width: 400px) 
{
    .visionScrollToBottom,.visionScrollToTop
    {
        left: 94%;
    }
}
@media screen and (max-width:320px) 
{
    .visionScrollToBottom 
    {
        bottom: 10%;
    }
    .visionScrollToTop
    {
        top: 10%;
    }
}
@media screen and (max-device-width :850px) and (orientation:landscape) 
{
    .visionScrollToBottom,.visionScrollToTop
    {
        left: 94%;
    }
}
/* end of media queries */
/* end of common css for the scroll top and scroll bottom */
.visionMasterResizeArrow
{
    cursor: pointer;
}
.visionMasterDetailInner .vendorno_style
{
    margin-top:0px;
}
.visionMasterDetailInner .jqx-grid-pager > div 
{
    margin-top:-368px;
}
/* media queries */
@media screen and (max-width: 767px)
{
    .visionMasterDetailInner .masterTab_resize,.visionMasterDetailInner .childTab_resize,.visionMasterDetailInner .childTab1_resize,.visionMasterDetailInner .childTab2_resize,.visionMasterDetailInner .childTab3_resize,.visionMasterDetailInner .childTab4_resize
    {
        width:100% !important;
        left:0% !important;
    }
}
/* end of media queries */
/* end of css for the master detail pagination page 10-09-2016 */
/* css for the timeout page 14-09-2016*/
.visionTimeout,.visionLogout
{
    width:100%;
}
.visionTimeoutInner,.visionLogoutInner
{
    width:300px;
    height:125px;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    border:1px solid #0071c5;
    border-radius: 10px;
    margin:auto;
}
.visionTimeoutHeader,.visionLogoutHeader
{
    background:#0071c5;
    border-radius: 7px 7px 0px 0px;
    padding: 7px;
}
.visionTimeoutHeader h1,.visionLogoutHeader h1
{
    padding-left:10px;
    vertical-align:middle;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    color:#fff;
    margin: 0;
}
.visionTimeoutMessageTable  {border-collapse:collapse;border-spacing:0;margin:0px auto;width:100%;height: inherit;}
.visionTimeoutMessageTable td{padding: 7px;word-break:normal;}
.visionTimeoutMessageTable th{font-weight:normal;padding: 7px;word-break:normal;}
.visionTimeoutMessageTable .visionTimeoutMessageData{vertical-align:middle}
@media screen and (max-width: 767px) {.visionTimeoutMessageTable {width:100%}.visionTimeoutMessageTable col {width: auto !important;}.visionTimeoutMessageInner {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionTimeoutMessageData img
{
    height:35px;
    width:35px;
}
.visionTimeoutMessageData span,.visionLogoutMessageData span
{
    color: graytext;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}
.visionTimeoutMessage,.visionLogoutMessage  
{
    width:100%;
}
.visionTimeoutMessageData
{
    text-align:center;
}
.visionTimeoutIcon
{
    text-align:center;
}
.visionTimeoutData
{
    text-align:left;
}
.visionTimeoutMessageInner
{
    height:95px;
}
.visionTimeoutMessageData a 
{
    text-decoration:none;
    outline:none;
}
.visionTimeoutOk
{
    background-image: url('../images/submit_icon_blue.png');
}
.visionTimeoutOk:hover
{
    background-image: url('../images/submit_icon_white.png');
}
/* media queries */
@media only screen and (max-width: 305px) 
{
    .visionTimeoutInner
    {
        width:99%;
    }
}
/* end of media queries */
/* end of css for the timeout page 14-09-2016*/
/* css for the logout page 14-09-2016 */
.visionLogoutInner
{
    width:350px;
}
.visionLogoutMessageInner
{
    height:95px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.visionLogoutMessageData
{
    text-align:center;
    padding: 6px;
}
.visionLogoutMessageData a
{
    color:#0071c5;
    text-decoration:none;
}
/* media queries */
@media only screen and (max-width:355px) 
{
    .visionLogoutInner
    {
        width:99%;
    }
}
/* end of media queries */
/* end of css for the logout page 14-09-2016 */
/* css for the ariba page 14-09-2016 */
.visionAribaMain
{
    float: left;
    width: 100%;
    border-radius: 10px;
    border: 1px #0071c5 solid;
}
.visionAribaAnalyze
{
    background-image:url("../images/analyze_pending_queue_icon.png");
}
.visionAribaAnalyze:hover
{
    background-image:url("../images/analyze_pending_queue_icon_white.png");
}
.visionAribaOutstanding
{
    background-image:url("../images/download_outstanding_items_icon.png");  
}
.visionAribaOutstanding:hover
{
    background-image:url("../images/download_outstanding_items_icon_white.png");  
}
.visionAribaDownload
{
    background-image:url("../images/view_downloaded_data_icon.png");  
}
.visionAribaDownload:hover
{
    background-image:url("../images/view_downloaded_data_icon_white.png");  
}
.visionAribaProcess
{
    background-image:url("../images/process_icon_blue.png");    
}
.visionAribaProcess:hover
{
    background-image:url("../images/process_icon_white.png");  
}
.visionAribaProcessLog
{
    background-image:url("../images/ariba_process_log.png");  
}
.visionAribaProcessLog:hover
{
    background-image:url("../images/ariba_process_log_white.png");  
}
.visionAribaTable
{
    width:100%;
}
.visionAribaDataTables
{
    margin:0 auto !important;
}
.visionAribaData
{
    padding:19px;
}
.visionAribaDataLeft
{
    text-align:left;
}
.visionAribaDataMiddle
{
    text-align:center;
}
.visionAribaDataRight
{
    text-align:right;
}
.visionAribaDataTables  .showDetails
{
    height:25px; 
}
.visionAribaDialogSuccess
{
    text-align:center;
}
.visionAribaDataFieldSet
{
    border:0;
}
.visionAribaProcessButton
{
    padding: 0 0.5%;
    display:none;
}
/* meida queries */
@media only screen and (max-width:445px) 
{
    .visionAribaTable td
    {
        display:block;
        text-align: center;
        padding: 6px;
    }    
}
@media only screen and (min-width:446px) and (max-width:800px) 
{
    .visionAribaTable td
    {
        padding: 6px;
    }    
}
@media only screen and (min-width:446px) and (max-width:630px) 
{
    .visionAribaTable td
    {
        text-align: center;
        float:left;
    }   
}
@media only screen and (max-width:560px) 
{
    .visionAribaVendorCreation
    {
        width:99% !important;
    }
}
/*end of  meida queries */
/* end of css for the ariba page 14-09-2016 */
/* css for the profile page change 17-08-2016 */
/* search for the class fileUpload in profile page and add the class name "visionFileUpload" */
/* css for the common css */
td,th
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
input[type="text"],input[type="password"] 
{
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #B6B6B4;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
input:focus 
{
    outline: none;
    border:1px solid #0071C5;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}           
input[disabled] {
    cursor: default;
    pointer-events: none;  
    opacity: 0.5;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
/* css for the common css */
.visionProfileSaveButton
{
    background-image: url('../images/submit_icon_blue.png'); 
}
.visionProfileSaveButton:hover
{
    background-image: url('../images/submit_icon_white.png');
}
.visionFileUpload
{
    position: relative;
    background: #fff url('../images/upload_icon_blue.png') no-repeat 5px center;
    float: right;
    margin:0px;
    overflow:hidden;
}
.visionFileUpload:hover
{
    position: relative;  
    background: #0071c5 url('../images/upload_icon_white.png') no-repeat 5px center;  
    float: right;
    margin:0px;
    overflow:hidden;
}
.visionFileUpload input.upload,.visionFileUpload:hover input.upload,.visionFileUpload input.visionFormUpload,.visionFileUpload:hover input.visionFormUpload 
{
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.autostructureupload
{
    display: flex;
    text-align: right;
    align-content: center;
    justify-content: flex-end;
    vertical-align: middle;
    line-height: 25px;
    height: 25px;
}
.visionProfile
{
    width:100%;
}
.visionProfileInner
{
    width: 60%;
    margin:25px auto;
}
.visionProfileFields,.visionProfilePic
{
    width:50%;
    float:left;
}
.visionProfileFieldsTable  {border-collapse:collapse;border-spacing:0;margin:0px auto;width: 100%;}
.visionProfileFieldsTable td{padding: 5px;;word-break:normal;}
.visionProfileFieldsTable th{font-weight:normal;padding: 5px;word-break:normal;}
.visionProfileFieldsTable .visionProfileFieldsData{vertical-align:middle}
@media screen and (max-width: 767px) {.visionProfileFieldsTable {width: auto !important;}.visionProfileFieldsTable col {width: auto !important;}.visionProfileFieldsInner {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionProfileFieldsData span
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionProfileFieldsSave
{
    text-align:center;
}
.visionProfileFieldsTable .visionProfileFieldsErrors
{
    text-align:center; 
    padding: 0;
}
.visionProfilePicInner
{
    width:100%;
}
.visionProfilePicTable  {border-collapse:collapse;border-spacing:0;margin:0px auto;width:100%;}
.visionProfilePicTable td{padding:5px;word-break:normal;}
.visionProfilePicTable th{font-weight:normal;padding:5px;word-break:normal;}
.visionProfilePicTable .visionProfilePicData 
{
    vertical-align:middle
}
@media screen and (max-width: 767px) {.visionProfilePicTable {width: auto !important;}.visionProfilePicTable col {width: auto !important;}.visionProfilePicInner {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionProfilePicDataAlign
{
    text-align:right;
}
.visionProfilePicture
{
    height: 150px;
    width: 300px; 
}
.visionProfileFieldClass
{
    width:90%;
}
.visionProfileFieldMobilecodeClass,.visionProfileFieldMobileNumberClass,.visionProfileFieldContryClass,.visionProfileFieldSTDClass,.visionProfileFieldPhoneClass
{
    float:left;
}
.visionProfileFieldMobilecodeClass,.visionProfileFieldContryClass
{
    width:19%;
    margin-right:3%;
}
.visionProfileFieldSTDClass
{
    width:15%; 
    margin-right:3%;
}
.visionProfileFieldPhoneClass
{
    width:60%;
}
.visionProfileFieldMobileNumberClass
{
    width:78%;
}
.visionProfileFieldValue,.visionProfileMobileCode,.visionProfilePhoneCountryCode,.visionProfilePhoneSTDCode,.visionProfileMobileNumber,.visionProfilePhoneNumber
{
    width:100%;
}
.visionProfileFieldCountry
{
    text-transform:uppercase;
}
.visionProfileMandatory
{
    color: red;
    display: none 
}
.visionProfilePhoneCode
{
    readonly:true;
}
.visionProfileImagePreview
{
    width: 200px;
    height: 200px;
    float: right;
    margin:0px;
    overflow:hidden;
}
.visionProfileImagePreview img
{
    border-radius: 5px;
    max-width: 100%; 
}
.visionProfileCrop,.visionRegisterCropButton
{
    background-image:  url('../images/crop_icon_blue.png');
    width:100px;
}
.visionProfileCrop:hover,.visionRegisterCropButton:hover
{
    background-image:  url('../images/crop_icon_white.png');
    width:100px;
}
.visionProfileCancel,.visionRegisterCropCancel
{
    background-image:url('../images/cancel_icon _blue.png');
    width:100px; 
}
.visionProfileCancel:hover,.visionRegisterCropCancel:hover
{
    background-image:url('../images/cancel_icon.png');
    width:100px; 
}
/* common css for the croping pop up */
.cropper-container {
    position: relative;
    font-size: 0;
    line-height: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: ltr !important;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.cropper-container img {
    display: block;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
    height: 100%;
    min-height: 0 !important;
    max-height: none !important;
    image-orientation: 0deg !important;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.cropper-wrap-box {
    overflow: hidden;
}
.cropper-drag-box {
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}
.cropper-modal {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}
.cropper-view-box {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, .75);
}
.cropper-dashed {
    position: absolute;
    display: block;
    filter: alpha(opacity=50);
    border: 0 dashed #eee;
    opacity: .5;
}
.cropper-dashed.dashed-h {
    top: 33.33333%;
    left: 0;
    width: 100%;
    height: 33.33333%;
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
    top: 0;
    left: 33.33333%;
    width: 33.33333%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px;
}
.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    filter: alpha(opacity=75);
    opacity: .75;
}
.cropper-center:before, .cropper-center:after {
    position: absolute;
    display: block;
    content: " ";
    background-color: #eee;
}
.cropper-center:before {
    top: 0;
    left: -3px;
    width: 7px;
    height: 1px;
}
.cropper-center:after {
    top: -3px;
    left: 0;
    width: 1px;
    height: 7px;
}
.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=10);
    opacity: .1;
}
.cropper-face {
    top: 0;
    left: 0;
    background-color: #fff;
}
.cropper-line {
    background-color: #39f;
}
.cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize;
}
.cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize;
}
.cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize;
}
.cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize;
}
.cropper-point {
    width: 5px;
    height: 5px;
    background-color: #39f;
    filter: alpha(opacity=75);
    opacity: .75;
}
.cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize;
}
.cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize;
}
.cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize;
}
.cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize;
}
.cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize;
}
.cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize;
}
.cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize;
}
.cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    filter: alpha(opacity=100);
    opacity: 1;
}
.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: " ";
    background-color: #39f;
    filter: alpha(opacity=0);
    opacity: 0;
}
@media (min-width: 768px) {
    .cropper-point.point-se {
        width: 15px;
        height: 15px;
    }
}
@media (min-width: 992px) {
    .cropper-point.point-se {
        width: 10px;
        height: 10px;
    }
}
@media (min-width: 1200px) {
    .cropper-point.point-se {
        width: 5px;
        height: 5px;
        filter: alpha(opacity=75);
        opacity: .75;
    }
}
.visionProfileOverlay,.visionRegisterOverlay 
{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
    display:none;
}
#closeoverlay{height:30px;width:90px;}
/* just some content with arbitrary styles for explanation purposes */
.modal1 {
    width: 500px;
    height: 400px;
    line-height: 100px;
    position: fixed;
    top:0%;
    bottom:0%;
    right:0%;
    left:0%;
    margin:auto;
    background-color: #a4bed4;
    border-radius: 5px;
    text-align: center;
    z-index: 11; 
    display:none;
}
.cropper-invisible {
    filter: alpha(opacity=0);
    opacity: 0;
}
.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
}
.cropper-hidden {
    display: none !important;
}
.cropper-move {
    cursor: move;
}
.cropper-crop {
    cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}
/* end of common css for the croping pop up */
/* media queries */
@media only screen and (max-width:550px) 
{
    .visionProfileFields, .visionProfilePic {
        width: 100%;
        float: left;
    }
    .visionProfileInner {
        width: 100%;
    }
    .visionProfileImagePreview {
        float:none;
    }
    .visionFileUpload,.visionFileUpload:hover 
    {
        float:none;
        text-align:center;
        margin: 0 auto;
    }
    .visionProfileImagePreview 
    {
        width:100%;
        margin:0 auto;
        text-align: center;
    }
    .visionProfileFileUpload
    {
        width: 30%; 
    }
}
@media only screen and (min-width:551px) and (max-width:980px) 
{
    .visionProfileFields, .visionProfilePic {
        width: 50%;
        float: left;
    }
    .visionProfileInner {
        width: 100%;
    }
    .visionProfileImagePreview {
        float:none;
    }
    .visionFileUpload,.visionFileUpload:hover 
    {
        float:none;
        text-align:center;
        margin: 0 auto;
    }
    .visionProfileImagePreview 
    {
        width:100%;
        margin:0 auto;
        text-align: center;
    }
}
@media only screen and (max-width:500px) 
{
    .modal1 
    {
        width:99%;
        margin:auto;
    }
    .cropper-container
    {
        width:100% !important;
    }
    .cropper-canvas
    {
        left:0% !important;
        margin:auto;
    }
    .cropper-crop-box
    {
        top:0% !important;
        left:0% !important;
        margin:auto;
    }
}
@media only screen and (max-width:415px) 
{
    .cropper-canvas
    {
        width:100% !important;
    }
}
@media only screen and (min-width:551px) and (max-width:680px)
{
    .visionProfileFileUpload,.visionProfileFileUpload:hover 
    {
        width:35%;
    }  
}
@media only screen and (min-width:681px) and (max-width:800px)
{
    .visionProfileFileUpload,.visionProfileFileUpload:hover 
    {
        width:30%;
    }  
}
@media only screen and (min-width:801px) and (max-width:980px)
{
    .visionProfileFileUpload,.visionProfileFileUpload:hover 
    {
        width:25%;
    }  
}
/* end of  media queries */
/* end of css for the profile page change 17-08-2016 */
/* css for the feed back page 16-09-2016 */
.visionFeedbackForm
{
    width:100%;
}
.visionFeedbackFormTable  {
    /*    border-collapse:collapse;
        border-spacing:0;
        margin:0px auto;*/
    width: 55%;
}
.visionFeedbackFormTable td{
    padding: 2px;
    word-break:normal;
    width: 40%;   
}
.visionFeedbackFormTable th{font-weight:normal;padding: 2px;word-break:normal;}
.visionFeedbackFormTable .visionFeedbackFormData{vertical-align:middle}
@media screen and (max-width: 767px) {.visionFeedbackFormTable {width: auto !important;margin-top:20px;}.visionFeedbackFormTable col {width: auto !important;}.visionFeedbackFormInner {-webkit-overflow-scrolling: touch;margin: auto 0px;display: inline-block;}}
.visionFeedbackFormDataAlign
{
    text-align:center;
}
.visionFeedbackFormData span
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:normal;
}
.visionFeedbackFields
{
    /*width:70%;*/
}
.visionFeedbackFieldValue
{
    width:100%;
}
.visionFeedbackFormData span sup
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    color:red; 
}
.visionFeedbackFieldFirst
{
    text-transform:uppercase;   
}
.visionFeedbackCompulsary
{
    display:none;
}
.visionFeedbackHideFields
{
    display:none;
}
.visionFeedbackUploadStatus
{
    display:inline-block;
    color: blue;
    padding-left:5px;
    font-weight:bold;
    height: 30px;
    line-height: 30px;
}
.visionFeedbackFormTable .visionFeedbackFormDataError
{
    padding:0;
    text-align:center;
}
/* common css for the text area  */
textarea {
    resize: none;
    border-radius: 3px;
    border: 1px solid rgb(182, 182, 180);
    text-transform: uppercase;
}
.visionFeedbackSubmit
{
    background-image: url('../images/submit_icon_blue.png'); 
}
.visionFeedbackSubmit:hover
{
    background-image: url('../images/submit_icon_white.png')
}
.visionFeedbackReset
{
    background-image: url('../images/reset_icon3.png');
}
.visionFeedbackReset:hover
{
    background-image: url('../images/reset_icon_hover.png');
}
.reviews_main
{
    width:100%;
}
.Reviews_Maininner
{
    width:100%;
}
.review_header
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    font-size:23px;
    color:#333;
    font-weight:550;
    margin-bottom:20px;
}
.numerofreviews {
    background: #0071c5;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size:15px;
    display:inline-block;
    margin-left:5px;
    text-align:center;
    color:#fff;
    FONT-WEIGHT:400;
    padding:2.5px;
}
/* css for the round progressive */
.page-title {
    font: 400 40px/1.5 Open Sans, sans-serif;
    text-align: center;
}
.Rating_average {
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 

    margin: 6px 6px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
    /*        width: 100px;*/
    width: 15%;
    float: left;
}
.Rating_average canvas {
    vertical-align: top;
}
.Rating_average strong {
    position: absolute;
    top: 16px;
    left: 8px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color:#0071c5;
}
.Rating_votestotal
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    color:#999;
    display:block;
    padding:0;
    font-size: 14px;
    text-align: center;
    font-weight:bold;
}
.Rating_star
{
    color:#0071c5;
    display:block;
    font-size:25px;
}
.Rating_average strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}
.Rating_recommended {
    width: 100px;
    margin: 6px 6px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}
.Rating_recommended canvas {
    vertical-align: top;
}
.Rating_recommended strong {
    position: absolute;
    top: 13px;
    left: 9px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color:green;
}
.Rating_recommended strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}
.Rating_votesrecommended
{
    color:#999;
    display:block;
    padding:0;
}
.Rating_sharerecommended
{
    color:green;
    display:block;
    font-size:25px;
}
.Rating_sugestions_main {
    width: 100px;
    margin: 6px 6px 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}
.Rating_sugestions_main canvas {
    vertical-align: top;
}
.Rating_sugestions_main strong {
    position: absolute;
    top: 46px;
    left: 9px;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color:green;
}
.Rating_sugestions_main strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}
.Rating_sugestionsrecommended
{
    color:#999;
    display:block;
    padding:5px;
}
/* end of css */
/* css for the bar chart */
.Rating_text
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    font-size: 14px;
    color:#333;
    font-weight:bold;
}
.Reviews_inner
{
    width:100%;
    /*    width: 33.33333%;*/
    float:left;
}
.Rating_peoplecount
{
    display:inline-block
}
.Rating_text_recommendations
{
    color:#999;
    font-size: 15px;
}
.Rating_text_recommend
{
    font-size: 15px;
    color:#333;
}
/*end  css for the bar chart */
.user_rating {
    overflow: hidden;
    display: inline-block;
}
.rating-input {
    position: absolute;
    left: 0;
    top: -50px;
}
.rating-star {        
    display: block;
    float: right;        
    width: 16px;
    height: 16px;
    background: url('star.png') 0 -16px;
    cursor: pointer;
}
.rating-star:hover,
.rating-star:hover ~ .rating-star {
    background-position: 0 0;
}
.Ratings_user
{
    width:100%;
    float:left;
    margin-bottom:5px;
}
.Rating_number
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    width:20%;
    margin-right:5px;
}
.Rating_bar_counts
{
    height: 10px;
    display:inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
/* css for the rating bars and also the button colors  14-07-2016*/
#Rating_bar_counts0
{
    background-color: #000FC5;
}
#Rating_bar_counts1
{
    background-color: #5400C5;
}
#Rating_bar_counts2
{
    background-color: #B700C5;
}
#Rating_bar_counts3
{
    background-color: #C50071;
}
#Rating_bar_counts4
{
    background-color: #C5000F;
}
.Rating_bar_counts_white
{
    background-color: #f0f0f0 !important;
}
/* end  css for the rating bars  14-07-2016*/
.Rating_peoplecounts
{
    width:20%;
}
.User_comments_main
{
    width:100%;
    position:relative;
    margin-top:60px;
}
.User_names, .User_comments
{
    float:left
}
.User_names
{
    width:10%;
}
.User_comments
{
    width:84%;
    border: 1px solid #d4d4d4;
    padding: 12px 20px 0;
    /*padding: 20px 20px 0;*/
    border: solid 1px #e9e9e9;
    border-radius: 3px;
    margin-bottom:20px;
}
.User_comments:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    position:absolute;
    border-top: 11.5px solid transparent;
    border-bottom:11.5px solid transparent;
    border-right: 11.5px solid #e9e9e9;
    margin-left:-61px;
    margin-top:-10px;
}
.User_name_letter
{
    background: #0071c5;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    font-size: 35px;
    display: inline-block;
    text-align: center;
    color: #fff;
}
.User_fullname
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    line-height:18px;
    font-size: 12px;
    /*    font-size:13px;
        line-height:23px;*/
    padding-top:5px;
    color:#000;
    display:block;
}
.User_name_review
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    color:#999;
    padding-top:5px;
    display:block;
}
.userratings_view_image
{
    width:100px;
}
.Comments_created
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    color:#999;
    display:inline-block;
    /*float:right;*/
}
.Comment_heading
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    font-weight:555;
    font-size:18px;
    display:block;
    margin-top:5px;
    color:#000;
}
.userExpPopup{
    font-weight: bold;
    text-align: left;
}
.commentType{
    font-weight: bold;
    text-align: left;
    margin-top: 10px;
}
.Comment_information
{
    font-size:15px;
    margin-top:5px;
    color:#333;
    display:block;
    width:100%;
    line-height:23px;
}
.Comment_information_popup
{text-align:left;
 font-size:15px;
 margin-top:5px;
 color:#333;
 display:block;
 width:100%;
 line-height:23px;
}
#review_header 
{
    padding-left: 0px;
}
#user_fb{text-align: center;}
fb-rating-stars,
.fb-rating-stars label::before
{
    display: inline-block;
}
.fb-rating-stars label:hover,
.fb-rating-stars label:hover ~ label
{
    color: #ff7617;
}
.fb-rating-stars *
{
    margin: 0;
    padding: 0;
}
.fb-rating-stars input
{
    display: none;
}
.fb-rating-stars
{
    unicode-bidi: bidi-override;
    direction: rtl;
}
.fb-rating-stars label
{
    color: #ccc;
}
.fb-rating-stars label::before
{
    content: "\2605";
    width: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}
.fb-rating-stars input:checked ~ label
{
    color: #0071c5;
}
.fb-rating-disabled
{
    opacity: .50;     
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}
/* Wrapper */
#Ratings_user{
    padding-left:20px;
}
.Reviews_inner_right{
    width:100%
}
User_comments{
    padding-right:250px;
}
.User_name_letter{
    padding-top:13px;
    height:25px
}
.Feedback_view{
    padding: 0px 0 20px 0;
    height: 265px;
    overflow-y: scroll;
    border: 1px solid lightgray;
}
.numerofreviews{
    vertical-align: top;
}
.User_comments_main{
    display: inline-block;

    /*    margin-top:0px;*/
    margin-top: 10px;
}
.Comments_heading_popup{
    margin-left: 35px;
    font-size: 15px;
    margin-top: 5px;
    color: #333;
    text-align: left;
    width: 100%;
    line-height: 23px;
    padding-left:25px;
}
.Ratings_user{
    display:none;
}
.Ratings_user1{

    /*    padding-left: 20px;*/
    float: left;
    width: 25%;
    margin-top: 2%;
}
.Rating_bar_counts{
    width:80%;
}
.numerofreviews{
    width:30px;
}
.User_name_letter, .User_fullname{
    text-transform: uppercase;
}
.ui-widget-overlay 
{
    height: 100%;
    position: fixed;
}
.openFeedBackClass
{
    background-color: #0071c5;
    padding: 23px 10px 4px 0px;
    background-repeat: no-repeat;
    cursor:pointer;
    background-image: url('../images/attach_pin_icon.png');
    background-position: center center;    
    float: right;    margin-right: 50px;
    color: #fff;font-weight:bold;
    text-align: right;
    width: 10px;border-radius:5px;
}
.User_name_review 
{
    cursor:pointer;
}
.visionFeedbackFields input[type="text"]
{
    height:20px;
}
.visionFeedbackDataRating
{
    text-align:left;
}
.jqx-notification-info, .jqx-info {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #0071c5 !important;
    background-repeat: repeat-x !important;
    background-image: linear-gradient(to bottom, #0071c5, #0071c5) !important;
    border-left-color: #0071c5 !important;
    border-right-color: #0071c5 !important;
    border-top-color: #0071c5 !important;
    border-bottom-color: #0071c5 !important;
}
.visionFeedbackUpload,.visionFeedbackUpload:hover
{
    float:left;
}
.visionFeedbackFormTable .visionFeedbackButtons
{
    padding: 20px;
}
@media screen  and (max-width:767px) {
    .Reviews_inner {
        width:100%;
        margin-top:10px;
    }
    .User_names
    {
        width:100%;
    }
    .User_fullname
    {
        display:inline-block;
        padding-left:10px;
    }
    .User_name_review
    {
        display:inline-block;
        padding-left:10px;
    }
    .User_comments
    {
        margin: 20px auto;
        width: 86%;
    }
    .User_comments::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        border-bottom: 11.5px solid #e9e9e9;
        margin-top: -43px;
        margin-left: -7px;
    }
    .reviews_main {
        position: relative;
    }
    .Reviews_inner_right
    {
        width:100%;
    }
    .Reviews_inner_right{
        width:100%;
    }
}
@media screen and (min-width:721px) and (max-width:767px){
    .User_comments
    {
        width: 94% !important;
    }
    .User_comments_main
    {
        width:88% !important;
    }
    .reviews_main 
    {
        position: relative;
    }
    .Reviews_inner_right{
        padding-bottom:25px;
    }
    #User_names{
        padding-bottom:50px;
    }
    .User_names{
        padding-left:5px;
        width:100%;
        float:left;
    }
    .User_comments::before {
        border-bottom: 11.5px solid #e9e9e9;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        margin-left: -7px;
        margin-top: -43px;
        position: absolute;
        width: 0;
    }
    .Comments_heading{
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;  
        font-size: 15px;
        margin-top: 5px;
        color: #333;
        width: 100%;
    }
    .User_comments{
        width:82%;
    }
}
@media screen and (max-width:320px)  {
    .User_comments
    {
        width:84% !important;
    }
    .User_comments_main
    {
        width:100% !important;
    }
    .User_comments::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        border-bottom: 11.5px solid #e9e9e9;
        margin-top: -43px;
        margin-left: -7px;
    }
    .reviews_main {
        bottom: 0;
        position: relative;
    }
    .Reviews_inner_right
    {
        padding-bottom:25px;
    }
    #User_names{
        padding-bottom:50px;
    }
    .User_names{
        padding-left:5px;
        width:100%;
        float:left;
    }
    .Comments_heading
    {
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
        font-size: 15px;
        margin-top: 5px;
        color: #333;
        width: 100%;
    }
    .User_comments{
        width:82%;
    }
}
@media screen and (min-width:321px) and (max-width:360px) {
    .User_comments
    {
        width: 85.5% !important;
    }
    .User_comments_main
    {
        width:100% !important;
    }
    .reviews_main {
        position: relative;
    }
    .Reviews_inner_right
    {
        padding-bottom:25px;
        width:100% !important;
    }
    #User_names{
        padding-bottom:50px;
    }
    .User_names{
        padding-left:5px;
        width:100%;
        float:left;
    }
    .User_comments::before {
        border-bottom: 11.5px solid #e9e9e9;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        margin-left: -7px;
        margin-top: -43px;
        position: absolute;
        width: 0;
    }
    .Comments_heading{
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
        font-size: 15px;
        margin-top: 5px;
        color: #333;
        width: 100%;
    }
    .User_comments{
        width:82%;
    }
}
@media screen and (min-width:361px) and (max-width:375px) {
    .User_comments
    {
        width: 87%  !important;
    }
    .User_comments_main
    {
        width:90% !important;
    }
    .reviews_main {
        position: relative;
    }
    .Reviews_inner_right{
        padding-bottom:25px;
    }
    #User_names{
        padding-bottom:50px;
    }
    .User_names
    {
        padding-left:5px;
        width:100%;
        float:left;
    }
    .User_comments::before {
        border-bottom: 11.5px solid #e9e9e9;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        margin-left: -7px;
        margin-top: -43px;
        position: absolute;
        width: 0;
    }
    .Comments_heading{
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
        font-size: 15px;
        margin-top: 5px;
        color: #333;
        width: 100%;
    }
    .User_comments
    {
        width:82%;
    }
}
@media screen and (min-width:376px) and (max-width:384px) {
    .User_comments
    {
        width: 87% !important;
    }
    .User_comments_main
    {
        width:88% !important;
    }
    .reviews_main {
        position: relative;
    }
    .Reviews_inner_right{
        padding-bottom:25px;
    }
    #User_names{
        padding-bottom:50px;
    }
    .User_names{
        padding-left:5px;
        width:100%;
        float:left;
    }
    .User_comments::before {
        border-bottom: 11.5px solid #e9e9e9;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        margin-left: -7px;
        margin-top: -43px;
        position: absolute;
        width: 0;
    }
    .Comments_heading{
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
        font-size: 15px;
        margin-top: 5px;
        color: #333;
        width: 100%;
    }
    .User_comments{
        width:82%;
    }
}
@media screen and (min-width:385px) and (max-width:414px) {
    .User_comments
    {
        width: 88% !important;
    }
    .User_comments_main
    {
        width:88% !important;
    }
    .reviews_main {
        position: relative;
    }
    .Reviews_inner_right{
        padding-bottom:25px;
    }
    #User_names{
        padding-bottom:50px;
    }
    .User_names{
        padding-left:5px;
        width:100%;
        float:left;
    }
    .User_comments::before {
        border-bottom: 11.5px solid #e9e9e9;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        margin-left: -7px;
        margin-top: -43px;
        position: absolute;
        width: 0;
    }
    .Comments_heading
    {
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
        font-size: 15px;
        margin-top: 5px;
        color: #333;
        width: 100%;
    }
    .User_comments{
        width:82%;
    }
}
@media screen and (min-width:415px) and (max-width:480px) {
    .User_comments
    {
        width: 90% !important;
    }
    .User_comments_main
    {
        width:88% !important;
    }
    .reviews_main {
        position: relative;
    }
    .Reviews_inner_right{
        padding-bottom:25px;
    }
    #User_names{
        padding-bottom:50px;
    }
    .User_names{
        padding-left:5px;
        width:100%;
        float:left;
    }
    .User_comments::before {
        border-bottom: 11.5px solid #e9e9e9;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        margin-left: -7px;
        margin-top: -43px;
        position: absolute;
        width: 0;
    }
    .Comments_heading
    {
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
        font-size: 15px;
        margin-top: 5px;
        color: #333;
        width: 100%;
    }
    .User_comments{
        width:82%;
    }
}
@media screen and (min-width:481px) and (max-width:533px) {
    .User_comments
    {
        width: 91% !important;
    }
    .User_comments_main
    {
        width:88% !important;
    }
    .reviews_main {
        position: relative;
    }
    .Reviews_inner_right{
        padding-bottom:25px;
    }
    #User_names{
        padding-bottom:50px;
    }
    .User_names{
        padding-left:5px;
        width:100%;
        float:left;
    }
    .User_comments::before {
        border-bottom: 11.5px solid #e9e9e9;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        margin-left: -7px;
        margin-top: -43px;
        position: absolute;
        width: 0;
    }
    .Comments_heading{
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
        font-size: 15px;
        margin-top: 5px;
        color: #333;
        width: 100%;
    }
    .User_comments{
        width:82%;
    }
}
@media screen and (min-width:534px) and (max-width:568px) {
    .User_comments
    {
        width: 91.5% !important;
    }
    .User_comments_main
    {
        width:88% !important;
    }
    .reviews_main {
        position: relative;
    }
    .Reviews_inner_right{
        padding-bottom:25px;
    }
    #User_names{
        padding-bottom:50px;
    }
    .User_names{
        padding-left:5px;
        width:100%;
        float:left;
    }
    .User_comments::before {
        border-bottom: 11.5px solid #e9e9e9;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        margin-left: -7px;
        margin-top: -43px;
        position: absolute;
        width: 0;
    }
    .Comments_heading
    {
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
        font-size: 15px;
        margin-top: 5px;
        color: #333;
        width: 100%;
    }
    .User_comments{
        width:82%;
    }
}
@media screen and (min-width:569px) and (max-width:603px) {
    .User_comments
    {
        width: 92% !important;
    }
    .User_comments_main
    {
        width:88% !important;
    }
    .reviews_main {
        position: relative;
    }
    .Reviews_inner_right{
        padding-bottom:25px;
    }
    #User_names{
        padding-bottom:50px;
    }
    .User_names{
        padding-left:5px;
        width:100%;
        float:left;
    }
    .User_comments::before 
    {
        border-bottom: 11.5px solid #e9e9e9;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        margin-left: -7px;
        margin-top: -43px;
        position: absolute;
        width: 0;
    }
    .Comments_heading{
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
        font-size: 15px;
        margin-top: 5px;
        color: #333;
        width: 100%;
    }
    .User_comments{
        width:82%;
    }
}
@media screen and (min-width:604px) and (max-width:640px) {
    .User_comments
    {
        width: 92.5% !important;
    }
    .User_comments_main
    {
        width:88% !important;
    }
    .reviews_main {
        position: relative;
    }
    .Reviews_inner_right{
        padding-bottom:25px;
    }
    #User_names{
        padding-bottom:50px;
    }
    .User_names{
        padding-left:5px;
        width:100%;
        float:left;
    }
    .User_comments::before {
        border-bottom: 11.5px solid #e9e9e9;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        margin-left: -7px;
        margin-top: -43px;
        position: absolute;
        width: 0;
    }
    .Comments_heading{
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
        font-size: 15px;
        margin-top: 5px;
        color: #333;
        width: 100%;
    }
    .User_comments{
        width:82%;
    }
}
@media screen and (min-width:641px) and (max-width:720px) {
    .User_comments
    {
        width: 93.5% !important;
    }
    .User_comments_main
    {
        width:88% !important;
    }
    .reviews_main 
    {
        position: relative;
    }
    .Reviews_inner_right{
        padding-bottom:25px;
    }
    #User_names{
        padding-bottom:50px;
    }
    .User_names{
        padding-left:5px;
        width:100%;
        float:left;
    }
    .User_comments::before {
        border-bottom: 11.5px solid #e9e9e9;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        margin-left: -7px;
        margin-top: -43px;
        position: absolute;
        width: 0;
    }
    .Comments_heading{
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
        font-size: 15px;
        margin-top: 5px;
        color: #333;
        width: 100%;
    }
    .User_comments{
        width:82%;
    }
}
@media screen and (min-width: 768px) and (max-width:1023px)
{
    .User_names
    {
        padding-left: 5px;
        width:100%;
        float:left;
    }
    .User_name_letter, .User_fullname {
        text-transform: uppercase;
    }
    .User_fullname {
        display: inline-block;
        padding-left: 10px;
    }
    .User_fullname {
        color: #000;
        line-height: 23px;
        padding-top: 5px;
    }
    .User_name_review {
        cursor: pointer;
    }
    .User_name_review {
        display: inline-block;
        padding-left: 10px;
    }
    .User_name_review {
        color: #999;
        padding-top: 5px;
    }
    .User_comments::before {
        border-bottom: 11.5px solid #e9e9e9;
        border-left: 11.5px solid transparent;
        border-right: 11.5px solid transparent;
        content: "";
        display: block;
        height: 0;
        margin-left: -31px;
        margin-top: -43px;
        position: absolute;
        width: 0;
    }
    .User_comments {
        width: 82%;
    }
    .User_comments 
    {
        width:90% !important;
    }
    .User_comments {
        margin: 20px auto;
    }
    .User_comments {
        border: 1px solid #e9e9e9;
        border-radius: 3px;
        padding: 20px 20px 0;
    }
    .User_names, .User_comments {
        float: left;
    }
}
@media screen and (min-width: 1024px) and (max-width:1280px)
{
    .Reviews_inner_right
    {

        /*        width:66.66666%;
        float:left;*/
    }
    .User_comments {
        width: 81% !important;
    }
    .User_name_review{
        cursor:pointer;
    }
    .feedbackClass{
        width:100px;
        height:100px;
    }
}
@media all and (min-width: 768px) {
    .Reviews_inner_right{
        /*padding-bottom:25px;*/
    }
    #User_names{
        padding-bottom:50px;
        width:100%;
        float:left;
    }
    .User_comments{
        padding-left:50px;
    }
    .User_names{
        padding-left:5px;
    }
    .Comments_heading{
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
        font-size: 13px;
        /*        margin-left: 35px;
                font-size: 15px;*/
        margin-top: 5px;
        color: #333;
        width: 100%;
        /*        line-height: 23px;
                padding-left:25px;*/
    }
    .User_comments{
        width:81%;
    }
}
.fixed-dialog
{
    position: fixed;
    top: 50px;
    left: 50px;
}
/* css for the standard css 27-06-2016 */
/* media queries for the override the css 26-08-2016 */
@media only screen and (max-width:720px) 
{
    .User_comments_main
    {
        width:100% !important;
    }
    .Reviews_inner_right
    {
        width:100% !important;
    }
    .user_feedback 
    {
        padding:5px;
    }
} 
/* end of media queries for the override the css 26-08-2016 */
@media screen and (max-width:766px)  
{
    .visionFeedbackDisplayFile
    {
        height:auto !important;
    }
    .visionFeedbackDisplayFile img 
    {
        display:block;
        max-width:100%;
        width:100% !important;
        margin:0 auto;
        height: auto !important;
    }
    .visionFeedbackDisplayFile div
    {
        margin-left:0% !important;
    }
    .Comments_created{
        float: none !important;
    }
    .Comment-information-ta{
        margin-left: 0px !important;
    }
    .Comment-information-ta textarea{
        width:100%;
    }
}
@media screen and (max-width:979px)  
{
    .visionFeedbackDialog
    {
        width:99% !important;
        left:0.5% !important;
        margin:0 auto !important;
    }
}
.visionFeedbackFields textarea,.visionFeedbackFields input[type="text"] 
{
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    text-transform: uppercase;
}
@media screen and (max-device-width :850px) and (orientation:landscape) 
{
    .visionFeedbackDisplayFile
    {
        height:130px !important; 
    }
}
@media screen and (max-device-width :400px) and (orientation:portrait) 
{
    .visionFeedbackDialog
    {
        z-index:99999 !important;
    }
}
@media only screen and (min-width:721px) and (max-width:960px) {
    .Comment-information-ta textarea{
        width:100% !important;
    }
}


.user-comments-heading{
    float:left;
    width: 150px;
    font-weight: bold;
}

.Comment-information-ta{
    margin-left:30px;
}
.comment-heading-org{
    margin-right:29px;
}
/* end of css for the feed back page 16-09-2016 */
/* css for the duplicate resolution page 19-09-2016 */
.visionDuplicateImage
{
    width:40%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor:pointer;
}
/* media queries */
@media only screen and (max-width:360px) 
{
    .visionDuplicationResultionDialog
    {
        width:99% !important;
        left:0.5% !important;
    }
}
/*end of media queries */
/* end of css for the duplicate resolution page 19-09-2016 */
/* css for the register page 20-09-2016 */
.visionUserRegister
{
    width:100%;
    padding: 0;
}
.visionBasicUserRegisterTable  {border-collapse:collapse;border-spacing:0;margin:0px auto;width:90%;}
.visionBasicUserRegisterTable td{padding: 6px;word-break:normal;}
.visionBasicUserRegisterTable th{font-weight:normal;padding: 6px;word-break:normal;}
.visionBasicUserRegisterTable .visionBasicUserRegisterData
{
    vertical-align: top;
}
@media screen and (max-width: 767px) {.visionBasicUserRegisterTable {width:100%;}.visionBasicUserRegisterTable col {width: auto !important;}.visionUserRegisterInner {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionBasicUserRegisterTable td:nth-child(2n+1) {
    width: 20%;
}
.visionBasicUserRegisterTable td:nth-child(2n) {
    width: 30%;
}
.visionBasicUserRegisterData span
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:bold;
}
.visionAdditionalRegisterData span,.visionRegexData span,.visionMetaData span
{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:bold;
}
.visionBasicRegisterFieldValue
{
    width: 100%;
}
.visionBasicRegisterFields
{
    width:75%;
}
.visionBasicRegisterInput,.visionBasicRegisterSearch
{
    float:left;
}
.visionBasicRegisterInput
{
    width: 87%;
}
.visionBasicRegisterSearch
{
    width:10%;
    padding-left:3%;
    display: table-cell;
    vertical-align: middle;
}
.visionBasicRegisterSearch * {
    vertical-align: middle;
}
.visionBasicRegisterSearch img
{
    width:12px;
    height:12px;
    cursor:pointer;
}
.visionBasicRegisterFieldyear,.visionBasicRegisterFieldMonth,.visionBasicRegisterFieldDate
{
    float: left;
    width:29%;
}
.visionBasicRegisterFieldyear, .visionBasicRegisterFieldMonth
{
    width:28%;
    margin-right:1%;
}
.visionBasicRegisterFieldInner
{
    width:87%;
}
.visionBasicRegisterFieldCode,.visionBasicRegisterFieldNumber
{
    float:left;
}
.visionBasicRegisterFieldCode
{
    width:17%;
    padding-right:2%;
}
.visionBasicRegisterFieldNumber
{
    width:68%;
}
.visionBasicUserRegisterData sup
{
    color:red;
}
.visionRegisterMandatory
{
    display:none;
}
.visionBasicRegisterSearch .visionRegisterCapchaImage
{
    width: 20px;
    height: 20px;
    cursor:pointer;
}
.visionRegisterCapchaMatch
{
    float:left;
}
.visionBasicUserRegisterTable .visionBasicUserRegisterError,.visionAdditionalRegisterTable .visionAdditionalRegisterError
{
    padding-top: 0px;
    width: 100%;
    clear: both;
}
.visionBasicUserRegisterData select,.visionBasicUserRegisterData input[type="text"],.visionBasicUserRegisterData input[type="password"]
{
    width:100%;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    height:20px;
}
.visionRegisterCaptchText
{
    height: 50px;
    color: #fff;
    font-size: 20px;
    background-color: #0071C5;
    border-radius: 3px;
    display: inline-block;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.visionRegisterCaptchText p span
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:20px;
    font-weight:bold;
    padding: 3px;
}
.onecolor {
    vertical-align: 2px;
    z-index: 23;
    margin-left: -2px;
}
.othercolor {
    vertical-align: -3px;
    z-index: 5;
    margin-left: -2px;
}
.visionBasicRegisterFirst,.visionBasicRegisterLast,.visionBasicRegisterCountry
{
    text-transform:uppercase;
}
.visionAdditionalRegister
{
    width:100%;
}
.visionAdditionalRegisterFields,.visionAdditionalRegisterImage
{
    float:left;
    width:50%;
}
.visionAdditionalRegisterTable  {border-collapse:collapse;border-spacing:0;margin:0px auto;width: 90%;}
.visionAdditionalRegisterTable td{padding:6px;word-break:normal;}
.visionAdditionalRegisterTable th{font-weight:normal;padding:6px;word-break:normal;}
.visionAdditionalRegisterTable .visionAdditionalRegisterData{vertical-align:middle}
@media screen and (max-width: 767px) {.visionAdditionalRegisterTable {width: 100%;}.visionAdditionalRegisterTable col {width: auto !important;}.visionAdditionalRegisterTable {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionAdditRegisterFields
{
    width: 60%;
}
.visionAdditRegisterFieldInner
{
    width:100%;
}
.visionAdditRegisterCountry,.visionAdditRegisterSTD,.visionAdditRegisterNumber
{
    float:left;
}
.visionAdditRegisterCountry
{
    width:13%;
    margin-right: 3%;
}
.visionAdditRegisterSTD
{
    width:14%;
    margin-right: 3%;
}
.visionAdditRegisterNumber
{
    width:67%;
}
.visionRegisterPreviewClass
{
    display:none;
    float: right;
    margin-right: 45%;
    overflow: hidden;
    margin-top: 0px;
    width:200px;
    height:200px;
}
.visionRegisterPreviewClass img
{
    max-width: 100%;
    overflow: hidden;
}
.visionAdditRegisterFieldSummery,.visionAdditRegisterPurpose
{
    text-transform:uppercase
}
.visionAdditionalRegisterTable td:nth-child(2n+1) {
    width: 30%;
}
.visionAdditionalRegisterTable td:nth-child(2n) {
    width: 70%;
}
.visionAdditionalRegisterTable textarea,.visionAdditionalRegisterTable input[type="text"] 
{
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    text-transform: uppercase;
}
.visionAdditionalRegisterTable input[type="text"] 
{
    height:20px;
}
.visionRegisterMain
{
    width:100%;
    border: 1px solid #0071C5;
    border-radius: 10px;
}
.visionRegisterFormDetails,.visionRegisterCheckbox,.visionRegisterSocial
{
    width:100%;
}
.visionRegisterFormDetails
{
    width:100%;
}
.visionRegisterAccrodiansClass  .ui-accordion-content
{
    padding:0;
    overflow:hidden;
}
.visionRegisterAccrodiansClass
{
    margin:10px;  
}
.visionRegisterSubmitTable  {border-collapse:collapse;border-spacing:0;margin:0px auto;width:100%}
.visionRegisterSubmitTable td{padding: 3px;word-break:normal;}
.visionRegisterSubmitTable th{font-weight:normal;padding: 3px;word-break:normal;}
.visionRegisterSubmitTable .visionRegisterSubmitData{vertical-align:middle}
@media screen and (max-width: 767px) {.visionRegisterSubmitTable {width: auto !important;}.visionRegisterSubmitTable col {width: auto !important;}.visionRegisterSubmitInner {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionRegisterSocialTable  {border-collapse:collapse;border-spacing:0;margin:0px auto;}
.visionRegisterSocialTable td{padding:20px 20px;word-break:normal;}
.visionRegisterSocialTable th{font-weight:normal;padding:20px 20px;word-break:normal;}
.visionRegisterSocialTable .visionRegisterSocialData{vertical-align:middle}
@media screen and (max-width: 767px) {.visionRegisterSocialTable {width: auto !important;}.visionRegisterSocialTable col {width: auto !important;}.visionRegisterSocialInner {overflow-x: auto;-webkit-overflow-scrolling: touch;margin: auto 0px;}}
.visionRegisterHeaderTitle
{
    margin-right: 8px;
    float: right;
}
.visionRegisterMainInner
{
    padding:10px;
}
.visionRegisterSubmitInner
{
    padding:10px;
}
.visionRegisterSubmitCheckbox,.visionRegisterSubmitCheckboxCondition
{
    text-align:left;
}
.visionRegisterSubmitCheckbox
{
    width: 1%;
}
.visionRegisterSubmitCheckboxCondition
{
    width:99%;
}
.visionRegisterFormSubmit
{
    text-align:center;
}
.visionRegisterSocialData a
{
    color:#0071c5;
    text-decoration:none;
    outline:none;
}
.visionRegisterSocialData span
{
    display:flex;
    align-content: center;
    float: left;
    padding-left: 5px;
}
.visionRegisterSubmitButton
{
    background-image: url('../images/register_icon_blue.png');  
}
.visionRegisterSubmitButton:hover
{
    background-image: url('../images/register_icon_white.png');  
}
.visionRegisterClear
{
    background-image: url('../images/reset_icon3.png');  
}
.visionRegisterClear:hover
{
    background-image: url('../images/reset_icon_hover.png');  
}
.visionRegisterCheck
{
    outline:none; 
}
.visionAdditionalRegisterData .visionFileUpload
{
    float:none;
    width:45px;
}
.visionRegisterAccrodiansClass .ui-state-default,.visionRegisterMaterialAccordians .ui-state-default
{
    border:1px solid #0071c5;
    background:#fff;
    color:#0071c5;
}
.visionRegisterAccrodiansClass .ui-state-active,.visionRegisterMaterialAccordians .ui-state-active,.visionRegisterAccrodiansClass .ui-state-hover,.visionRegisterMaterialAccordians .ui-state-hover
{
    border:1px solid #0071c5;
    background:#0071c5;
    color:#fff;
}
.visionRegisterAccrodiansClass .ui-state-default .ui-icon,.visionRegisterMaterialAccordians .ui-state-default .ui-icon  
{
    background-image: url(../images/jquery-ui-theme/ui-icons_3d80b3_256x240.png);
}
.visionRegisterAccrodiansClass .ui-state-active .ui-icon,.visionRegisterMaterialAccordians .ui-state-active .ui-icon,.visionRegisterAccrodiansClass .ui-state-hover .ui-icon,.visionRegisterMaterialAccordians .ui-state-hover .ui-icon  
{
    background-image: url(../images/jquery-ui-theme/ui-icons_ffffff_256x240.png);
}
.visionBasicRegisterInput p
{
    margin:0;
}
.visionRegisterCaptchText p
{
    margin-top:5px;
}
.visionRegisterRefresh
{
    height: 50px;
    line-height: 50px;
    position: relative;
}
/* media queries */
@media only screen and (max-width:500px) 
{
    .visionBasicUserRegisterTable td:nth-child(2n) ,.visionBasicUserRegisterTable td:nth-child(2n+1)
    {
        display: inline-block;
        clear: both;
    } 
    .visionBasicUserRegisterTable td:nth-child(2n+1)
    {
        width:40%;
    }
    .visionBasicRegisterFields,.visionBasicRegisterFieldInner {
        width: 100%;
    }
    .visionBasicRegisterFieldCode 
    {
        width:30%
    }
    .visionBasicRegisterFieldNumber
    {
        width:68%; 
    }
    .visionBasicRegisterFieldyear, .visionBasicRegisterFieldMonth,.visionBasicRegisterFieldDate {
        width:32.6666%;
    }
    .visionAdditionalRegisterFields, .visionAdditionalRegisterImage {
        width: 100%;
    }
    .visionAdditRegisterFields {
        width: 100%;
    }
    .visionAdditionalRegisterData .visionFileUpload 
    {
        margin:0;
    }
    .visionAdditionalRegisterTable td:nth-child(2n+1) 
    {
        width:40%
    }
    .visionAdditionalRegisterTable td:nth-child(2n) 
    {
        width:60%
    }
    .visionRegisterSocialTable td 
    {
        padding: 10px;
    }
    .visionRegisterPreviewClass 
    {
        margin:0 auto;
        float:none;
    }
}
@media only screen and (max-width:359px) 
{
    .visionBasicUserRegisterTable td:nth-child(2n)  
    {
        width: 49%;
    }
    .visionRegisterCaptchText p:nth-child(2) 
    {
        margin-left: 59px !important;
        margin-top: 1px !important;
    }
}
@media only screen and (min-width:360px) and (max-width:500px) 
{
    .visionBasicUserRegisterTable td:nth-child(2n)  
    {
        width: 51%;
    }
}
@media only screen and (min-width:501px) and (max-width:599px) 
{
    .visionBasicUserRegisterTable td:nth-child(2n) ,.visionBasicUserRegisterTable td:nth-child(2n+1)
    {
        display: inline-block;
        clear: both;
    }
    .visionBasicUserRegisterTable td:nth-child(2n+1)
    {
        width:40%;
    }
    .visionBasicUserRegisterTable td:nth-child(2n)  
    {
        width: 51%;
    }
    .visionBasicRegisterFields,.visionBasicRegisterFieldInner {
        width: 95%;
    }
    .visionBasicRegisterFieldCode 
    {
        width: 18%;
    }
    .visionBasicRegisterFieldNumber
    {
        width: 75%;
    }
    .visionBasicRegisterFieldyear, .visionBasicRegisterFieldMonth,.visionBasicRegisterFieldDate {
        width:31%;
    }
    .visionAdditionalRegisterData .visionFileUpload 
    {
        margin:0
    }
    .visionAdditRegisterFields {
        width: 100%;
    }
    .visionRegisterPreviewClass 
    {
        margin-right: 20%;
    }
}
@media only screen and (min-width:600px) and (max-width:870px) 
{
    .visionBasicRegisterFields {
        width: 100%;
    }
    .visionBasicRegisterFieldCode 
    {
        width:26%;
    }
    .visionBasicRegisterFieldNumber {
        width:59%;
    }
    .visionAdditionalRegisterData .visionFileUpload 
    {
        margin:0
    }
    .visionAdditRegisterFields {
        width: 100%;
    }
    .visionRegisterPreviewClass 
    {
        margin-right: 20%;
    }
}
@media only screen and (min-width:880px) and (max-width:1024px) 
{
    .visionAdditRegisterFields {
        width: 100%;
    }
    .visionAdditionalRegisterData .visionFileUpload 
    {
        margin:0
    }  
    .visionAdditionalRegisterTable td:nth-child(2n+1) 
    {
        width:40%;
    }
    .visionAdditionalRegisterTable td:nth-child(2n) 
    {
        width:60%;
    }
}
@media only screen and (max-width:720px)
{
    .dialogcontentclass
    {
        height:auto !important;
    }
}
@media only screen and (max-width:375px)
{
    .visionRegisterTermesDialog
    {
        width:99% !important;
        left:0.5% !important
    }
}
@media only screen and (min-width:376px) and (max-width:500px)
{
    .visionRegisterTermesDialog
    {
        width:90% !important;
        left:5% !important
    }
}
@media only screen and (min-width:501px) and (max-width:580px)
{
    .visionRegisterTermesDialog
    {
        width:70% !important;
        left:15% !important
    }
}
@media only screen and (min-width:581px) and (max-width:680px)
{
    .visionRegisterTermesDialog
    {
        width:60% !important;
        left:20% !important
    }
}
@media only screen and (min-width:681px) and (max-width:720px)
{
    .visionRegisterTermesDialog
    {
        width:50% !important;
        left:25% !important
    }
}
@media only screen and (min-width:721px) and (max-width:768px)
{
    .visionRegisterTermesDialog
    {
        width:50% !important;
        left:25% !important
    }
}
/*end of  media queries */
/* end of css for the register page 20-09-2016 */
/* css for the Form data 23-09-2016 */
.registrationgeneric
{
    float: left;
    width: 100%;
    border-radius: 10px;
    border: 1px #0071c5 solid;
    margin: 5px 0;
}
.visionRegisterGenericForm
{
    margin: 10px 0px;
    width: 100%;
    float: left;
    height: auto;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1em;
}
.visionRegisterGenericTable
{
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto; 
    border-spacing: 0;
}
.visionRegisterMaterialCreation
{
    vertical-align: top;
    width: 87%; 
    margin: 0;
    padding: 0;
    border: 0;
    height: 21px;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionRegisterMaterialFormTable
{
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
    vertical-align: top;
    border-spacing: 0;
}
.visionRegisterMaterialFormTable th
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bolder;
    margin: 0;
    border: 0;
    height:auto;
    text-align: left;
    width: 10%;
    padding: 5px 5px;
    vertical-align:middle;
}
.visionRegisterMaterialFormTable th label
{ 
    white-space: nowrap;
}
.visionRegisterMaterialFormTable th input[type="text"]
{
    width: 84%;
    border-radius: 2px;
    background-color: #fff;
    text-transform: uppercase;
    margin-right:1%;  

}
/*.visionRegisterMaterialFormTable th select,responsiveTable th select
{
    width: 84%;
    border-radius: 2px;
    background-color: #fff;
    text-transform: uppercase;
    margin-right:1%;  

}*/
.responsiveTable th input[type="text"],
.visionRegisterMaterialFormTable th select, 
.responsiveTable th select, 
.visionRegisterMaterialFormTable th textarea,
.responsiveTable th textarea{
    width: 84%;
}
.visionRegisterMaterialFormTable th input[disabled],.visionRegisterMaterialTabsTable input[disabled]
{
    border: 1px solid #000 !important;
    opacity: 0.9;
    background-color: #fff;
    cursor:auto;
}
.visionRegisterMaterialFormTable .CLASS_TERM
{
    /*width: 95% !important;*/
}
.visionColSpan3Class
{
    width: 95% !important;
}
.visionRegisterMaterialFormTable img,.visionRegisterMaterialImagePanel img
{
    padding-left: 2px;
    vertical-align: middle;
    width: 12px;
    height: 12px;
}
.visionRegisterMaterialImage
{
    vertical-align: middle;
    margin: 0;
    padding: 0;
    padding-right: 5px;
    border: 0;
}
.visionRegisterMaterialImagePanel
{
    width: 100%;
    height: 150px;
    box-sizing: border-box;
    margin: 0px;
    border: 1px #0071c5 solid;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}
.visionFormDataPlus
{
    width: 13px;
    height: 13px;
    vertical-align: middle;
}
.visionRegisterMaterialImagePanel img
{
    width: 102%;
    height: 102%;
    border: medium hidden;
    overflow: hidden;
    margin: -2px;
}
.button_Save
{
    background-image: url('../images/save_icon2.png');
}
.button_Save:hover
{
    background-image: url('../images/save_icon_hover.png');
}
.button_Duplicate_Check
{
    background-image: url('../images/duplicate_check_icon1.png');
}
.button_Duplicate_Check:hover
{
    background-image: url('../images/duplicate_check_hover.png');
}
.button_Delete
{
    background-image: url('../images/delete_icon1.png');
}
.button_Delete:hover
{
    background-image: url('../images/delete_icon_hover.png');
}
.button_CheckOpenDocs
{
    background-image: url('../images/Open_Docs_Icon.png');
}
.button_CheckOpenDocs:hover
{
    background-image: url('../images/Open_Docs_Icon_white.png');
}
.button_Submit
{
    background-image: url('../images/submit_icon_blue.png');
}
.button_Submit:hover
{
    background-image: url('../images/submit_icon_white.png');
}
.button_Copy
{
    background-image: url('../images/copy_icon _blue.png'); 
}
.button_Copy:hover
{
    background-image: url('../images/copy_icon _white.png'); 
}
.button_Generate_Description
{
    background-image: url('../images/generate_description_icon2_blue.png');
}
.button_Generate_Description:hover
{
    background-image: url('../images/generate_description_icon2_white.png');
}
.button_register,.button_Register,.button_Create,.button_create,.createPDRGroup
{
    background-image: url('../images/register_icon_blue.png'); 
}
.button_register:hover,.button_Register:hover,.button_Create:hover,.button_create:hover,.createPDRGroup:hover
{
    background-image: url('../images/register_icon_white.png'); 
}
.button_Clear_Filter
{
    background-image: url('../images/filter_search.png');  
}
.button_Clear_Filter:hover
{
    background-image: url('../images/filter_icon_white.png');  
}
.button_Unblock,.button_Unblock_Vendors_In_ERP,.button_Undelete_Request
{
    background-image: url('../images/unblock_icon_new_form.png');  
}
.button_Unblock:hover,.button_Unblock_Vendors_In_ERP:hover,.button_Undelete_Request:hover
{
    background-image: url('../images/unblock_icon_new_white_form.png');  
}
.button_Approve
{
    background-image: url('../images/approve_icon2.png');  
}
.button_Approve:hover
{
    background-image: url('../images/approve_icon2_white.png');  
}
.button_Retrieve
{
    background-image: url('../images/retrieve_icon_blue.png');  
}
.button_Retrieve:hover
{
    background-image: url('../images/retrieve_icon_white.png');  
}
.button_Block,.button_Delete_Request
{
    background-image: url('../images/block_icon_new_1_form.png');  
}
.button_Block:hover,.button_Delete_Request:hover
{
    background-image: url('../images/block_icon_new_white_form.png');  
}
.button_Return_Requester,.button_Return,.button_Return_Approver,.button_ReturnRequester,.button_ReturnRegistrar,.button_Return_Requestor,.button_ReturnApprover
{
    background-image: url('../images/return_icon.png');  
}
.button_Return_Restore,.button_Restore
{
    background-image: url('../images/restore_icon.png'); 
}
.button_Return_Requester:hover,.button_Return:hover,.button_Return_Approver:hover,.button_ReturnRegistrar:hover,.button_ReturnRequester:hover,.button_Return_Requestor:hover,.button_ReturnApprover:hover
{
    background-image: url('../images/return_icon_white.png');  
}
.button_Return_Restore:hover,.button_Restore:hover
{
    background-image: url('../images/restore_icon_white.png');   
}
.button_Change,.button_Enrich,.button_DescriptionChange,.button_StockChange
{
    background-image: url('../images/change_icon.png');
}
.button_Change:hover,.button_Enrich:hover,.button_DescriptionChange:hover,.button_StockChange:hover
{
    background-image: url('../images/change_white.png');
}
.button_Extend
{
    background-image: url('../images/extensions_icon_1.png');
}
.button_Extend:hover
{
    background-image: url('../images/extensions_icon_1_white.png');
}
.button_Transfer_To_ERP,.button_Transfer_to_ERP,.button_Transfer_to_SAP,.button_Transfer_To_SAP
{
    background-image: url('../images/transfer_to_ERP.png');
}
.button_Transfer_To_ERP:hover,.button_Transfer_to_ERP:hover,.button_Transfer_to_SAP:hover,.button_Transfer_To_SAP:hover
{
    background-image: url('../images/transfer_to_ERP_white.png');
}
.visionRegisterMaterialAccordians
{
    margin-bottom:40px;
    float: left;
    width: 100%;
    margin: 10px 0;
    border: 1px #2694e8 solid;
    position: relative;
    border-radius: 10px;
}
.visionRegisterMaterialSubAccordians
{
    margin-bottom:40px;
    float: left;
    width: 100%;
    margin: 10px 0;
    /*border: 1px #2694e8 solid;*/
    position: relative;
    border-radius: 10px;
}
.visionRegisterMaterialAccordians .accordian .ui-accordion-content,.visionRegisterMaterialSubAccordians .accordian .ui-accordion-content
{
    overflow: hidden;
    margin-top: 0px;
}
.visionRegisterMaterialAccordians table,.visionRegisterMaterialSubAccordians table
{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionRegisterMaterialAccordians table td,.visionRegisterMaterialAccordians table th,.visionRegisterMaterialSubAccordians table td,.visionRegisterMaterialSubAccordians table th
{
    margin: 0;
    padding: 0;
    border: 0;
    height: 20px;
    font-weight: bolder; 
}
.visionRegisterMaterialAccordians table th,.visionRegisterMaterialSubAccordians table th{
    width:13.3%;
    text-align:left;
}
sub, sup 
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    top: -0.5em;
}
.visionRegisterMaterialTabsTable input[type="text"]
{
    margin: 3px 0px !important;
    border-radius: 2px;
    border: 1px solid #333;
    width: 88%;
    max-width: 89%;
}
.visionRegisterMaterialTabsTable td,.visionRegisterMaterialTabsTable th
{
    text-align: left;
    vertical-align: middle;
}
.visionRegisterMaterialTabsTable td img,.visionRegisterMaterialTabsTable th img,.visionRegisterMaterialAccordians  .erpdatatable img,.visionRegisterMaterialAccordians  .erpdatatable img
{
    padding-left: 3px;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    text-align: left;
}
.visionRegisterMaterialTabsTable select
{
    width: 88%;
    max-width: 89%;
    margin: 3px 0px !important;
}
.visionRegisterMaterialTabsTable input[type="checkbox"]
{
    margin: 3px 3px 3px 0px;
}
.visionFormEncloseTable 
{
    margin-top: 5px;
    border-collapse: separate;
    border: solid #0071c5 1px;
    border-radius: 3px;
    width: 30%;
}
.visionFormEncloseTable  th 
{
    border: 1px solid #0071c5;
    text-align: center;
    vertical-align: middle;
}
.visionFormEncloseTable select,.visionFormEncloseTable select:disabled
{
    border: 1px solid #B6B6B4
}
.visionRegisterMaterialTabsTable .teleMulti0,.visionRegisterMaterialTabsTable .mobMulti0,.visionRegisterMaterialFormTable .mobMulti0
{
    width:18% !important;
}
.visionRegisterMaterialTabsTable .taxMulti0
{
    width:68% !important;
}
.visionRegisterMaterialTabsTable .taxMulti1
{
    width:20% !important;
}
.visionRegisterMaterialTabsTable .teleMulti1
{
    width:20% !important;
}
.visionRegisterMaterialTabsTable .teleMulti2
{
    width:50% !important;
}
.visionRegisterMaterialTabsTable .mobMulti1
{
    width:70% !important;
}
.visionRegisterMaterialFormTable .mobMulti1
{
    width:66% !important; 
}
.visionRegisterMaterialFormTable .CATEGORY
{
    width:84% !important;  
}
.ERP_COMMENT
{
    width:97% !important;
}
.visionFormIconsTable td img
{
    width: 13px;
    cursor: pointer;
    height: 13px;
    margin-left: 5px;
    padding-left:0px !important;
}
.visionRegisterMaterialAccordians  .erpdatatable td,.visionRegisterMaterialAccordians  .erpdatatable th
{
    padding: 4px;
}
.visionRegisterMaterialAccordians .prop_imgClass 
{
    position:relative !important;
    bottom:0px !important;
    width: 12px;
    height: 12px;
    vertical-align: middle !important;
    margin-right: 5px !important;
}
.propMandatory{
    color:red;    
}
.propNormal, .propMandatory{
    padding: 3px;
}
.visionRegisterMaterialAccordians .propertypopup 
{
    padding: 3px 5px;
    text-align:center;
}
.visionRegisterMaterialAccordians .ui-datepicker-trigger
{
    margin: 0px;  
}
.visionRegisterMaterialAccordians .hasDatepicker
{
    vertical-align: middle;
}
.visionRegisterMaterialAccordians .jqx-grid-cell-selected
{
    background: #fff;
}         
.hierarchytbl
{
    text-align: left;
    width: 100%;  
}     
.hierarchytbl img
{
    width:12px;
    height:12px;
    vertical-align: sub;
    margin-left: 2px;
}
.hierarchytbl input[type="text"]
{
    width:85%;  
} 
.visionRegisterMaterialAccordians .visionEnclosureTable,.visionRegisterMaterialAccordians .visionEnclosureVMTable
{
    margin-top: 5px;
    border-collapse: separate;
    border: solid #0071c5 1px;
    border-radius: 3px;
    width: 30%;
}   
.visionRegisterMaterialAccordians .visionEnclosureTable td:first-child,.visionRegisterMaterialAccordians .visionEnclosureVMTable td:first-child 
{
    width: 30%;
}
.visionRegisterMaterialAccordians .visionEnclosureTable td,.visionRegisterMaterialAccordians .visionEnclosureVMTable td 
{
    border: 1px solid #0071c5;
    border-bottom: 0px;
    border-left: 0px;
    vertical-align: middle;
    padding: 2px;
}
.visionEnclosureVMTable .attachHeader
{
    color: #fff;
    text-align: center;
    background-color: #0071c5;
}
.visionRegisterMaterialAccordians .visionEnclosureVMTable th 
{
    border: 1px solid #0071c5;
    text-align: center;
    vertical-align: middle;
}
.visionEnclosureVMTable .visionFileUpload
{
    background-image:none;
    width:auto;
    padding: 2px 5px;
}
.visionDeleteAttachment
{
    margin: 2px; 
    cursor: pointer; 
    /*margin-left: 94%;*/
    width:16px;
    height:16px;
}
.visionFormTheDialog
{
    width:100%;
    height:450px;
    border:0;
}
.visionDisplaySomeDiv
{
    display:none;
}
.visionEnclosureTable  .visionFileUpload,.visionEnclosureTable  .visionFileUpload:hover
{
    float: right;
    border-style: none;
    background-image: url(../images/attach_pin_icon_blue.png) !important;
    background: #fff;
    background-repeat: no-repeat;
    background-position: center;
    height: 18px;
    border: 0 !important;
}
.visionEnclosureTable  .visionFileUpload:hover
{
    background-color:#fff !important;
}
.button_Instantiate
{
    background-image: url(../images/re-instantiate_icon.png); 
}
.button_Instantiate:hover
{
    background-image: url(../images/re-instantiate_icon_white.png); 
}
.registrationgeneric th input
{
    border: 1px solid #000;
}
.visionTabMenuFormData
{
    width: 100%;
}
.visionRegisterMaterialFormTable th input[type="text"],.responsiveTable th input[type="text"],.visionRegisterMaterialFormTable th select,.responsiveTable th select,.visionRegisterMaterialFormTable th textarea,.responsiveTable th textarea
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    border:1px solid #333;
    background-color:#fff;
    text-transform: uppercase;
}
.noborder
{
    border:0 !important;
}
.visionRegistartionGeneric input[type="text"]
{
    text-transform: uppercase;
}
.visionAccordionSeperator
{
    background:#0071c5;
    height:1px;
    width:100%;
    margin-top:5px;
    margin-bottom:0px;
}
.visionRegisterMaterialAccordians .ui-accordion-content,.visionRegisterMaterialSubAccordians .ui-accordion-content
{
    margin-bottom:0px; 
}
.visionDeleteReason
{
    width: 23em;
    height: 6em;
}
.visionFormImageView .ui-dialog-title
{
    padding:5px !important;
}
.visionFormAttachImage
{
    width:100%;
}
.ACCEPT_COMMENT
{
    width:97% !important;
}
/* css for form data sticky header */
.visionRegisterMaterialAccordians .tg-wrap ,.visionRegisterMaterialSubAccordians .tg-wrap 
{
    padding-top: 0px;
    border: 1px solid #0071c5;
    border-radius: 3px;
}
.visionRegisterMaterialAccordians .sticky-wrap,.visionRegisterMaterialSubAccordians .sticky-wrap
{
    /*overflow-x: auto;*/
    overflow-x:hidden;
    /*overflow-y: auto;*/
    position: relative;
    margin: 0px 0 0 0;
    width: 100%;
}
.visionRegisterMaterialAccordians .sticky-wrap th ,.visionRegisterMaterialSubAccordians .sticky-wrap th 
{
    padding: 0.4%;
    text-align:center;
}
.visionRegisterMaterialAccordians .tg-wrap .tg td:last-child ,.visionRegisterMaterialSubAccordians .tg-wrap .tg td:last-child 
{
    border-right: 0px;
}
.visionRegisterMaterialAccordians .tg-wrap .tg ,.visionRegisterMaterialSubAccordians .tg-wrap .tg 
{
    border:0;
}
/*end of  css for form data sticky header */
.visionFormCharactristics
{
    width:100%;
}
.visionFormCharactristicsInput,.visionFormCharactristicsImg,.visionFormCharactristicsInputUOM,.visionFormCharactristicsImgUOM
{
    float:left;
}
.visionFormCharactristicsInput
{
    width:83%;
    padding-left:1%;
}
.visionFormCharactristicsInputUOM
{
    width:77%;
    padding-left:1%;
}
.visionFormCharactristicsImg
{
    width:11%;
    text-align:center;
    padding-left:4%;
}
.visionFormCharactristicsImgUOM
{
    width:18%;
    text-align:center;
}
.visionFormCharactristicsInput input,.visionFormCharactristicsInputUOM input
{
    width:100%;
}
.visionFormCharactristicsImg img,.visionFormCharactristicsImgUOM img
{
    vertical-align:middle;
    cursor:pointer;
}
/* css for the drop down with search */
.chosen-container {
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width:120px !important;
}
.chosen-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.chosen-container .chosen-drop {
    position: relative;
    top: 100%;
    left: -9999px;
    z-index: 9999;
    width: 100%;
    border: 1px solid #0071c5;
    border-top: 0;
    background: #fff;
}
.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}
.chosen-container a {
    cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    height: 25px;
    border: 1px solid #0071c5;
    border-radius: 5px;
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}
.chosen-container-single .chosen-default {
    color: #999;
}
.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}
.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
    width: 100%;
    height: 22px;
    outline: 0;
    border: 1px solid #aaa;
    background: white url('chosen-sprite.png') no-repeat 100% -20px;
    background: url('chosen-sprite.png') no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}
.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 100px;
    -webkit-overflow-scrolling: touch;
    z-index:999
}
.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #0071c5;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #0071c5), color-stop(90%, #0071c5));
    background-image: -webkit-linear-gradient(#0071c5 20%, #0071c5 90%);
    background-image: -moz-linear-gradient(#0071c5 20%, #0071c5 90%);
    background-image: -o-linear-gradient(#0071c5 20%, #0071c5 90%);
    background-image: linear-gradient(#0071c5 20%, #0071c5 90%);
    color: #fff;
}
.chosen-container .chosen-results li.no-results {
    color: #fff;
    display: list-item;
    background: #0071c5;
}
.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}
.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}
.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    cursor: text;
}
.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}
/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #0071c5;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #0071c5;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background:#0071c5;
    color:#fff;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}
.chosen-disabled .chosen-single {
    cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}
.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}
.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}
.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}
.chosen-rtl .chosen-choices li {
    float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
    left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: white url('chosen-sprite.png') no-repeat -30px -20px;
    background: url('chosen-sprite.png') no-repeat -30px -20px;
    direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url('chosen-sprite@2x.png') !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}
/* @end */
/* css for the drop down with search */
.labelMandColorRed
{
    color: #FF0000;
}
.visionFormTitleName 
{
    padding-bottom: 5px;
}
.visionFormTitleName span
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    color:#0071c5;
    font-size:14px;
    font-weight:bold;
}
/* css for the expand and collapse */
#floatingShare{
    text-align: center;
}
#floatingShare a{
    width:42px;
    height: 42px;
    display:list-item;
    list-style-type: none;
}
#floatingShare a, a:visited, a:focus, a:active, a:hover {
    outline: 0 none !important;
}
/* icon sizes */
#floatingShare i{
    line-height: inherit;
    font-size: 24px;
    text-align: center;
}
#floatingShare .top-left
{
    position: fixed;
    right:-0.1%;
    z-index:999;
}
#floatingShare .top-right{
    position: fixed;
    top: 20%;
    right:0%;
}
.shareCount{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    color: #dddddd;
    font-size:  30px;
}
.mtop5{
    margin-top: 5px;
}
.visionExpandAll
{
    width: 30px !important;
    background-position: center center !important;
    padding: 0px !important;
    font-size: 18px !important;
    font-weight: normal !important;
    height: 30px !important;
}
/* end of css for the expand and collapse */
.visionEncFileUpload
{
    background: #fff url(../images/attach_pin_icon_blue.png) no-repeat 5px center !important;
    width:16px !important;
    border:0 !important;
}
.visionEncloureDateInput
{
    display:flex;
    vertical-align:middle;
}
.visionEncloureDateInput input[type='text']
{
    margin-right:4px;
    width: 80px;
}
.visionEncloureDateInput img
{
    width:13px;
    height:13px;
    vertical-align:middle;
    padding-top: 3.5px;
}
.ui-datepicker-trigger
{
    cursor:pointer;
}
.button_Send_Mail
{
    background-image: url(../images/send_email_icon_blue.png); 
}
.button_Send_Mail:hover
{
    background-image: url(../images/send_email_icon_white.png); 
}
.button_Evaluation
{
    background-image: url(../images/re_evaluation_blue.png); 
}
.button_Evaluation:hover
{
    background-image: url(../images/re_evaluation.png); 
}
/* Css fro the sub charactristics */
.visionSubProperties .tg-wrap
{
    padding-top:0px;
}
.visionSubProperties .sticky-wrap
{
    margin:0;
}
.visionSubProperties .tg-wrap .tg .tg-vro8
{
    padding: 1.4%;
}
.visionSubFormCharactristics
{
    width: 85%;
    padding-left: 1%;
    padding-right: 3%;
}
.tg-wrap .tg .visionSubTitleCharactristics
{
    padding:0.7%;
}
.tg-wrap .tg .visionSubTitleCharactristics
{
    text-align:left;
    padding-left:3%;
}
/*end of Css fro the sub charactristics */
/*start of the css of Evaluation process*/
.visionFormEvaluation
{
    width:100%;
}
.visionFormEvaluationDropdown
{
    width: 82%;
    padding: 5px 0;
    display: inline-block;
}
.visionFormEvaluationLabel,.visionFormEvaluationSelect
{
    width:50%;
    float:left;
}
.visionFormEvaluationLabel
{
    line-height: 20px;
    text-align: left;
}
.visionFormEvaluationTextarea
{
    width:100%;
    padding: 5px 0;
    display: inline-block;
    text-transform: uppercase;
}
.visionFormEvaluationSelect select
{
    width:100%;
}
.visionFormEvaluationTextarea textarea 
{
    height: 60px; 
    width: 80%;
}
.visionFormEvaluationSelectmain
{
    width:100%;
}
.visionFormEvaluationProcess textarea
{
    width:100%;
    height: 80px;
    text-transform: uppercase;
}
.visionFormEvaluationInformation{
    background: #f5f5f5;  
}
/* media queries */
@media only screen and (max-width:810px)
{
    .visionFormEvolutionDialog
    {
        width:99% !important;
        left:0.5% !important;
    }
}
/* end of media queries */
/*end of css of Evaluation process */
.visionFormVMDuplicateMain
{
    margin:0 auto;
    overflow: scroll;
    height: 300px;
}
.visionFormVMDuplicateMainInner
{
    /*    border:1px solid #0071c5;
        border-radius:3px; */
}
.visionFormVMDuplicateTable
{
    border-collapse: collapse;
    margin:0 auto;
    width:100%;
    border-spacing:0;
}
.visionFormVMDuplicateHeader
{
    border-left:1px solid #fff;
    background:#0071c5;
    color:#fff;
    padding:1px;
    text-align:center;
    font-weight:bold;
    font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionFormVMDuplicateTable .visionFormVMDuplicateHeader:first-child
{
    border-left:0px;
}
.visionFormVMDuplicateData
{
    font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:left;
    padding:5px;
    color:#333;
    border-top:1px solid #0071c5;
    border-left:1px solid #0071c5;
    word-break:normal;
}
.visionFormVMDuplicateTable .visionFormVMDuplicateData:first-child
{
    border-left:0px;
}
.visionFormExtendDropdown
{
    width:100%;
    display: flex;
    justify-content: center;
}
.visionFormExtendTitle,.visionFormExtendInfo
{
    float:left;
    width:auto;
}
.visionFormExtendInfo
{
    padding-left:2%;
}
.visionFormVMDuplicateTable tr:last-child td:first-child {
    border-bottom-left-radius: 3px;
}
.visionFormVMDuplicateTable tr:last-child td:last-child {
    border-bottom-right-radius:3px;
}
pre{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;word-break: initial;
    white-space: pre-wrap;
}
.visionOldChar{
    display: block;
    position: absolute; 
    margin:-24.15% 0 0 51.5% !important;
    width:45.9% !important;
}
.visionRegisterMaterialTableTab{
    -webkit-user-select: none; /* Safari */
}
/* css for the media queries */
@media only screen and (max-width:1040px)
{
    .registrationgeneric table .visionRegisterMaterialCreation
    {
        width: 100%;
        display: table-row;
    }
    .visionRegisterMaterialAccordians .ui-accordion-content,.visionRegisterMaterialSubAccordians .ui-accordion-content
    {
        width:99%;
        margin:0 auto;
    }
    .responsiveTable 
    {
        width: 100% !important;
    }
    .responsiveTable tr:not(.ResponsiveTr) th:nth-child(2n+1) 
    {  
        white-space: normal;
    }
    .visionRegisterMaterialTableTab .jqx-tabs,.visionRegisterMaterialTableTab .jqx-grid
    {
        width:99% !important;
        margin:0 auto;
    }
    .visionRegisterMaterialAccordians table td, .visionRegisterMaterialAccordians table th ,.visionRegisterMaterialSubAccordians table td, .visionRegisterMaterialSubAccordians table th 
    {
        height:auto;
    }
    .visionRegisterMaterialFormTable th .visionFormDataInputValue,.responsiveTable th .visionFormDataInputValue
    {
        width: 78% !important;
    }
    .visionRegisterMaterialFormTable th input[type="text"] 
    {
        width: 88%;
    }
    .visionRegisterMaterialAccordians .ui-accordion-content,.visionRegisterMaterialSubAccordians .ui-accordion-content
    {
        padding:0;
    }
    .visionRegisterMaterialAccordians .jqx-grid,.visionRegisterMaterialSubAccordians .jqx-grid
    {
        width:99% !important;
        margin:0 auto;
    }
}
@media only screen and (max-width:768px)
{
    .registrationgeneric table .visionRegisterMaterialImage
    {
        display: table-row;
        text-align: center;
        text-align: -webkit-center;
        text-align: -moz-center;     
    }
    .visionFormDataButtons
    {
        padding-top: 20px;
    }
}
@media only screen and (max-width:360px)
{
    .visionEnclosureVMMain
    {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: auto 0px;
    }
    .visionRegisterMaterialAccordians .visionEnclosureTable,.visionRegisterMaterialSubAccordians .visionEnclosureTable
    {
        width: 99%;
        margin: 0 auto;
    }
}
@media only screen and (min-width:361px) and (max-width:570px)
{
    .visionRegisterMaterialAccordians .visionEnclosureTable, .visionRegisterMaterialAccordians .visionEnclosureVMTable ,.visionRegisterMaterialSubAccordians .visionEnclosureTable, .visionRegisterMaterialSubAccordians .visionEnclosureVMTable 
    {
        width: 99%;
    }
}
@media only screen and (max-width:570px)
{
    .visionRegisterMaterialImagePanel
    {
        width: 50%;
    }
    .responsiveTable tr:not(.ResponsiveTr) th:nth-child(even) 
    {     
        width: 50% !important;   
        display: inline-block;
        padding: 5px;
    }
    .responsiveTable tr:not(.ResponsiveTr) th:nth-child(odd)  
    {
        width: 40%;
        display: inline-block;
        padding: 5px;
    }
    .visionRegisterMaterialAccordians .ui-accordion-header, .visionRegisterMaterialSubAccordians .ui-accordion-header
    {
        width: 80%;
    }
    .visionRegisterMaterialAccordians .visionEnclosureVMTable td:first-child ,.visionRegisterMaterialSubAccordians .visionEnclosureVMTable td:first-child 
    {
        min-width:100% !important;
    }
}
@media only screen and (min-width:571px) and (max-width:768px)
{
    .visionRegisterMaterialImagePanel
    {
        width: 24%;
    }
    .responsiveTable tr:not(.ResponsiveTr) th:nth-child(even) 
    {     
        width: 25% !important;   
        display: inline-block;
        padding: 5px;
    }
    .responsiveTable tr:not(.ResponsiveTr) th:nth-child(odd)  
    {
        width: 20% !important;
        display: inline-block;
        padding: 5px;
    }
    .visionRegisterMaterialAccordians .ui-accordion-header,.visionRegisterMaterialSubAccordians .ui-accordion-header
    {
        width: 50%;
    }
    .visionRegisterMaterialAccordians .visionEnclosureVMTable td:first-child , .visionRegisterMaterialSubAccordians .visionEnclosureVMTable td:first-child 
    {
        min-width:100% !important;
    }
    .visionRegisterMaterialAccordians .visionEnclosureTable, .visionRegisterMaterialAccordians .visionEnclosureVMTable ,
    .visionRegisterMaterialSubAccordians .visionEnclosureTable, .visionRegisterMaterialSubAccordians .visionEnclosureVMTable 
    {
        width: 60%;
    }
}
@media only screen and (min-width:769px) and (max-width:1040px)
{
    .visionRegisterMaterialFormTable th .CLASS_TERM 
    {
        /*width: 93% !important;*/
    }
    .visionColSpan3Class
    {
        width: 93% !important;
    }
}
@media only screen and (max-width:550px)
{
    .visionFormDataStepsDialog
    {
        width:99% !important;
        left:0.5% !important;
    }
}
@media only screen and (max-width:600px) 
{
    .visionFormDataDialogSuccess,.visionFormDuplicateDialog
    {
        width:99% !important;
        left:0.5% !important;
    }
}
/* common css for the dialog box width */
@media only screen and (max-width:360px) 
{
    .visionCommonDialog
    {
        width:99% !important;
        left:0.5% !important;
    }
}
@media only screen and (max-width:510px) 
{
    .visionForgotDialog,.visionSearchSaveDialog,.visionSearchImportDialog
    {
        width:99% !important;
        left:0.5% !important; 
    }
}
/* css for the portrait and landscape modes */
@media screen and (max-device-width :360px) and (orientation:portrait) 
{
    .visionFormImageView,.visionFormImageDelete
    {
        z-index:99999 !important;
    }
}
@media screen and (max-device-width :850px) and (orientation:landscape) 
{
    .visionFormImageView, .visionFormImageDelete,.visionFormDuplicateDialog,.visionFeedbackDialog,.visionFormDuplicatesDialog
    {
        z-index:99999 !important;
    }
}
@media screen and (max-device-width :350px) and (orientation:portrait) 
{
    .visionFormDuplicateDialog
    {
        z-index:99999 !important;
    }
}
@media only screen and (max-width:480px) 
{
    .visionVMImageTable
    {
        float:none !important;
        margin: 10px auto !important;
    }
    .visionVMViewImage img 
    {
        width:100%;
        display:block;
        max-width:100%;
    }
    .visionEnclosureVMTable
    {
        float:none !important;
    }
    .visionFormPdfView
    { 
        width:100%;
    }
}
@media only screen and (max-width:610px) 
{
    .visionFormDuplicatesDialog
    {
        width:99% !important;
        left:0.5% !important;
    }
}
@media only screen and (max-width:1110px) 
{
    .visionFormImageView
    {
        width:99% !important;
        left:0.5% !important;
    }
}
@media only screen and (max-width:680px) 
{
    .visionRegisterMaterialAccordians .sticky-wrap th,.visionRegisterMaterialAccordians .tg-wrap .tg .tg-vro8
    , .visionRegisterMaterialSubAccordians .sticky-wrap th,.visionRegisterMaterialSubAccordians .tg-wrap .tg .tg-vro8
    {
        padding: 0.5%;
        width:33.333%;
    }
    .visionRegisterMaterialAccordians .tg-wrap,.visionTabMenuFormData .tg-wrap,
    .visionRegisterMaterialSubAccordians .tg-wrap
    {
        width:99% !important; 
    }
    .visionRegisterMaterialAccordians .tg-wrap .tg,.visionTabMenuFormData .tg-wrap .tg
    ,.visionRegisterMaterialSubAccordians .tg-wrap .tg
    {
        width:100% !important;
        margin:0 auto;
    }
    .visionTabMenuFormData .tg-wrap
    {
        position:relative !important;
        top:0px !important;
        right:0px !important;
        left:0px !important;
    }
}
@media only screen and (max-width:980px)
{
    #floatingShare .top-left 
    {
        width:30px;
        height:30px;
        right:2.1%;
    }
}
@media only screen and (min-width:981px) and (max-width:1080px)
{ 
    #floatingShare .top-left 
    {
        right:2.0%; 
        width:30px;
        height:30px;
    }
}
@media only screen and (max-width:480px)
{
    .visionFormVMDuplicateMain,.visionFormVMDuplicateMainInner
    {
        width:100%;
        display:table;
    }
}
@media only screen and (max-width:610px)
{
    .visionFormDataDuplicateCheck
    {
        width:99% !important;
        left:0.5% !important;
    } 
}
@media only screen and (max-width:380px)
{
    .visionDialogAlignCommon{
        width:99% !important;
        left:0.5% !important;
    }
}
@media only screen and (max-width:440px)
{
    .visionDialogAlignMail{
        width:99% !important;
        left:0.5% !important;
    }
}
/***old char css start**/
@media screen and (min-width:320px) and (max-width:1040px)
{
    .visionOldChar{
        display: block;
        position: static;
        /*        width:auto;*/
        margin:0 !important;
    }
}
@media screen and (min-width:1537px) and (max-width:1920px)
{
    .visionOldChar{
        margin: -17.2% 0 0 50.7% !important;
    }
}
@media screen and (min-width:1367px) and (max-width:1536px)
{
    .visionOldChar{
        margin: -21.2% 0 0 50.7% !important;
    }
}
@media screen and (min-width:1281px) and (max-width:1366px)
{
    .visionOldChar{
        margin: -24.2% 0 0 50.7% !important;
    }
}
@media screen and (min-width:1041px) and (max-width:1280px)
{
    .visionOldChar{
        margin: -30.2% 0 0 50.7% !important;
    }
}
/***old char css end**/
@media screen and (min-width: 320px) and (max-width: 435px){ 
    .button_Copy{
        margin-top:2px !important
    }
}

/*@media screen and (min-width: 1800px) and (max-width: 1900px){ 
    .visionOldChar{
        margin: -17.15% 0 0 50.7% !important;
    }
}*/
/* end of css for the media queries */
/*end of css for the Form data 23-09-2016 */
/* css  for the data sheet page 6-10-2016 */
.visionDataSheetTable
{
    width: 100%; 
    text-align: center;
}
.visionDataSheetForm
{
    display: inline
}
.visionPrintsheet
{
    background: url("../images/print_icon_blue.png");
}
.visionPrintsheet:hover
{
    background: url("../images/print_icon_white.png");
}
.visionClosesheet
{
    background: url("../images/clear_icon_blue.png");
}
.visionClosesheet:hover
{
    background: url("../images/clear_icon_white.png");
}
.visionSendasemail
{
    background: url("../images/send_email_icon_blue.png");
}
.visionSendasemail:hover
{
    background: url("../images/send_email_icon_white.png");
}
.visionSaveaspdf
{
    background: url("../images/export_as_pdf_icon_new.png");
}
.visionSaveaspdf:hover
{
    background: url("../images/export_as_pdf_icon_new_white.png");
}
.visionDatasheetLoader
{
    position:fixed;
}
/* end of css  for the data sheet page 6-10-2016 */
/* css for the index manger 28-11-2016*/
.visionIndexManger
{
    width:100%;
    margin-top:20px;
}
.visionIndexMangerTitle h1
{
    text-align:center;
    color:#0071c5;
    font: 25px "Helvetica Neue",Helvetica,Arial,sans-serif; 
}
.visionIndexMangerButton 
{
    text-align:center;
}
.visionRefreshIndexBtn 
{
    background: url("../images/refresh_icon.png");
    width:16px;
    height:16px;
}
.visionRefreshIndexBtn:hover 
{
    background: url("../images/refresh_index_icon_white.png");
    width:16px;
    height:16px;
}
.visionProgressbar
{
    width:100%;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    margin:auto;
    height:50px;
    background: rgba(255,255,255,0.8);
}
.visionProgressbarContent
{
    text-align:center;
    font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#0071C5;
    margin-top:10px;
}
.visionProgressbarImage
{
    text-align:center;
    width: 20%;
    height: 15px;
    margin:0 auto;
}
.visionProgressbarImageInner
{
    background: #0071c5;
    height: 15px;
    width: 0%;
    max-width: 100%;
    -webkit-animation: progress 2s 1 forwards;
    -moz-animation: progress 2s 1 forwards;
    -ms-animation: progress 2s 1 forwards;
    animation: progress 2s 1 forwards;
    border-radius: 5px;
}
.visionProgressbarImageMain
{
    height: 15px;
    width: 100%;
    overflow: hidden;
    background: url(../images/loading_bg.gif) repeat-x;
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
    filter: alpha(opacity=25);
}
@-webkit-keyframes progress { 
    from { }
    to { width: 100% }
}
@-moz-keyframes progress { 
    from { }
    to { width: 100% }
}
@-ms-keyframes progress { 
    from { }
    to { width: 100% }
}
@keyframes progress { 
    from { }
    to { width: 100% }
}
/* end of css for the index manger 28-11-2016 */
/* css for the ERP Data Tables 29-11-2016 */
.visionERPBaseTable
{
    width:100%;
}
.visionERPBaseTableInner
{
    width:160px;
    float:left;
    border:2px solid #0071c5;
    border-radius:6px;
    margin:5px;
    background: #EAF9FF;
    cursor: pointer;
}
.visionERPBaseTableContent
{
    padding:10px;
}
.visionERPBaseTableImage,.visionERPBaseTableData
{
    width:100%;
    text-align: center;
}
.visionERPBaseTableData span
{
    font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#333;
    font-weight:bold;
}
/* common dialog and icon split */
.visionDialogSperate
{
    width:100%;
}
.visionDialogSperateImage
{
    width:auto;
    float:left;
}
.visionDialogSperateImage img
{
    width:30px;
    vertical-align: middle;
}
.visionDialogSperateContent
{
    width:auto;
    float:left;
    text-align: left;
    padding: 0px 1.9%;
}
.visionDialogSperateContent span
{
    font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height:20px;
}
.visionDialogSplitTable  
{
    border-collapse:collapse;
    border-spacing:0;
    margin:0px auto;
    width:100%;
}
.visionDialogSplitTable td
{
    padding: 5px;
    word-break:normal;
    vertical-align:middle
}
/* end of  common dialog and icon split */
/* end of the ERP Data Tables 29-11-2016 */
/*Starting of Css of header select box*/
.visionMenuSelect {
    background-image: url("../images/arrowSelect.png"), linear-gradient(to right, white 70%, #CD1816 70%, #CD1816 71%, #fff 71%, #fff 100%);
    background-position: 47px center, center center;
    background-repeat: no-repeat;
    border-radius: 3px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 62px;
    height: 22px;
    margin-left: 5px;
}
.visionMenuSelect select {
    padding: 4px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 22px;
}
.visionMenuSelect select:focus {
    outline: none;
}
.visionMenuSelect select option {
    background: #fff;
    color: #000;
}
/*Ending of css of header select box*/
/* css for the mass data process */
.visionMassDataProcess
{
    padding-top:10px;
    width: 100%;
}
.visionMassProcess
{
    background: url("../images/process_icon_blue.png");
}
.visionMassProcess:hover
{
    background: url("../images/process_icon_white.png");
}
.visionMassDownload
{
    background: url("../images/download.png");
}
.visionMassDownload:hover
{
    background: url("../images/download_icon_hover.png");
}
.visionMassExport
{
    background: url("../images/export_icon_blue.png");
}
.visionMassExport:hover
{
    background: url("../images/export_icon_white.png");
}
.visionMassValidate
{
    background: url("../images/submit_icon_blue.png");  
}
.visionMassValidate:hover
{
    background: url("../images/submit_icon_white.png");  
}
.visionMassSelect
{
    height:25px;
    font-weight: bold;
    color: #0071c5;
    border: 1px solid #0071c5;

}
.visionMassFileUpload,.visionMassFileUpload:hover
{
    float:left;
    height:19px;
}
.visionMassFileUpload .autostructureupload 
{
    line-height: 20px;
    height: 20px;   
}
.visionMassDataButtons
{
    width:100%;
}
.visionMassDataButtonInner
{
    float:left;
    padding: 0 3px;
}
.visionMassButtonAlign 
{
    width:100%;
}
.visionMassPersButtons
{
    width:35%;
    display:flex;
    justify-content:flex-end; 
    float:left;
}
.visionMassDataButtons
{
    width:65%;
    float:left;
}
.visionMassPersonalise .personaliseoption
{
    float:left;
    margin:0;
}
.visionMassPersonalise .personaliseoption .ui-accordion-header1 
{
    height: 25px;
    line-height: 24px;
    padding: 0 0.5em;
}
.visionMassPersonalise  .personaliseoption .ui-accordion .ui-accordion-header1 .ui-icon1
{
    margin-top: 0px;
    top: 0%;
}
.visionMassPersonalise  img.navIcon.gear
{
    vertical-align:middle;
}
.visionMassDataProcessGrid
{
    width:99.9% !important;
}
@media screen and (max-width: 768px) 
{
    .visionMassDataButtons,.visionMassPersButtons
    {
        width:100%;
        display:flex;
        justify-content:center; 
        margin: 5px 0;
        flex-wrap: wrap;
    }
    .visionMassPersonaliseOption
    {
        width: 100%;
    }
    .visionMassPersonaliseOption .layoutoptions.ui-accordion
    {
        width: 100%;
        left:0%
    }
}
@media screen and (min-width: 768px) and (max-width: 880px)
{
    .visionMassDataButtons
    { 
        width:59%
    }
    .visionMassPersButtons
    {
        width:41%;
    }
    .visionMassPersonaliseOption
    {
        width: 100%;
    }
    .visionMassPersonaliseOption .layoutoptions.ui-accordion
    {
        width: 100%;
        left:0%
    }
}
@media screen and (min-width:320px) and (max-width:336px){ 

    .layoutoptions,.visionMassProcess{
        margin-top: 1px;
    }
}

@media screen and (min-width:320px) and (max-width:363px){  

    .visionMassSelect{
        margin-top: 1px;
    }
}

/* end of the css for the mass data process */
/* css for about us page */
.visionAbout
{
    width:100%;
    padding-top: 50px;
}
.visionAboutInner
{
    width:80%;
    margin:0 auto
}
.visionAboutTitle
{ 
    font: 30px "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
    color: #0071c5;
    font-weight: bold;
}
.visionAboutVersion
{
    font:25px "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
    color: #cd1816;
    padding: 25px 0;
}
.visionAboutAddress
{
    width:100%;
    padding:25px 0;
}
.visionAboutAddressTable  
{ 
    border-collapse:collapse;
    border-spacing:0;
    margin:0px auto;
}
.visionAboutAddressTable td
{
    padding: 9px;
    border: 1px solid #f5f1f1;
    overflow:hidden;
    word-break:normal;
    vertical-align:middle;
}
.visionAboutLabel
{
    font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
    background:#0071c5;
    color:#fff;
    font-weight: bold;
}
.visionAboutInfo
{
    font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
    background: #f8f8f8;
    color: graytext;
}
@media screen and (max-width: 767px) 
{
    .visionAboutAddressTable 
    {
        width: auto !important;
    }
    .visionAboutAddressTable col 
    {
        width: auto !important;
    }
    .visionAboutAddressTable 
    {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: auto 0px;
    }
}
/* end of css for about us page */

/* Vision about Page Starts  */
.visionProdInfo 
{
    width: 28.999%;
    padding: 10px;
    list-style-type: none;
    float: left;

}
.visionAbtProdInfo 
{
    width: 64.99%;
    border: 1px solid black;
    float: left;
    padding: 16px;
    margin-bottom: 10%;
}
.visionAbtProdListInfo
{
    border-top: 1px solid black;
}
.visionTechnologyTable
{
    border-collapse:collapse;
    margin-left:-4px;
    color:#0071c5;
}
.visionTechnologyTable th,.visionTechnologyTable td{
    border:1px solid black;
    border-collapse:collapse;
    padding:10px;
}
.visionProdMain,.visionProdPO,.visionProdVersion
{
    border-bottom:1px solid black;
    padding:10px;
    color:#0071c5;
}
.visionAbtMainBody
{

}
.visionProdHeaders
{
    color:#0071c5;
    text-align:center;
    padding:10px;
}
.visionProdTD
{
    color:#0071c5;
    padding: 14px;
    margin-left:-6px;
}
.visionProdMain
{
    color:#0071c5;
}
.visionMDRMList 
{
    margin: 2%;
    margin-top:-26px;
}
.visionProdRD
{
    margin-left:4%;
    color:#0071c5;
}
.visionMDRMList li
{
    line-height:42px;
    color:#0071c5;
}
.visionProdMngrs{
    margin-top: -47px;
    margin-left: 136px;
    line-height: 34px;
    color:#0071c5;
}
.visionProdPO
{
    height:48px;
}
.visionProdMngrName{
    margin-top: -5px;
    margin-left: 136px;
    color:#0071c5;
}
.visionProdPA{
    border-bottom:1px solid black;
    padding:10px;
    color:#0071c5;
}
.visionProdTA
{
    border-bottom:1px solid black;
    padding:10px;
    color:#0071c5;  
    margin-left:-6px;
} 


/*Media Queries start*/

@media only screen and (min-width: 320px) and (max-width: 419px) {
    .visionAbtProdInfo {
        width: 235px;
        margin-left: -7%;
    }
    .visionProdInfo{
        width: 265px;
        margin-left: -10%;
    }
}

@media only screen and (min-width: 420px) and (max-width: 519px) {
    .visionAbtProdInfo {
        width:266px;

    }
    .visionProdInfo{
        width: 96.999%;

    }
}
@media only screen and (min-width: 520px) and (max-width: 619px) {
    .visionAbtProdInfo {
        width:348px;

    }
    .visionProdInfo{
        width: 96.999%;

    }
}

@media only screen and (min-width: 721px) and (max-width: 1024px) {
    .visionProdInfo, .visionAbtProdInfo {
        width: 44%;
    }
    .visionAboutInner{

        width:100%;
    }
    .visionProdInfo
    {
        width:34%   
    }

    .visionAbtProdInfo{
        width: 57%;

    }
}
@media only screen and (min-width: 420px) and (max-width: 720px) {
    .visionTechnologyTable{
        margin-left:10px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 720px) {
    .visionProdRD {
        margin-left: 2%;
    }
}
/*Media Queries end*/
/* Vision about Page ends  */

/* css for the getting started */
.visionGettingStared
{
    width:100%;
}
.visionGettingTitle
{
    width:100%;
    padding: 30px 0;
    text-align: center;
}
.visionGettingTitle span
{ 
    text-align:center;
    font: normal 35px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#0071c5;
}
.visionGettingInform
{
    width:100%;
    padding:40px 0;
}
.visionGettingVideo
{
    width:33.33%;
    float:left;
    padding-bottom:15px;
}
.visionGettingVideoInner
{
    width:100%;
}
.visionGettingVideoInner video
{
    width:90%;
    margin: 0 auto;
    display: flex;
}
.visionGettingVideoTitle
{
    width: 90%;
    text-align: center;
    margin: 0 auto;
    padding: 25px 0;
}
.visionGettingVideoInfo
{
    width: 90%;
    margin: 0 auto;
}
.visionGettingVideoTitle span
{
    font: normal 19px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #0071c5;
    border-bottom: 2px solid #cd1816;
}
.visionGettingVideoInfo p
{
    font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: graytext;
    padding: 0;
    margin: 0;
    line-height: 23px;
    background: #f8f8f8;
    padding: 30px;
    border-radius: 3px;
}
.visionGettingTitle span b
{
    color: #cd1816;
    font-weight: 700;
}
.visionGettingVideoInner 
{
    width:90%;
    margin:0 auto;
    display:flex;
}
.visionGettingStartedVideoPlay
{
    width:100%;
    height:240px;
}
@media only screen and (max-width: 767px) {
    .visionGettingVideo {
        width:100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
    .visionGettingVideo {
        width:50%;
    }
}
/* end of the css for the getting started */
/* css for the user managment */
.visionBulkUser
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
}
.visionBulkUserHeader
{
    background: #0071c5;
    color: #fff;
    padding: 3px;
    font-weight: bold;
}
.visionBulkUserData
{
    padding: 4px;
    text-align: left;
}
.visionBulkUserMain
{
    border: 1px solid #0071c5;
    border-radius: 5px;
    height: 250px;
}
.visionBulkUser  .visionBulkUserData:nth-child(n + 2)
{
    border-left: 1px solid #0071c5;
    border-top: 1px solid #0071c5;
}
.visionBulkUser  .visionBulkUserData:nth-child(n+1)
{
    border-top: 1px solid #0071c5;
}
.visionUserMangementdata
{
    width:100%;
}
.visionUserMangementInputData,.visionUserMangementImage
{
    float:left;
}
.visionUserMangementInputData
{
    width: 65%;
}
.visionUserMangementImage
{
    width:10%;
    padding-left:2%;
}
@media only screen and (max-width:1110px)
{
    .visionUserManagementDialog
    {
        width: 99% !important;
        left:0.5% !important;
    }
}
@media only screen and (max-width:640px)
{
    .visionMasterDetailForm td:nth-child(2n+1) {
        width: 40%;
        padding: 3%;
    }
    .visionMasterDetailForm td:nth-child(2n) {
        width: 48%;
        padding: 3%;
    }
    .visionMasterDetailForm input[type='text']
    {
        width:80%;
    } 
    .visionMasterDetailForm td:nth-child(2n),.visionMasterDetailForm td:nth-child(2n+1),.visionMasterDetailForm tr
    {
        display:inline-block;
        clear:both;
    }
    .visionUserMangementInputData
    {
        width: 80%;
    }
    .visionUserMangementInputData input[type='text']
    {
        width:100%;
    }
}
@media only screen and (min-width:641px) and (max-width:1099px)
{ 
    .visionUserMangementInputData {
        width: 85%;
    }
    .visionUserMangementInputData input[type='text']
    {
        width:100%;
    }
    .visionUserMangementImage
    {
        padding-left: 4%;
    }
}
@media only screen and (max-width:350px)
{
    .visionUserManagementInnerDialog
    {
        width:99% !important;
        left:0.5% !important;
    }
}
/*end of  css for the user managment */
/* CSS for termes of use */
.visionTermesofUse
{
    width:100%;
}
.visionTermesofUseInner
{
    width:90%;
    margin:0 auto;
}
.visionTermesofUseInfo
{
    width:100%;
    text-align: center;
}
.visionTermesofUseTitle h1 
{
    font: 30px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #0071c5;
    font-weight: bold;
    padding-bottom: 30px;
}
.visionTermesofUseData span
{
    font: 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#fff;
    background:#0071c5;
    padding: 5px 35px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: auto;
    font-weight: bold;
    box-shadow: 1px 1px 2px #888888;
}
.visionTermesofUseData p,.visionTermesofUseData ul li,.visionTermesofUseData ol li
{
    font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: left;
    line-height: 22px;
}
.visionTermesofUseData
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.visionTermesofUseDataTitleMain
{
    background: #fbf8f8;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 15px 0;
}
@media screen and (max-width: 680px) {
    .visionTermesofUseInner
    {
        width:100%;
    }
    .visionTermesofUseData span
    {
        font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight:bold;
    }
}
@media screen and (max-width: 479px) 
{
    .visionTermesofUseData span
    {
        background:none;
        box-shadow:none;
        color:#0071c5;
        padding:0px;
        font-weight: 800;
    }
}
/* end of CSS for termes of use */
/* css for the contact page */
.visionContact
{
    width:100%
}  
.visionContactInner
{
    width:80%;
    margin:0 auto;
}
.visionContactServices
{
    width: 25%;
    float: left;
    border: 1px solid #f7f2f2;
    margin: 2% 4%;
    border-radius: 5px;
    background: #fffdfd;
}
.visionContactServicesInner
{
    width:100%;
    padding: 15px 0;
}
.visionContactServiceIcon
{
    border-radius: 50px;
    width: 45px;
    height: 45px;
    background: #eeecec;
    margin: 0 auto;
}
.visionContactServiceIcon img
{
    width:25px;
    height:25px;
    position:relative;
    top:10px;
    left:10px;
}
.visionContactServiceBorder
{
    border: 1px solid #cd1816;
}
.visionContactServiceTitle
{
    text-align: center;
    padding: 15px;
}
.visionContactServiceTitle span
{
    font: normal 18px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #0071c5;
}
.visionContactServiceInfo
{
    padding:5px;
    text-align:left;
}
.visionContactServiceInfo p
{
    font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    color: #555252;
    padding: 10px;
    line-height: 23px;
    margin: 5px 0;
}
.visionContactServiceButton
{
    padding: 0 5px;
    text-align:right;
}
.visionContactServiceButton span
{
    font: normal 14px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #0071c5;
    font-weight: bold;
    padding: 0px 10px;
}
.visionContactServiceButton a
{
    text-decoration:none;
}
.visionContactChat
{
    cursor:pointer;
}
.visionContactTitle
{
    text-align: center;
    padding-top: 40px;
    width: 80%;
    margin: 0 auto;
}
.visionContactTitle span
{
    font: normal 30px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #0071c5;
}
.visionContactTitle p
{
    font: normal 20px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #5D5D5D;
    line-height: 40px;
    font-weight: normal;
    width: 80%;
    margin: 35px auto;
}
.visionContactMainDivide
{
    height: 1px;
    width: 100%;
    background: #f7f1f1;
    margin-bottom: 30px;
}
/* integrated by RGA 21-12-2017 start  */
/* start of css for the Contact  flip */
.visionContactFlipBack,.visionContactFlipFront
{
    border-radius: 10px;
    height: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-sizing: border-box;
    background: #fff;
}
.visionContactFlip
{
    width: 100%;
}
.visionContactFlipBack span
{
    color: #0071c5;
    font-size: small;
    line-height: 21px;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    top: 50%;
    margin: auto;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    font-weight: bold;
    width: 100%;
    text-align: center;
}
.visionContactFlipBackImg{
    padding-right: 3px;
    z-index:99999;
    cursor: pointer;
    position: absolute;
    right:0;
    bottom:0;
}
.visionContactFlipFrontImg{
    padding-right: 3px;
    z-index:99999;
    cursor: pointer;
    position: absolute;
    right:0;
    bottom:0;
}
/* simple flip functionality*/
.visionContactFlipMain {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
}
/* START: Accommodating for IE */
.visionContactFlipMain.hover .visionContactFlipBack {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.visionContactFlipMain.hover .visionContactFlipFront {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/* END: Accommodating for IE */
.visionContactFlipFront, .visionContactFlipBack {
    width: 100%; 
}
.visionContactFlip {
    -webkit-transition:all 1.0s linear ;
    -webkit-transform-style: preserve-3d;
    -ms-transition:all 1.0s linear ;
    -moz-transition: all 1.0s linear;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: all 1.0s linear;
    transform-style: preserve-3d;
    position: relative;
}
.visionContactFlipFront, .visionContactFlipBack {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 1.0s linear;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: all 1.0s linear;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: all 1.0s linear;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: all 1.0s linear;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: all 1.0s linear;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
}
.visionContactFlipFront {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
}
.visionContactFlipBack {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
/* end of css for the Contact flip */
/* integrated by RGA 21-12-2017 end  */
@media only screen and (max-width: 500px) {
    .visionContactTitle
    {
        width:100%;
    }
    .visionContactTitle p
    {
        width:100%
    }
    .visionContactServices
    {
        width:100%;
        margin:2% 0;
    }
}
@media only screen and (min-width:501px) and (max-width:1030px) 
{
    .visionContactTitle p
    {
        width:100%
    }
    .visionContactServices
    {
        width: 45%;
        margin: 2% 2%;
    }
}
@media only screen and (min-width:1031px) and (max-width:1080px) 
{
    .visionContactServices
    {
        width: 28%;
        margin: 2% 2%;
    }
    .visionContactInner
    {
        width:90%;
    }
}
@media only screen and (min-width:1081px) and (max-width:1300px) 
{
    .visionContactServices
    {
        width: 28%;
        margin: 2% 2%;
    }
}
/* end of css for the contact page */
/* css for the page Error */
.visionPageNotFound{
    width: 70%;
    margin: 0 auto;
}
.visionPageNotFoundImg img,.visionPageNotFoundLogo img{
    max-width:100%;
    display:block;
}
.visionPageNotFoundLeft,.visionPageNotFoundRight{
    float:left;
}
.visionPageNotFoundLeft{
    width:50%;
}
.visionPageNotFoundRight{
    width: 50%; 
}
.visionPageNotFoundLogo{
    width: 40%;
    padding: 2.5%;
}
.visionPageNotFoundTitle p,.visionPageNotFoundMsg p{
    font: 11px/25px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
}
.VisionPageNotFoundCol{
    padding: 10px;
}
.visionPageNotFoundMsg p,.visionPageNotFoundTitle p{
    color: #0071c5;
}
.visionPageNotFoundTitle p{
    font-size:30px;
}
.visionPageNotFoundImg img{
    text-align: center;
    margin: 0 auto;
}
.visionPageNotFoundInner{
    padding-top:80px;
}
/*media queries */
@media only screen and  (max-width:700px)
{
    .visionPageNotFoundLeft,.visionPageNotFoundRight{
        width:100%;
        margin:0%;
        padding:0%;
    }
    .visionPageNotFoundInner{
        padding:0px;
    }
    .visionPageNotFoundLogo {
        text-align: center;
        margin: 0 auto;
    }
}
@media only screen and  (max-width:320px)
{
    .visionPageNotFoundTitle p{
        font-size:25px;
    }
}
/* end of media queries */
/* end of css for the page Error */
/* commom css for grid data alignment in middle */
.visionGridDataAlign
{
    width:100%;
    padding-left:1%; 
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.visionGridDataAlignInfo,.visionGridDataAlignImage
{
    float:left;
    padding:0 1%;
}
.visionGridDataAlignInfo
{
    width:85%;
    text-overflow: ellipsis;
    overflow: hidden !important;
}
.visionGridDataAlignImage
{
    width:10%; 
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right:0px;
}
.visionGridDataAlignImage img
{
    width:12px;
    height:12px; 
}
.visionGridDataAlignInput
{
    width:100%;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.visionGridDataAlignInputField,.visionGridDataAlignInputImage{
    float:left;
    padding:0 1%;
}
.visionGridDataAlignInputField
{
    width:80%;
}
.visionGridDataAlignInputImage
{
    width:16%;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right:0px;
}
.visionGridDataAlignInputField input[type='text']
{
    width:100%;
}
.visionGridDataAlignInputImage img
{
    width:12px;
    height:12px;
}
/* commom css for grid data alignment in middle */
/* css for the Synchronize Work Bench */
.visionSyncWB
{
    width:100%
}
.visionSyncWBInner
{
    width:100%;
    margin:0 auto;
    position:relative;
}
.visionSyncWBDropdown
{
    width:60%;
    margin:0 auto;
    padding: 1% 0px;
    border-bottom: 1px solid #f7f1f1;
}
.visionSyncWBTitle,.visionSyncWBSelect
{
    float:left;
    padding:1%;
}
.visionSyncWBSelect
{
    padding: 3%;
}
.visionSyncWBTitle span 
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 30px;
    color: #0071c5;
    font-size: 19px;
}
.visionSyncWBSelect select
{
    height: 30px;
    border: 1px solid #E1DDDD;
    color: #5D5D5D;
    font-size: 16px;
    padding: 0 5%;
}
.visionSyncWBDropdownTable  
{
    border-collapse:collapse;
    border-spacing:0;
}
.visionSyncWBDropdownTable td
{ 
    word-break:normal;
    vertical-align:middle;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.visionSyncWBDropdownTable td:first-child
{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}
.visionSyncWBOptions
{
    width:100%;
    padding: 2% 0;
    padding-bottom: 0%;
}
.visionSyncWBOptionsInner
{
    width:60%;
    margin:0 auto;
}
.visionSyncWBOptionsContent
{
    border: 5px solid #eeeeee; 
    padding: 4%;
}
.visionSyncWBOptionsTable,.visionSyncWBButtonsMainTable  
{
    border-collapse:collapse;
    border-spacing:0;
    margin:0px auto;
    width: 100%;
}
.visionSyncWBOptionsMainTable td
{
    border:0px;
}
.visionSyncWBOptionsMainTable  .visionSyncWBOptionsTable td
{ 
    padding: 8px;
    word-break:normal;
    vertical-align:middle;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #5D5D5D;
    border: 1px solid #e9e6e6;
}
.visionSyncWBOptionsMainTable .visionSyncWBOptionsTable th
{ 
    padding: 6px;
    word-break:normal;
    vertical-align:middle;
    font: normal 15px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    background:#0071c5;
    color:#fff;
    font-weight:bold;
    border-top-right-radius: 3px;
}
.visionSyncWBOptionsFirstTable th:first-child
{
    border-top-right-radius: 0px;
    border-top-left-radius: 3px;
}
.visionSyncWBOptionsSecondTable th:first-child
{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.visionSyncWBOptionsData
{
    width:100%;
}
.visionSyncWBOptionsInfo,.visionSyncWBOptionsCheck
{
    float:left;
    margin:0 auto;
}
.visionSyncWBOptionsInfo
{
    width:90%;
    text-align: center;
}
.visionSyncWBOptionsCheck
{
    text-align: center;
    width:10%;
}
.visionSyncWBOptionsMain
{
    padding: 2%;
}
.visionSyncWBOptionsMainContent
{
    background:#f8f8f8;
    border-radius:5px;  
}
.visionSyncWBButtons 
{
    width:100%;
}
.visionSyncWBButtonsInput
{
    width:33.333%;
    float:left;
    margin: 0 auto;
    text-align: center;
    line-height: 29px;
}
.visionSyncWBButtonsInner
{
    width:60%;
    margin:0 auto;
    text-align: center;
}
.visionSyncWBButtonsMain,.visionSyncWBButtonsSelect,.visionSyncWBButtonsLabel,.visionSyncWBButtonsCheck
{
    float:left;
}
.visionSyncWBButtonsMain,.visionSyncWBButtonsLabel
{
    width:80%;
}
.visionSyncWBButtonsSelect,.visionSyncWBButtonsCheck
{
    width:20%;
}
.visionSyncWBButtonsLabel span
{
    font: normal 14px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    color: #5D5D5D;
}
.visionSyncWBButtonsLabel
{
    text-align: left;
}
.visionSyncWBButtonsSelect
{
    line-height: 30px;
}
.visionSyncWBButtonsSubInner
{
    padding: 0.2%;
    background: #f8f8f8;
    display: inline-block;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.visionSyncWBButtonsInputLabel,.visionSyncWBButtonsInputButton
{
    width:auto;
    float:left;
    padding: 0 2%;
}
.visionSyncWBButtonsInputPoint
{
    background: #0071c5;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font: normal 15px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    line-height: 25px;
    margin-top:2px;
}
.visionSyncWBButtonsMainTable td
{
    vertical-align: middle; 
}
.visionSyncWBOptionsMainTable td 
{
    vertical-align: top;   
}
.visionSyncWBOptionsTable
{
    border-left:1px solid #fff;    
}
.visionEnclosureTable td,.visionEnclosureTable th{  
    border:1px solid #0071c5;
}
.attachHeader th
{
    border:1px solid #0071c5;
    width: 200px;
    text-align: center;
    height:20px;
    vertical-align: middle;
}
/*media queries */
@media screen and (max-width: 767px) 
{
    .visionSyncWBDropdown,.visionSyncWBOptions
    { 
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch;
    }
}
@media screen and (max-width: 400px) 
{
    .visionSyncWBButtonsInput
    {
        width:100%;
        padding:1% 0;
    }
}
@media screen and (max-width: 767px) 
{
    .visionSyncWBOptionsInner {
        width: 100%;
    }
    .visionSyncWBDropdown {
        width: 100%;
    }
    .visionSyncWBInner
    {
        width:100%;
    }
}
@media screen and (min-width: 768px) and (max-width:1100px) 
{
    .visionSyncWBOptionsInner {
        width: 100%;
    }
    .visionSyncWBDropdown {
        width: 100%;
    }
    .visionSyncWBInner
    {
        width:100%;
    }
}
@media screen and (min-width: 1101px) and (max-width:1200px) 
{
    .visionSyncWBOptionsInner {
        width: 70%;
    }
}
@media screen and (max-width: 400px)
{
    .visionSyncWBButtonsInner 
    {
        width: 100%;
    }
    .visionSyncWBButtonsSelect
    {
        width:40%;
    }
    .visionSyncWBButtonsMain
    {
        width:60%;
    }
    .visionSyncWBButtonsSubInner
    {
        width:92%;
    }
    .visionSyncWBOptionsCheck, .visionSyncWBOptionsInfo
    {
        width:100%;
        margin:0 auto;
        text-align:center;
    }
}
@media screen and (min-width:320px) and (max-width:390px)
{
    .visionSyncWBOptionsMain,.visionSyncWBOptionsContent,.visionSyncWBOptionsMainContent
    {
        display:table;
    }
    .visionSyncWBOptionsMainContent
    {
        background:#fff;
    }
}
@media screen and (min-width: 401px) and (max-width: 699px)
{
    .visionSyncWBButtonsInner {
        width: 100%;
    }
    .visionSyncWBButtonsSelect,.visionSyncWBButtonsMain
    {
        width:50%;
    }
    .visionSyncWBButtonsInput
    {
        width:100%;
        padding: 1px 0;
    }
}
@media screen and (min-width: 700px) and (max-width: 1100px)
{
    .visionSyncWBButtonsInner {
        width: 100%;
    }
}
/*end of the media queries */
/* end of css for the Synchronize Work Bench */
/*  visionPDRView Pagination start   */
.first,.last{
    display:none !important;
}
.visionPDRMatrixpage-link:hover{
    background-color: #0071c5;
    color: #fff;
    border: 1px solid #0071c5;
    text-decoration: none;
}
.visionPDRMatrixpage-link{
    background-color: #fff;
    color: #0071c5;
    border: 1px solid #0071c5;
    padding: .01em 0.2em;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    margin-left: 2px;
    float:left;
    text-decoration: none;
}
.visionPDRMatrixpage-item.active{
    text-decoration: none;
}
.visionPDRMatrixpage-item a {
    line-height:1.5;
}
.visionPDRMatrixpage-item {
    display: inline;
}
.visionPDRMatrixpage-item.active .visionPDRMatrixpage-link{
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0275d8;
    border-color: #0275d8;
}
.visionPDRMatrixpage-item.disabled .visionPDRMatrixpage-link{
    color: #818a91;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.visionPDRMatrixPaginationDiv{
    padding:5px;
}
.visionPDRMatrixSelectInfo,.visionPDRMatrixPaginationInfo{
    float:left;
}
.visionPDRMatrixSelectInfo{
    position: relative;
    z-index:9999;
    margin-left:76%;
}
.visionPDRFormTable::-webkit-scrollbar {
    width: 1em;
}
.visionPDRFormTable::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 113, 197,0.3);
}
.visionPDRFormTable::-webkit-scrollbar-thumb {
    background-color: #EAF4FD;
    border-radius: 15px;
    border: 1px solid #0071c5;
}
.visionPDRMatrixTable {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #0071c5;
}
.visionPDRTableData, .visionPDRTableInfo {
    text-align: center;
    vertical-align: middle;
    width:100px !important;
    overflow-y: auto;
    word-wrap: break-word;
    white-space: pre-line
}
.visionPDRTableInfo{
    text-align: center !important;
}
.visionPDRTableData{
    font-weight:normal !important;
}
.visionPDRFormTable {
    padding: 0;
}
.visionPDRTableInfo:before {
}
.visionPDRTableData {
    border-left: 1px solid #0071c5; 
}
.visionPDRMatrixDiv{
    overflow-y:scroll;
    /*height:400px;*/ 
    height: 350px;
}
.visionPDRTableInfo th:visionPDRTableInfo{
    margin-top:25px !important;
}
.visionPDRRange{
    width: 33% !important;
}
.visionPDRSelectBox{
    width: 90%;
}
.dragtable-sortable { 
    list-style-type: none; margin: 0; padding: 0; -moz-user-select: none;
    position:relative !important;
    height:250px !important;
}
.dragtable-sortable li {
    margin: 0; padding: 0; float: left; font-size: 1em; background: white; 
}
@-moz-document url-prefix() {
    .visionPDRTableInfo {
        margin-top: -1px !important;
    }
}
@media screen and (min-width: 320px)  and (max-width: 480px) {
    .visionPDRFormTable {
        width: 50%;
        /*margin-left: 50%;*/
    }
    .visionPDRTableInfo {
        width: 50%;
        padding:0px !important;
    }
}
@media screen and (min-width: 481px)  and (max-width: 600px) {
    .visionPDRFormTable {
        width: 65%;
        /*margin-left: 35%;*/
    }
    .visionPDRTableInfo {
        width: 35%;
        padding:0px !important;
    }
}
@media screen and (min-width: 601px)  and (max-width: 823px) {
    .visionPDRFormTable {
        width: 75%;
        /*margin-left: 25%;*/
    }
    .visionPDRTableInfo {
        width: 25%;
        padding:0px !important;
    }
}
@media screen and (min-width: 824px)  and (max-width: 1024px) {
    .visionPDRFormTable {
        width: 80%;
        /*margin-left: 20%;*/
    }
    .visionPDRTableInfo {
        width: 20%;
        padding:0px !important;
    }
}
@media screen and (min-width: 1025px)  and (max-width: 1160px) {
    .visionPDRFormTable {
        width: 87%;
        /*margin-left: 13%;*/
    }
    .visionPDRTableInfo {
        width: 13%;
        padding:0px !important;
    }
}
/* End Of PDR View*/
/*Start PDR Pagination */
.visionPaginationMain {
    font:normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionPaginationPage {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #0071c5;
    background: #fff;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #0071c5;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.visionPaginationPage:hover {
    background: #0071c5;
    color:#fff;
}
.visionPaginationPage.active {
    border: none;
    background: #0071c5;
    color: #FFF;
}
.pagenationDisplay{
}
.pagenationHide{
    display: none;
}
.visionPaginationCount{
    float:left;
    padding:0px 10px;
    font-weight: bold;
}
.visionPDRMatrixTable tr:nth-child(even){
    background:#d2e8f8 ;
}
.visionPDRMatrixTable tr:nth-child(odd){
    background:#f9f9f9;
}
.VisionPDRMatrixThDiv,.VisionPDRMatrixTdDiv{
    width: 210px;
    overflow-y: auto; 
    height: 30px;
    padding-top: 20px;
    text-align: left;
    padding-left: 10px;

}
.VisionPDRMatrixThDiv{
    padding-left:10px;
}
.dragtable-drag-handle{
    cursor: move;
}
/* * gets wrapped around placeholder table  */
.dragtable-drag-wrapper{
    position: absolute;
    z-index: 1000;
} 
/*  * this gets applied to the table copy of the col that we are dragging   */ 
.dragtable-drag-wrapper .dragtable-drag-col{
    opacity: 0.7;
    filter: alpha(opacity=70);
    cursor:move;
    border:1px solid #0071c5;
}
/*   placeholder is just a name for the real table col */
.dragtable-col-placeholder { 
    border-left: 1px dotted black;
    border-right: 1px dotted black; 
    color:#EFEFEF;
    background: #EFEFEF !important; 
    visibility: visible !important;
}
table .dragtable-col-placeholder:first{
    border-top:1px dotted black;
}
.dragtable-col-placeholder * { 
    opacity: 0.0; 
    visibility: hidden; 
}
.visionDateRange{
    width: 90% !important;
}
/* End Of PDR Pagination*/
.searchable-select-hide {
    display: none;
}
.searchable-select {
    display: inline-block;
    min-width: 200px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    position: relative;
}
.searchable-select-holder{
    padding: 6px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-height: 30px;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.searchable-select-caret {
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border-color: black transparent transparent transparent;
    top: 0;
    bottom: 0;
    border-style: solid;
    border-width: 5px;
    margin: auto;
    right: 10px;
}
.searchable-select-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 4px;
    border-top: none;
    top: 28px;
    left: 0;
    right: 0;
}
.searchable-select-input {
    margin-top: 5px;
    border: 1px solid #ccc;
    outline: none;
    padding: 4px;
    box-sizing: border-box;
    width: 100%;
}
.searchable-scroll {
    margin-top: 4px;
    position: relative;
}
.searchable-scroll.has-privious {
    padding-top: 16px;
}
.searchable-scroll.has-next {
    padding-bottom: 16px;
}
.searchable-has-privious {
    top: 0;
}
.searchable-has-next {
    bottom: 0;
}
.searchable-has-privious, .searchable-has-next {
    height: 16px;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    z-index: 10;
    background-color: white;
    line-height: 8px;
    cursor: pointer;
}
.searchable-select-items {
    max-height: 400px;
    overflow-y: scroll;
    position: relative;
}
.searchable-select-items::-webkit-scrollbar {
    display: none;
}
.searchable-select-item {
    padding: 5px 5px;
    cursor: pointer;
    min-height: 30px;
    box-sizing: border-box;
}
.searchable-select-item.hover {
    background: #555;
    color: white;
}
.searchable-select-item.selected {
    background: #28a4c9;
    color: white;
}
/*.visionMasterDetailGroupImport,.visionMasterDetailGroupVerify,.visionMasterGroupDelete,.visionMasterGroupDataCat,.visionMasterGroupDataFillDowon{
         top: 4px;
    position: absolute;
   float:right;
    }
.visionMasterDetailGroupImport
{
          right:9%;
}
.visionMasterDetailGroupVerify
{
     right:5px;
}
.visionMasterGroupDelete{
      right:5px;
    }
.visionMasterGroupDataCat{
       right:137px;
    }
    .visionMasterGroupDataFillDowon{
right: 320px;

}*/


.visionMasterDetailGroupImport,.visionMasterDetailGroupVerify,.visionMasterGroupDelete,.visionMasterGroupDataCat
{
    float:left;
    margin:0px 2px;
}
/*.visionMasterGroupDataFillDowon
{
    float:left;
}*/

/*.visionButtonTemplate:last-child{
    width:94%;

}*/

.visionButtonTemplate:last-child{
    width:90%;
}
.visionGridToolBarButtons div{
    float:right;
}
.visionButtonTemplate:last-child div{
    /*width:100% !important;*/
}
.visionButtonTemplate img{
    margin: 4px 2px; 
}
.visionMasterGroupDataFillDowon:hover
{
    background-image: url('../images/data_verification_icon_white.png'); 
}
.visionMasterGroupDataFillDowon
{

    background-image: url('../images/data_verification_icon.png');
}
.visionMasterDetailGroupImport:hover,.visionMasterGroupDataCat:hover
{
    background-image: url('../images/attach_upload_white.png'); 
}
.visionMasterDetailGroupImport,.visionMasterGroupDataCat
{

    background-image: url('../images/attach_upload.png');
}
.visionMasterDetailGroupVerify:hover
{
    background-image: url('../images/data_verification_icon_white.png'); 
}
.visionMasterDetailGroupVerify
{

    background-image: url('../images/data_verification_icon.png');
}
.ta_style{

    /*margin-top:5px !important;*/
    margin-left:2px !important;
    margin-right:2px!important;
    margin-bottom:3px!important;
}
/* RegexTests and MetadataTests Starts   */

.visionRegexPage,.visionMetaPage{
    border: 1px solid #0071c5;
    border-radius: 5px;
    height: 250px;
    width: 100%;
}
.visionRegexBodyContent, .visionMetaBodyContent{
    width: 90%;
    margin: 0 auto;
}
.visionRegexResultContainer,.visionMetaResultContainer{
    width: 100%;
    height: 50px;
    border: 1px solid #0071c5;
    margin: 5px 0px;
}
.visionRegexResultLabel, .visionMetaResultLabel{
    float:left;
    width:30%;
}
.visionRegexResultContainer,.visionMetaResultContainer{
    float:left;
    width:66%;  
}
.visionRegexInputInfo,.visionMetaInputInfo{
    float:left;
    width: 45%;
}
.visionRegexForm,.visionMetaForm{
    width: 100%;
}
.visionRegexSelectList,.visionMetaSelectList{
    color: #0071c5;        
    font-weight: bold;    
    border: 1px solid #0071c5;  
    width: 50%;
    height: 100%;
    padding: 5px 10px;
}
.visionRegexIPExp,.visionRegexIPStr,.visionMetaIPExp,.visionMetaIPStr{
    width:70%;
}
.visionRegexSelectList,.visionMetaSelectList{
    width:50%;
}
.visionRegexTable,.visionMetaTable{

    width:100%;
}

.visionMetaProcess{
    background-image: url('../images/register_icon_blue.png');

}
.visionRegexProcess{
    background-image: url('../images/register_icon_blue.png');
    margin-bottom: 0.5%;
    margin-top: 1%;
}
.visionMetaProcess:hover{

    background-image: url('../images/register_icon_white.png');
}
.visionRegexProcess:hover{
    background-image: url('../images/register_icon_white.png');
}
.visionRegexSelectLabel,.visionMetaSelectLabel,.visionRegexInputLabel,.visionMetaInputLabel,.visionRegexInputLabel,.visionMetaInputLabel{

    font-weight:bold;
}
.visionRegexIPExp,.visionRegexIPStr,.visionMetaIPStr{
    height:20px;
}
.visionRegexForm tr td:first-child{

    width:30%;
}
.visionMetaDataSubmit{
    width:10%;
    margin:25px auto;
}


/* RegexTests and MetadataTests Ends   */
/* SRS Form page start */
.visionSRSForm select{ 
    width:100%;
}   

.visionSRSContactTitle{
    text-align: center;
    padding: 22px;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    color: #0071c5;
    font-size: 28px;
    font-weight: bold;
}

.visionSRSTable
{
    width: 60%;
    margin: 0 auto;
}
.visionSRSTable td{
    padding:10px 0;
}
.visionSRSUpload  
{
    background-image: url('../images/submit_icon_blue.png');
    color:#0071c5;
    background-color:#fff;
}
.visionSRSUpload:hover    
{
    background-image: url('../images/submit_icon_white.png');
    color:#fff;
    background-color:#0071c5;
}
.visionSRSRegister 
{
    background-image: url('../images/register_icon_blue.png');
    color:#0071c5;
    background-color:#fff;
}
.visionSRSRegister:hover    
{
    background-image: url('../images/register_icon_white.png');
    color:#fff;
    background-color:#0071c5;
}
.visionSRSLabel{
    width: 30%;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}

.visionSRSData{
    width: 70%;
}

.visionSRSDesc{
    width:100%;
}

.visionSRSFormMain{
    border: 1px solid #0071C5;
    border-radius: 10px;   
    width: 60%;
    margin: 0 auto;
}
.visionSRSFileUpload{
    width: 96%;
    height: 60px;
    background-color:#eceff1;
    border: 1px dashed black;
    border-radius: 3px;
    text-align: center;
    overflow: auto;
}
#visionSRSFiles{
    display: none;
}
.visionSRSRemoveSpaceClass
{
    float:right !important;
    margin-right:2% ;
    cursor: pointer;

}
#visionSRSFileList
{
    font-weight:normal;
}
.VisionSRSUploadFileContent
{
    text-align:center;
    margin-top:3%;
    font-size: 12px;
    font-weight:600;
}

.VisionFileNameSpace{

    background: #eceff1;
    margin-top: 4px;
    padding: 5px;
    width: 95%;
    border-radius: 5px;
    font-family: 'Open Sans',sans-serif;
}
.button_SRS_Register
{
    background-image: url(../images/SRS_Register.png); 
}
.button_SRS_Register:hover
{
    background-image: url(../images/SRS_Register_White.png); 
}

.visionSRSBtnTxt{
    background-image: url(../images/SRS_Register.png);  
}
.visionSRSBtnTxt:hover
{
    background-image: url(../images/SRS_Register_White.png); 
}
/* media quries  SRS  Form Page start */
@media only screen and (min-width:320px) and (max-width:1020px){
    .visionSRSFormMain
    {
        width: 100%;
        margin-bottom: 10px;
    }
    .visionSRSTable td {
        padding: 10px 0;
    }
    .visionSRSDesc {
        width: 100%;
    }
    .visionSRSAttachFile
    {
        margin-left:-9px;
    }

}

.visionGenericTabSubmit,.visionMassDataButtons,.visionGenericTabExport {
    margin-bottom: 3px;
} 
/* media quries SRS  Form page end */

/* SRS Form page end */

.visionMetaDataAccordian{
    margin:15px;
}

.visionContentRedColor{
    border:1.2px solid #FF0000 !important;
}
.visionContentRedColorCheckbox{
    box-shadow: 0 0 0 1.2px #FF0000 !important;
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;

}
.ui-menu-item:hover,.ui-menu-item-wrapper:hover{
    color:#fff;
    background-color:#0071c5;

}

.ui-menu-item,.ui-menu-item-wrapper{
    color:#000;
    background-color:#fff;

}

.visionImportFile{
    display:none;
    background-image: url(../images/attach_upload.png);
}

.visionMetadataTestUpload{
    display:none;
    background-image: url(../images/attach_upload.png);
    float: left;
    margin-right:2%;
    /*margin:10px;*/
}
.visionMetadataTestUpload:hover{

    background-image: url('../images/attach_upload_white.png'); 
}
.sticky-header{
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    width: 100%;
    height: 278px;
}
.button_3rd_Party_Mail
{
    background-image: url(../images/send_email_icon_blue.png); 
}
.button_3rd_Party_Mail:hover
{
    background-image: url(../images/send_email_icon_white.png); 
}
.typeSelectClass{
    width:100%;
}

/* Cluster Resize CSS   Start */

.visionMasterDetailPanelTop {
    height: 300px;
    width: 100%;
    white-space: nowrap;
}
.visionMasterDetailPanelTopACC{
    height: 500px;
}
.visionMasterDetailPanelBottom {
    height: 300px;
    width: 100%;
    white-space: nowrap;
    /*overflow:hidden;*/
}
.visionCompDiv{
    overflow:hidden !important;
}
.visionSplitterHorizontal{
    height: 5px;
    background-color: white  center center no-repeat #535353;
    cursor: row-resize;
}
/* Cluster Resize CSS  END */
/*

  Jqxwidgets CSS (Latest version) Start  
 pagenation Jqxwidgets override css start 
.visionSearchResultsCover .jqx-grid-pager-energyblue 
{
    z-index: 20 !important;
    width: 1207px !important;
    height: 28px !important;
    top: 421px !important;
}
.visionSearchResultsCover .jqx-scrollbar-state-normal
{
    top: 5px !important; 
}
.visionSearchResultsCover .jqx-icon-arrow-right 
{
    height: 17px !important;
}
.visionSearchResultsCover .jqx-grid-cell
{
    height: 32px !important;  
}
.visionSearchResultsCover .jqx-grid-pager-input {
    height: 57% !important;
    padding-top: 6px !important;
    width: 27px !important;
    height: 61% !important;
    box-sizing: border-box;
    padding-top: -3px !important;
}
.visionSearchResultsCover .jqx-dropdownlist-state-normal{
    margin-right: 7px;
    float: right;
    display: block;
    width: 50px !important;
    height: 16px !important;
}
.visionSearchResultsCover .jqx-dropdownlist-content
{
    margin-top: 1px !important;
    line-height: 17px !important;
}
.visionSearchResultsCover .jqx-button 
{
    height: 16px !important;
    width: 27px !important;   
}
.visionSearchResultsCover .jqx-icon-arrow-left
{
    height: 17px !important;
}

.visionSearchResultsCover .jqx-scrollbar-thumb-state-normal-horizontal{
    box-sizing: content-box;
    left: 15px;
    top: -2px !important;
    position: absolute;
    width: 542px;
    height: 15px !important;
    visibility: inherit;
}
.visionSearchResultsCover .jqx-rc-b-energyblue{ 
    box-sizing: content-box;
    left: 0px;
    top: 355px !important;
    position: absolute;
    width: 15px !important;
    height: 26px !important;
}
.visionSearchResultsCover .jqx-rc-t-energyblue{
    box-sizing: content-box;
    left: -3px !important;
    top: -13px !important;
    position: absolute;
    width: 20px !important;
    height: 14px !important;
}
.visionSearchResultsCover .jqx-filter-input-energyblue 
{
    height:21px !important;
}
.visionSearchResultsCover .jqx-datetimeinput
{
    height:21px !important;
}
.visionSearchResultsCover .jqx-checkbox-default
{
    height:13px !important;
    width:13px !important;
}
#innerListBoxgridpagerlistsearchResults
{
    z-index: 2147483647 !important;  
}
.visionTempleteResultsCover .jqx-grid-pager-energyblue {

    top: 366px !important;
}
.visionTempleteResultsCover  .jqx-grid-pager-input{
    height: 58% !important;
    width: 27px !important;
    box-sizing: border-box;
}
.visionTempleteResultsCover  .jqx-scrollbar-state-normal
{
    height: 25px!important;
}
.visionTempleteResultsCover .jqx-dropdownlist-state-normal{
    margin-right: 7px;
    float: right;
    display: block;
    width: 50px !important;
    height: 16px !important;
    margin-top: 2px !important;
}
.visionTempleteResultsCover .jqx-dropdownlist-content
{
    top: -1px !important;
}
.visionTempleteResultsCover .jqx-icon-arrow-down{
    height: 12px !important;
}
.visionTempleteResultsCover .jqx-button {
    width: 27px!important;
    height: 17px!important;
    margin-top: 2px !important;
}
.visionTempleteResultsCover .jqx-icon-arrow-left{
    height: 17px !important;
}

.visionTempleteResultsCover .jqx-icon-arrow-right{
    height: 17px !important;
} 

.visionTempleteResultsCover .jqx-scrollbar-state-normal{
    height: 321px !important;
}

.visionTempleteResultsCover .jqx-filter-input-energyblue 
{
    height:21px !important;
}
.visionTempleteResultsCover .jqx-datetimeinput
{
    height:21px !important;
}
.visionTempleteResultsCover .jqx-checkbox-default
{
    height:13px !important;
    width:13px !important;
}
.visionClassficationtlCover .jqx-grid-pager-energyblue {
    top: 350px !important;
}
.visionClassficationtlCover  .jqx-grid-pager-input{
    height: 58% !important;
    width: 27px !important;
    box-sizing: border-box;
}
.visionClassficationtlCover .jqx-dropdownlist-state-normal{
    width: 50px !important;
    height: 18px !important;
}
.visionClassficationtlCover .jqx-button {
    height: 16px !important;
    width: 27px !important;
}
.visionClassficationtlCover .jqx-icon-arrow-left {
    height: 17px !important;
}
.visionClassficationtlCover .jqx-icon-arrow-right {
    height: 17px !important;
}
.visionClassficationtlCover .jqx-scrollbar-state-normal{
    height: 321px !important;
}
.visionClassficationtlCover .jqx-scrollbar-thumb-state-normal-horizontal{
    height: 15px !important;
    top:9px !important;
}
.visionClassficationtlCover .jqx-dropdownlist-content{
    margin-top:3px !important;
}
.visionClassficationtlCover .jqx-filter-input-energyblue 
{
    height:21px !important;
}
.visionClassficationtlCover .jqx-datetimeinput
{
    height:21px !important;
}
.visionClassficationtlCover .jqx-checkbox-default
{
    height:13px !important;
    width:13px !important;
}
.visionSearchDDDWDialog .jqx-grid-pager-input{
    height: 64% !important;
    box-sizing: border-box;
    text-align: right;
    width: 27px !important; 
    margin-top:3px !important;
}
.visionSearchDDDWDialog .jqx-dropdownlist-state-normal{
    margin-right: 7px !important;
    float: right !important;
    display: block !important;
    width: 50px !important;
    height: 16px !important;
    margin-top: 2px !important;
}
.visionSearchDDDWDialog .jqx-dropdownlist-content
{
    top: -5px !important;
}

.visionSearchDDDWDialog .jqx-icon-arrow-down{
    height: 12px !important;
}
.visionSearchDDDWDialog .jqx-button {
    width: 27px!important;
    height: 17px!important;
    margin-top: 1px !important;
}
.visionSearchDDDWDialog .jqx-icon-arrow-left{
    height: 17px !important;
}
.visionSearchDDDWDialog .jqx-icon-arrow-right{
    height: 17px !important;
} 
.visionSearchDDDWDialog .jqx-filter-input-energyblue 
{
    height:21px !important;
}
.visionSearchDDDWDialog .jqx-datetimeinput
{
    height:21px !important;
}
.visionSearchDDDWDialog .jqx-checkbox-default
{
    height:13px !important;
    width:13px !important;
}
.visionSearchDDDWDialog .jqx-dropdownlist-content
{
    margin-top:5px !important;
    
}
#innerListBoxgridpagerlistddGrid3{
    z-index: 2147483647 !important;
}
.visionGenericTabGrid .jqx-grid-pager-input-energyblue{
    height: 63% !important;
    box-sizing: border-box;
    text-align: right;
    width: 27px !important;
}
.visionGenericTabGrid .jqx-dropdownlist-state-normal{
    margin-right: 7px;
    float: right;
    display: block;
    width: 50px !important;
    height: 16px !important;
    margin-top: 2px !important;
}
.visionGenericTabGrid .jqx-dropdownlist-content{
    margin-top: 1px !important;
}
.visionGenericTabGrid .jqx-button-energyblue{
    height: 16px !important;
    width: 27px !important;
    float: right;
    cursor: pointer;
    margin-top: 3px !important;
}
.visionGenericTabGrid .jqx-icon-arrow-left{
    height: 17px !important;
}
.visionGenericTabGrid .jqx-icon-arrow-right
{
    height: 17px !important;  
}
.visionGenericTabGrid .jqx-filter-input-energyblue 
{
    height:21px !important;
}
.visionGenericTabGrid .jqx-datetimeinput
{
    height:21px !important;
}
.visionGenericTabGrid .jqx-checkbox-default
{
    height:13px !important;
    width:13px !important;
}
deduplication 
.visionRegisterMaterialAccordians .jqx-grid-pager-input-energyblue{
    height: 63% !important;
    box-sizing: border-box;
    text-align: right;
    width: 27px !important;
}
.visionRegisterMaterialAccordians .jqx-dropdownlist-state-normal{
    margin-right: 7px;
    float: right;
    display: block;
    width: 50px !important;
    height: 16px !important;
    margin-top: 2px !important;
}
.visionRegisterMaterialAccordians .jqx-dropdownlist-content{
    margin-top: 1px !important;
}
.visionRegisterMaterialAccordians .jqx-button-energyblue{
    height: 16px !important;
    width: 27px !important;
    float: right;
    cursor: pointer;
    margin-top: 3px !important;
}
.visionRegisterMaterialAccordians .jqx-icon-arrow-left{
    height: 14px !important;
}
.visionRegisterMaterialAccordians .jqx-icon-arrow-right
{
    height: 17px !important;  
}
.visionRegisterMaterialAccordians .jqx-filter-input-energyblue 
{
    height:21px !important;
}
.visionRegisterMaterialAccordians .jqx-datetimeinput
{
    height:21px !important;
}
.visionRegisterMaterialAccordians .jqx-checkbox-default
{
    height:13px !important;
    width:13px !important;
}
 basetable & associateddata 
.visionPPRGridMain .jqx-grid-pager-input-energyblue{
    height: 63% !important;
    box-sizing: border-box;
    text-align: right;
    width: 27px !important;
}
.visionPPRGridMain .jqx-dropdownlist-state-normal{
    margin-right: 7px;
    float: right;
    display: block;
    width: 50px !important;
    height: 16px !important;
    margin-top: 2px !important;
}
.visionPPRGridMain .jqx-dropdownlist-content{
    margin-top: 1px !important;
}
.visionPPRGridMain .jqx-button-energyblue{
    height: 16px !important;
    width: 27px !important;
    float: right;
    cursor: pointer;
    margin-top: 3px !important;
}
.visionPPRGridMain .jqx-icon-arrow-left{
    height: 17px !important;
}
.visionPPRGridMain .jqx-icon-arrow-right
{
    height: 17px !important;  
}
.visionPPRGridMain .jqx-filter-input-energyblue 
{
    height:21px !important;
}
.visionPPRGridMain .jqx-datetimeinput
{
    height:21px !important;
}
.visionPPRGridMain .jqx-checkbox-default
{
    height:13px !important;
    width:13px !important;
}
.visionMaterialCluster .jqx-grid-pager-energyblue 
{
    z-index: 20 !important;
    height: 28px !important;
    top: 234px !important;
   position:absolute !important;
}
.visionMaterialCluster .jqx-grid-pager-input {
    height: 58% !important;
    box-sizing: border-box;
    text-align: right;
    width: 27px !important;
}
.visionMaterialCluster .jqx-dropdownlist-state-normal
{
    margin-right: 7px;
    float: right;
    display: block;
    width: 50px !important;
    height: 16px !important;
    margin-top: 2px !important;
}
.visionMaterialCluster .jqx-dropdownlist-content
{
    margin-top: -1px !important;
}

.visionMaterialCluster .jqx-button-energyblue{
    height: 16px !important;
    width: 27px !important;
    float: right;
    cursor: pointer;
    margin-top: 3px !important;
}
.visionMaterialCluster .jqx-icon-arrow-left{
    height: 17px !important;
}
.visionMaterialCluster .jqx-icon-arrow-right
{
    height: 17px !important;  
}
.visionMaterialCluster .jqx-scrollbar-state-normal-energyblue
{
    height: 25px !important;
}
.visionMaterialCluster .jqx-scrollbar-state-normal{
    height: 203px !important;
}
.visionMaterialCluster .jqx-scrollbar-thumb-state-normal-horizontal-energyblue{
    height: 13px !important;
}
.visionMaterialCluster .jqx-filter-input-energyblue 
{
    height:21px !important;
}
.visionMaterialCluster .jqx-datetimeinput
{
    height:21px !important;
}
.visionMaterialCluster .jqx-checkbox-default
{
    height:13px !important;
    width:13px !important;
}
 material cluster  2tab
#level1TabId .jqx-grid-pager-energyblue 
{
    z-index: 20 !important;
    width: 1207px !important;
    height: 30px !important;
    top: 203px !important;  
}
#level1TabId .jqx-grid-pager-input-energyblue{
    box-sizing: border-box;
    text-align: right;
    width: 27px !important;
    height: 52% !important;
    padding-top: 3px !important;
}
#level1TabId .jqx-dropdownlist-state-normal{
    margin-right: 7px;
    float: right;
    display: block;
    width: 50px !important;
    height: 16px !important;
    margin-top: 2px !important;
}
#level1TabId .jqx-dropdownlist-content{
    margin-top: -1px !important;
}
#level1TabId .jqx-button-energyblue{
    height: 16px !important;
    width: 27px !important;
    float: right;
    cursor: pointer;
    margin-top: 3px !important;
}
#level1TabId .jqx-icon-arrow-left
{
    height: 17px !important;
}
#level1TabId .jqx-icon-arrow-right
{
    height: 17px !important;  
}
#level1TabId .jqx-filter-input-energyblue 
{
    height:21px !important;
}
#level1TabId .jqx-datetimeinput
{
    height:21px !important;
}
#level1TabId .jqx-checkbox-default
{
    height:13px !important;
    width:13px !important;
}

*/.visionSearchResultsCover .jqx-enableselect 
{
    height:40px !important;
}
#contenttablesearchResults
{
    opacity:0.99;
}/*
 media quries  start
@media only screen and (min-width:520px) and (max-width:615px)  { 
    .visionRegisterMaterialAccordians .jqx-grid {
        width: 99% !important;
        margin: 0 auto;
        height: 240px !important;
    }
}
@media only screen and (min-width:520px) and (max-width:615px)  { 
    .visionRegisterMaterialAccordians .jqx-grid-pager-energyblue {
        z-index: 20;
        width: 436px;
        height: 30px;
        top: 209px !important;
    }
}
@media only screen and (min-width:520px) and (max-width:615px)  { 
    .visionRegisterMaterialAccordians .jqx-scrollbar-state-normal-energyblue {
        box-sizing: content-box;
        width: 100%;
        height: 97px!important;
        left: 0px !important;
        top: 164px !important;
        position: absolute;
    }
}
@media only screen and (min-width:520px) and (max-width:615px)  { 
    .visionRegisterMaterialAccordians .jqx-icon-arrow-up {

        box-sizing: content-box;
        left: 0px;
        top: 1px !important;
        position: absolute;
        width: 13px;
        height: 16px;
        z-index: 999 !important;
    }
}
@media only screen and (min-width:520px) and (max-width:615px)  { 
    .visionRegisterMaterialAccordians .jqx-rc-t-energyblue{
        box-sizing: content-box;
        left: 0px;
        top: -124px !important;
        position: absolute;
        width: 13px;
        height: 13px;
        z-index: 999;
    }
}

@media only screen and (min-width:520px) and (max-width:615px)  { 
    .visionRegisterMaterialAccordians .jqx-icon-arrow-down-energyblue {
        box-sizing: content-box;
        left: 0px;
        top: -9px !important;
        position: absolute;
        width: 13px;
        height: 13px;
        z-index:999;
    }
}
@media only screen and (min-width:520px) and (max-width:615px)  { 
    .visionRegisterMaterialAccordians .jqx-scrollbar-thumb-state-normal-energyblue {
        box-sizing: content-box;
        left: 0px;
        top: -72px !important;
        position: absolute;
        width: 13px;
        height: 60px !important;
        visibility: inherit;
        z-index: 999;
    }
}
@media only screen and (min-width:520px) and (max-width:615px)  { 
    .visionRegisterMaterialAccordians .jqx-position-absolute{
        top: 0px;
        width: 436px;
        height: 154px !important;
    }
}



@media only screen and (min-width:620px) and (max-width:715px)  { 
    .visionRegisterMaterialAccordians .jqx-grid {
        width: 99% !important;
        margin: 0 auto;
        height: 240px !important;
    }
}
@media only screen and (min-width:620px) and (max-width:715px)  { 
    .visionRegisterMaterialAccordians .jqx-grid-pager-energyblue {
        z-index: 20;
        width: 436px;
        height: 30px;
        top: 209px !important;
    }
}
@media only screen and (min-width:620px) and (max-width:715px)  { 
    .visionRegisterMaterialAccordians .jqx-scrollbar-state-normal-energyblue {
        box-sizing: content-box;
        width: 100%;
        height: 127px!important;
        left: 0px !important;
        top: 119px !important;
        position: absolute;
    }
}
@media only screen and (min-width:620px) and (max-width:715px)  { 
    .visionRegisterMaterialAccordians .jqx-icon-arrow-up {

        box-sizing: content-box;
        left: 0px;
        top: 1px !important;
        position: absolute;
        width: 13px;
        height: 16px;
        z-index: 999 !important;
    }
}
@media only screen and (min-width:620px) and (max-width:715px)  { 
    .visionRegisterMaterialAccordians .jqx-rc-t-energyblue{
        box-sizing: content-box;
        left: 0px;
        top: -124px !important;
        position: absolute;
        width: 13px;
        height: 13px;
        z-index: 999;
    }
}

@media only screen and (min-width:620px) and (max-width:715px)  { 
    .visionRegisterMaterialAccordians .jqx-icon-arrow-down-energyblue {
        box-sizing: content-box;
        left: 0px;
        top: -9px !important;
        position: absolute;
        width: 13px;
        height: 13px;
        z-index:999;
    }
}
@media only screen and (min-width:620px) and (max-width:715px)  { 
    .visionRegisterMaterialAccordians .jqx-scrollbar-thumb-state-normal-energyblue {
        box-sizing: content-box;
        left: 0px;
        top: -72px !important;
        position: absolute;
        width: 13px;
        height: 60px !important;
        visibility: inherit;
        z-index: 999;
    }
}
@media only screen and (min-width:620px) and (max-width:715px)  { 
    .visionRegisterMaterialAccordians .jqx-position-absolute{
        top: 0px;
        width: 436px;
        height: 190px !important;
    }
}


@media only screen and (min-width:720px) and (max-width:815px)  { 
    .visionRegisterMaterialAccordians .jqx-grid {
        width: 99% !important;
        margin: 0 auto;
        height: 240px !important;
    }
}
@media only screen and (min-width:720px) and (max-width:815px)  { 
    .visionRegisterMaterialAccordians .jqx-grid-pager-energyblue {
        z-index: 20;
        width: 436px;
        height: 30px;
        top: 209px !important;
    }
}
@media only screen and (min-width:720px) and (max-width:815px)  { 
    .visionRegisterMaterialAccordians .jqx-scrollbar-state-normal-energyblue {
        box-sizing: content-box;
        width: 100%;
        height: 102px!important;
        left: 0px !important;
        top: 119px !important;
        position: absolute;
    }
}
@media only screen and (min-width:720px) and (max-width:815px)  { 
    .visionRegisterMaterialAccordians .jqx-icon-arrow-up {

        box-sizing: content-box;
        left: 0px;
        top: 1px !important;
        position: absolute;
        width: 13px;
        height: 16px;
        z-index: 999 !important;
    }
}
@media only screen and (min-width:720px) and (max-width:815px)  { 
    .visionRegisterMaterialAccordians .jqx-rc-t-energyblue{
        box-sizing: content-box;
        left: 0px;
        top: -124px !important;
        position: absolute;
        width: 13px;
        height: 13px;
        z-index: 999;
    }
}

@media only screen and (min-width:720px) and (max-width:815px)  { 
    .visionRegisterMaterialAccordians .jqx-icon-arrow-down-energyblue {
        box-sizing: content-box;
        left: 0px;
        top: -9px !important;
        position: absolute;
        width: 13px;
        height: 13px;
        z-index:999;
    }
}
@media only screen and (min-width:720px) and (max-width:815px)  { 
    .visionRegisterMaterialAccordians .jqx-scrollbar-thumb-state-normal-energyblue {
        box-sizing: content-box;
        left: 0px;
        top: -72px !important;
        position: absolute;
        width: 13px;
        height: 60px !important;
        visibility: inherit;
        z-index: 999;
    }
}
@media only screen and (min-width:720px) and (max-width:815px)  { 
    .visionRegisterMaterialAccordians .jqx-position-absolute{
        top: 0px;
        width: 436px;
        height: 190px !important;
    }
}


@media only screen and (min-width:820px) and (max-width:1024px)  { 
    .visionRegisterMaterialAccordians .jqx-grid {
        width: 99% !important;
        margin: 0 auto;
        height: 240px !important;
    }
}
@media only screen and (min-width:820px) and (max-width:1024px)  { 
    .visionRegisterMaterialAccordians .jqx-grid-pager-energyblue {
        z-index: 20;
        width: 436px;
        height: 30px;
        top: 209px !important;
    }
}
@media only screen and (min-width:820px) and (max-width:1024px)  { 
    .visionRegisterMaterialAccordians .jqx-scrollbar-state-normal-energyblue {
        box-sizing: content-box;
        width: 100%;
        height: 102px!important;
        left: 0px !important;
        top: 119px !important;
        position: absolute;
    }
}
@media only screen and (min-width:820px) and (max-width:1024px)  { 
    .visionRegisterMaterialAccordians .jqx-icon-arrow-up {

        box-sizing: content-box;
        left: 0px;
        top: 1px !important;
        position: absolute;
        width: 13px;
        height: 16px;
        z-index: 999 !important;
    }
}
@media only screen and (min-width:820px) and (max-width:1024px)  { 
    .visionRegisterMaterialAccordians .jqx-rc-t-energyblue{
        box-sizing: content-box;
        left: 0px;
        top: -124px !important;
        position: absolute;
        width: 13px;
        height: 13px;
        z-index: 999;
    }
}

@media only screen and (min-width:820px) and (max-width:1024px)  { 
    .visionRegisterMaterialAccordians .jqx-icon-arrow-down-energyblue {
        box-sizing: content-box;
        left: 0px;
        top: -9px !important;
        position: absolute;
        width: 13px;
        height: 13px;
        z-index:999;
    }
}
@media only screen and (min-width:820px) and (max-width:1024px)  { 
    .visionRegisterMaterialAccordians .jqx-scrollbar-thumb-state-normal-energyblue {
        box-sizing: content-box;
        left: 0px;
        top: -72px !important;
        position: absolute;
        width: 13px;
        height: 60px !important;
        visibility: inherit;
        z-index: 999;
    }
}
@media only screen and (min-width:820px) and (max-width:1024px)  { 
    .visionRegisterMaterialAccordians .jqx-position-absolute{
        top: 0px;
        width: 436px;
        height: 190px !important;
    }
}
 media quries end 
 pagenation Jqxwidgets override css end 

  Jqxwidgets CSS (Latest version)  END */

.visionTempleteResultsCover{

    height: 400px;

}

.visionSearchWrapDescrDiv{
    white-space:normal;
    overflow-y:scroll !important;
    height:45px;
    margin-top: 3.5px !important;
}
.visionTreeGridDescription{
    color: #0071c5;
    font-size: 16px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    padding-bottom: 6px;
}
/***** User Image header CSS starts ******/
.visionHvrImgCls{
    position:absolute;
    /*    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .5);
        -moz-box-shadow: 0 0 1px rgba(0,0,0, .5);
        box-shadow: 0 0 1px rgba(0,0,0, .5);*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius:100%;
    width:100px !important;
    background:#fff;
    padding:5px;
    z-index:999999;
    top:100% !important;
    left:14% !important; 
    border: 1px solid #0071c5;
}
.visionUsrLoginImgDiv{
    width: 25px !important;
    background: white;
    height: 25px;
    border: 1px solid white;
    border-radius: 14px;
}
.visionUsrLoginImgMain{
    width: 20px !important;
    border-radius: 22px;
    margin: 2px;
    cursor: pointer;
}
.visionHvrImgClsInner{
    width:100px !important;
    height:100px;
    border-radius: 100%;
}
/***** Mobile View User Image header CSS starts ******/
.visionUsrLoginImgMainNav{
    border-radius: 22px;
    cursor: pointer;
}
.visionHvrImgCls1{
    position:absolute;
    /*    -webkit-box-shadow: 0 0 5px rgba(0,0,0, .75);
        -moz-box-shadow: 0 0 5px rgba(0,0,0, .75);
        box-shadow: 0 0 5px rgba(0,0,0, .75);*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius:2px;
    width:50px !important;
    background:#fff;
    padding:5px;
    z-index:99;
    top:26%;  
    border: 1px solid #0071c5;
}
.visionHvrImgClsInner1{
    width:50px !important;
    height:50px;
}
/***** Mobile View User Image header CSS ends ******/
/***** User Image header CSS ends ******/

/*   
Multi select list box css start
*/


.visionFilterGridDropdown {
    position: absolute;
    border: 1px solid #B6B6B4;
    margin-top: -11px;
    border-radius: 3px;
}


.visionFilterGridDropdown dd,.visionFilterGridDropdown dt {
    margin: 0px;
    /*padding: 0px;*/ 
}

.visionFilterGridDropdown ul {
    margin: -1px 0 0 0;
}

.visionFilterGridDropdown dd {
    position: relative;
}


.visionFilterGridDropdown dt a {

    display: block;
    padding: 5px 10px 5px 5px;
    overflow: hidden;
    width: 483px;
    height: 13px;

}

.visionFilterGridDropdown dt a span,
.multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;

}

.visionFilterGridDropdown dd ul {
    border: 1px solid #0071c5;
    color: #000;
    display: none;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 2px;
    width: 295px;
    list-style: none;
    height: 100px;
    overflow: auto;
    z-index: 999;
    background-color: #ffffff;
}

.visionFilterGridDropdown span.value {
    display: none;
}

.visionFilterGridDropdown dd ul li a {
    padding: 5px;
    display: block;
}

.visionFilterGridDropdown dd ul li a:hover {
    background-color: #000;
}
/*   
Multi select list box css End
*/
.visionDrpDwnXBtn{
    margin-left: -24px;
    cursor: pointer;
    margin-right: 6px;
    position: relative;
    margin-top: -2px;
}
.visionComboBoxXBtn{
    margin-left: -24px;
    cursor: pointer;
    margin-right: 6px;
    position: absolute;
    margin-top: 6px;

}
.visionDrpDwnXDateBtn {
    margin-left: -36px;
    cursor: pointer;
    position: absolute;
    margin-top: 4px;
}

/*.visionDrpDwnXDateBtn{
    margin-left: -24px;
    cursor: pointer;
    position: relative;
}*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .visionDrpDwnXBtn{
        margin-top: -3px;
        cursor: pointer;
        margin-right:6px;
    }
    .visionComboBoxXBtn{
        margin-top: 6px;
        cursor: pointer;
        margin-right:6px;
    }
    .visionDrpDwnXDateBtn{
        margin-left: -38px; 
        cursor: pointer;
        position:absolute;
        margin-top:3px;

    }
    /*    .visionDrpDwnXDateBtn{
            margin-left: -24px; 
            cursor: pointer;
        }*/
}

@media screen and (min-width: 824px)  and (max-width: 1024px) {
    .visionlgnbgimg {
        width:1024px;
        height:650px;
    }

}
@media screen and (min-width: 1100px)  and (max-width: 1370px) {

    .visionlgnbgimg{
        width:1380px;
        height:680px;
    }
}
@media screen and (min-width: 1371px)  and (max-width: 1670px) {

    .visionlgnbgimg{
        width:1600px;
        height:750px;
    }
}
@media screen and (min-width: 1671px)  and (max-width: 1900px) {

    .visionlgnbgimg{
        width:1780px;
        height:850px;
    }
}
@media screen and (min-width: 1901px)  and (max-width: 3000px) {

    .visionlgnbgimg{
        width:2050px;
        height:940px;
    }
}
/*chandan*/ 
.visionMetaProcess{
    margin:10px;
}
.DhvisionRegisterGenericForm
{
    width: 100%;
    float: left;
    height: auto;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1em;
}
.DhvisionRegistartionGeneric
{
    width:99.9%;
}

.Dhregistrationgeneric{
    float: left;
    width: 100%;
    border-radius: 10px;
    border: 1px #0071c5 solid;
    margin: 20px 0;
}
.DhvisionMetadataTestUpload{
    display:block;
    background-image: url(../images/attach_upload.png);
    float: left;
    margin-right: 5%;

    /*margin:10px;*/
}
.DhvisionMetadataTestUpload:hover{

    background-image: url('../images/attach_upload_white.png'); 
}
.DhvisionMetaProcess{
    float:left;
    background-image: url('../images/register_icon_blue.png');
    margin-left: -12px;

}
.DhvisionMetaProcess:hover{
    float:left;
    background-image: url('../images/register_icon_white.png');
    margin-left: -12px;


}
.DhmetaDataexportClass{
    float: left;
    margin-left: 10px;
    display:none;
    background-image: url(../images/upload_icon_blue.png);
}
.DhmetaDataexportClass:hover{
    float: left;
    margin-left: 10px;
    display:none;
    background-image: url(../images/upload_icon_white.png);
}
.DhvisionMetaInputInfo{
    float:left;
    width: 45%;
    margin-left: 50%
}
.DhvisionRegisterMaterialCreation
{
    vertical-align: top;
    width: 87%; 
    margin: 0;
    padding: 0;
    border: 0;
    height: 21px;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.DhvisionRegexProcess{
    background-image: url('../images/register_icon_blue.png');
    /*    margin:6px;*/
    float:left;
    margin-left:15px;
}
.DhvisionRegexProcess:hover{

    background-image: url('../images/register_icon_white.png');
    float:left;
    margin-left:15px;
    /*    margin:6px;*/
}
.DhvisionRegisterGenericTable{
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
    border-spacing: 0;
}

.button_Extend_Plants
{
    background-image: url('../images/extensions_icon_1.png');
}
.button_Extend_Plants:hover
{
    background-image: url('../images/extensions_icon_1_white.png');
}

.visionSearchSelectBox{
    width: 85% !important;

}

.accordionContentShow{
    display: block !important;
}

.visionRejectComboBox{
    margin-left: 27px !important;
    margin-bottom: 15px !important;
}
.visionRejectFormComboBox{
    margin-left: 4px !important;
    margin-bottom: 15px !important;
}

.visionFormAssignDropdown
{
    width:100%;
    display: flex;
    justify-content: center;
}

.visionFormAssignTitle
{
    float:left;
    width:100px;
    margin-top: 6px;
}
/* Taxonomy Mgmt CSS Start  */

.VisionTaxonomyCloudForm
{
    width:45% !important;
    float:right;
    height:99%;
}
.VisionTaxonomyHomeForm 
{
    width:45% !important;
    float:left;
    height:99%;
}
.VisionGridComparePanel{
    float:left;
    margin-top:10px;

}
.VisionCompareData
{
    padding-left:9px;
    margin-top: 14px;
    margin-left: 26px;

}
.VisionCompareData:hover
{
    background-color:#0071c5;
    padding-left:9px;
}
.VisionLeftCompareAll {
    margin-top: 15%;
    padding-left:1px;
    margin-left:27px;

}
.VisionLeftCompareOne:hover{

    padding-left:8px;
}
.VisionLeftCompareAll:hover{
    background-color:#0071c5;
    padding:1px;
}
.VisionLeftCompareOne {
    margin-left: 27px;
    margin-top: 23px;
    padding-left:9px;
}
.visionScrollToBottom
{
    position: absolute; 
    bottom: 7%;
    left: 98%;
}
.visionScrollToTop
{
    position: fixed;
    top: 7%;
    left: 98%;
}

.VisionOnPremises {                        

    border: 1px solid black;
    border-collapse:collapse;

}

.VisionOnPremises td {

    border-bottom: 1px solid black;
    text-align:left; 
}

.VisionCloudPremises {

    border: 1px solid black;
    margin-left:121px;
    border-collapse:collapse;
}
.VisionCloudPremises td {

    border-bottom: 1px solid black;
    text-align:left; 
}
.VisionTotalPremises{ 
    margin:0px auto !important;
}
.VisionTaxonomyCompareForm{
    color:red;
}
.TaxonomyCompareForm{
    color:red;
}

@media screen and (min-width:320px) and (max-width:650px)
{
    .CharacteristicsFormDialog {


        width:200px !important;
        left:66px !important;
    }
    .visionMasterDetailForm td
    {
        width:166px !important;
    }
}
@media screen and (min-width:651px) and (max-width:1020px)
{
    .CharacteristicsFormDialog {


        width:400px !important;
        left:137px !important;
    }
    .visionMasterDetailForm td
    {
        width:166px !important;
    }
}
@media screen and (min-width:320px) and (max-width:820px)
{
    .VisionGridComparePanel {
        margin-top: 52px;
        float: left;
        margin-left: 76px;
        position: absolute;
        z-index: 999;
    }
}

@media screen and (min-width:821px) and (max-width:1150px)
{
    .VisionGridComparePanel {
        margin-top: 52px;
        float: left;
        margin-left: 408px;
        position: absolute;
        z-index: 999;
    }
}
.visionMasterTaxonomyForm td
{
    padding: 4px;
    word-break: normal;
    text-align: left;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 16px;
    width: 172px;
    float: left;
    line-height: 52px;

}

.visionMasterTaxonomyForm
{
    width:100%;
    margin:0 auto;
    border-collapse:separate;

}
/* Taxonomy Mgmt CSS End  */
.VisionPDRMatrixTdImgDiv{
    /*text-align:center;*/
    text-align: left;
    padding-left: 10px;

}

.visionConsolidationSubTable {
    /* border-collapse: separate; 
       border-spacing: 0; 
     
       width: 206px;
        overflow-y: auto;
        height: 30px;
        padding-top: 20px;
        text-align: left;
        padding-left: 10px;
        border: 1px solid #0071c5;
    margin-right:4px;*/
}
.visionConsolidationSubTable tr th{
    background-color: #0071c5;
    color: #fff;

}
.visionConsolidationTable tr th{
    width: 206px;

}
.visionConsolidationSubTable tr td{
    border: 1px solid #0071c5;
    border-top: 0;
}
.visionConsolidationAccordianDiv{
    overflow:inherit !important;
}
.visionConsolidationFirstSubTable{
    /*margin-left:194px !important;*/
    width: 206px;
}
.visionCharMandColor{
    /*margin-left:194px !important;*/
    color:#FF0000;
}

th.visionPDRTableData {
    border:1px solid #0071c5 !important;
}
td.visionPDRTableData{
    border:1px solid #0071c5 !important;
}
th.visionPDRTableInfo{
    border:1px solid #0071c5 !important;
}
td.visionPDRTableInfo {
    border:1px solid #0071c5 !important;
}

/* Consolidation media queries start*/
@media screen and (min-width: 320px)  and (max-width: 480px) {
    .visionPDRMatrixSelectInfo {
        margin-left: 25%;
    }

}
@media screen and (min-width: 481px)  and (max-width: 600px) {
    .visionPDRMatrixSelectInfo {
        margin-left: 40%;
    }

}
@media screen and (min-width: 601px)  and (max-width: 823px) {
    .visionPDRMatrixSelectInfo {
        margin-left: 50%;
    }

}
@media screen and (min-width: 824px)  and (max-width: 1024px) {
    .visionPDRMatrixSelectInfo {
        margin-left: 64%;
    }

}
@media screen and (min-width: 1025px)  and (max-width: 1160px) {
    .visionPDRMatrixSelectInfo {
        margin-left: 70%;
    }

}



@media screen and (min-width: 320px)  and (max-width: 520px) {
    .VisionPDRMatrixThDiv, .VisionPDRMatrixTdDiv {
        width: 338px !important;

    }

}
@media screen and (min-width: 720px)  and (max-width: 820px) {
    .VisionPDRMatrixThDiv, .VisionPDRMatrixTdDiv {
        width: 305px !important;

    }

}

@media screen and (min-width: 1024px)  and (max-width: 1159px) {
    .VisionPDRMatrixThDiv, .VisionPDRMatrixTdDiv {
        width: 294px !important;

    }

}
@media screen and (min-width: 1160px)  and (max-width: 1370px) {
    .VisionPDRMatrixThDiv, .VisionPDRMatrixTdDiv {
        width: 286px !important;

    }

}

@media screen and (min-width: 1380px)  and (max-width:2000px) {
    .VisionPDRMatrixThDiv, .VisionPDRMatrixTdDiv {
        width: 290px !important;

    }

}

/* Consolidation media queries end*/


/* scroll bar css start*/

.visionScrollBar::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    border:1px solid #2694e882;

}

.visionScrollBar::-webkit-scrollbar-thumb {
    background: #EAF4FD; 
    border-radius: 10px;
    border:1px solid #0071c5;
}

.visionScrollBar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent; 
    border-radius: 10px;
}
.visionScrollBar *::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    border:1px solid #2694e882;

}

.visionScrollBar *::-webkit-scrollbar-thumb {
    background: #EAF4FD; 
    border-radius: 10px;
    border:1px solid #0071c5;
}

.visionScrollBar *::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent; 
    border-radius: 10px;
}

.visionScrollBar{
    scrollbar-color: #EAF4FD transparent;
    -ms-scrollbar-face-color: #eaf4fd;
    -ms-scrollbar-track-color:#eaf4fd;
    -ms-scrollbar-shadow-color:#0071c5;
    -ms-scrollbar-arrow-color:#0071c5;
}
/* scroll bar css End*/

.visionConsolidationResetButton
{
    float:left;
    position: relative;
    z-index: 9999;
    margin-left:7px;
    margin-right:4px;
    margin-bottom: 3px;
    background-image: url('../images/reset_icon3.png');
}
.visionConsolidationResetButton:hover
{
    background-image: url('../images/reset_icon_hover.png');
}
.visionConsolidationExportButton
{
    position: relative;
    z-index: 9999;
    margin-left:7px;
    margin-bottom: 3px;
    float:left;
    background-image:url("../images/export_icon_blue.png");  
}

.visionConsolidationExportButton:hover
{
    background-image:url("../images/export_icon_white.png")  
}

.ui-datepickerReports{
    border: 1px solid #0071C5;
    background-color:#fff; 
    z-index:10000 !important;

}
.visionGenericClusterSubmit
{
    float:left;
    position: relative;
    z-index :1;
}

.visionBarcodeContainer{
    /*    display: inline-block;
        vertical-align: middle;
        height:25px;
        line-height:25px;*/
}
.barcode-scan{
    /*    width:30px;
        height:27px;
        background-repeat: no-repeat;
        background-color: transparent;
        vertical-align: top;
        margin-left:35px;
        background-image : url('../images/barcode-search-icon.png');  */
    /* margin: 0; */
    height: 27px;
    width: 30px;
    /* font-weight: bold; */
    /* outline: none; */
    cursor: pointer;
    text-align: center;
    /* text-decoration: none; */
    color: #ffffff;
    border: solid 1px #0076a3;
    /* border-right: 0px; */
    /* border-top-right-radius: 5px 5px; */
    /* border-bottom-right-radius: 5px 5px; */
    position: absolute;
    background: #0071C5 url(../images/barcode-search-icon-white.png); 
    background-position: center center;
    background-repeat: no-repeat;

    margin-left: 35px;
    /*background-image: url(../barcode-search-icon-white.png);*/
    /*    background-color: white;*/
    border-radius: 5px;
}


.analysisBox{
    text-align: left;
    line-height: 20px;
    text-transform: capitalize;
}


.visionLapsFrom{

    margin-right: 20px;
    margin-top: 4px;

}
.visionLapsTo{
    margin-left: 40px;
    margin-right: 20px;

}
.categorysearchautocomplete
{
    margin: 0;
    height: 33px;
    width: 30px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border: solid 1px #0076a3;
    border-right: 0px;
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;

    position: absolute;

    background: #0071C5 url('../images/search_icon_2.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;

}

.visionNavigationIcons{
    width:50%;
    float:left;
}
.visioncategorytextautocompleteBox{
    float: left;
    width: 50%;
}
.clear_category_input{

    cursor: pointer;
    display:none;
    position: absolute;

    margin-left: -18px;
    margin-top: 6px;

}

@media screen and (min-width:420px) and (max-width:590px){
    .visioncategorytextautocompleteBox{

        width: 100%;
    }
}

.visionFeedbackFormFields input[type="text"]
{
    width: 144px;
}
.visionFeedbackFormData select
{
    width: 148px;
}


@media screen and (min-width:420px) and (max-width:820px){
    .Rating_average{
        width:50%;
    }
    .Ratings_user1{
        width:40%;
    }
    .visionFeedbackFormTable{
        width: 100%;
    }
}
@media screen and (min-width:320px) and (max-width:419px){
    .Rating_average{
        width:50%;
    }
    .Ratings_user1{
        width:100%;
    }
    .visionFeedbackFormTable{
        width: 100%;
    }
}
@media screen and (min-height:770px) and (max-height:1100px){
    .Feedback_view{
        height:600px;
        overflow-y:scroll;
    }
}

.visionRetrieveInput{
    float: left;
    margin-left: 4.6%;
}
.visionRetriveBtn{
    float:left;
    margin-left: 2%;
}



.visionVoiceSearch{
    display: inline;
}

.mic-Assistant{
    height: 30px;
    width: 30px;
    margin-right: 10px;
}


.visiondisabledDiv {
    pointer-events: none;
    opacity: 0.5;
}
.VisionForwardArrowIcon{
    float: left;
    position: absolute;
    margin-left: 98%;
    margin-top: 206px;
    padding-left:6px;

}
.VisionBackwardArrowIcon
{
    margin-top: 206px;
    position: absolute;
}

/*.visionMenuScroll{
    overflow-y:scroll;
    
}*/
.jqx-menu-dropdown{

    width:250px !important;
    height:auto !important;
    max-height:400px !important;
    /*overflow-y:scroll !important;*/
}
.sideMenuIcons,.sideMainMenuIcons
{
    width: 30px;
    /*height: 30px;*/
    /*padding:5px 0px 10px 5px;*/
    vertical-align:middle;
    height: 25px;
    margin-right:5px;
}
@media screen and (min-width:320px) and (max-width:700px){
    .jqx-menu-dropdown{

        width:100px !important;
        height:auto !important;
        max-height:400px !important;


    }
}
@media screen and (min-width:700px) and (max-width:899px){
    .jqx-menu-dropdown{

        width:150px !important;
        height:auto !important;
        max-height:400px !important;


    }
}
.filterAccordian{
    height:100%;
}

/* Analytics Start  */

.visionAnalyticFormData
{
    width:16px;
    height:16px;
    cursor:pointer;
}
.visionAnalyticData
{
    width:16px; 
    height:16px;
    padding-left:4px;
    cursor:pointer; 
}
.visionDataAnalyticRefresh
{
    width:16px;
    height:16px;
    padding-left:4px;
    cursor:pointer;

}

.visionAnalyticChartboxMain
{
    /*    width: 49%;*/
    float:left;
    padding: 2px;
    text-align: left;
    /*border-radius: 10px;*/
    display: inline-block;
    margin: 5px;
    border: 1px solid #e0e9f5;
    box-sizing:border-box;
    /*    resize: both;*/
    overflow: HIDDEN;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
    padding: 16px 20px;
    transition: box-shadow 200ms;
    margin-left:10px;
    background-color:#fff;
    /*height:430px;*/
}
.visionAnalyticNestedChartMain
{
    width: 89%;
    float:left;
    padding: 2px;
    text-align: left;
    border-radius: 10px;
    display: inline-block;
    margin: 5px;
    border: 1px solid #e0e9f5;
    box-sizing:border-box;
    /*    resize: both;*/
    overflow: HIDDEN;
}
.analyticChartNoDataClass
{
    height:354px;
    /*    width:500px;*/
    clear:both;
    text-align: center; 
    font-size: 21px;
    padding-top: 72px;
}
.visionAnalyticExpandImage
{
    float:right;
    width: 15%;  
    padding-top:2px; 
    cursor: pointer;
}
.visionAnalyticCheckBoxDataClass{
    position:absolute;
    display: block;
    border: 2px solid #ededed;
    border-radius: 10px;
    color:black;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    /*font-weight: 600;*/
    font-size: 12px;
    line-height: 20px;
    width: 292px;
    height: 315px;
    overflow-y: scroll; 
    /*    top: 140px;*/
    z-index: 999;
    box-shadow: 0px 3px 1px -2px
        rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px
        rgba(0, 0, 0, 0.12);
    background-color:#fff;
}
.visionAnalyticCheckBoxVal[type=checkbox] {   
    transform: scale(1.5);
}

.visionAnalyticCheckBoxVal[type=checkbox] { 
    width: 30px;
    height: 30px;
    margin-right: 6px;
    cursor: pointer;
    font-size: 6px;
    visibility: hidden;
    /* -moz-appearance:initial; */
    appearance: none;
    -webkit-appearance: none;    
    -moz-appearance: none;    
}

.visionAnalyticCheckBoxVal[type=checkbox]:after {  
    content: " ";
    background-color:white;  
    display: inline-block;
    margin-left: 10px;
    padding-bottom: 5px;
    color: #333333 ;
    width: 7px;
    height: 4px;
    visibility: visible;
    border: 1px solid #999999;
    padding-left: 2px;
    border-radius: 3px;
    margin-top: 17px;
}     

.visionAnalyticCheckBoxVal[type=checkbox]:checked:after {     
    content: "\2714";
    padding: -5px;
    font-weight: bold;   
}  
.visionarrow{
    position: absolute ;
    width: 0; 
    height: 0; 
    border-left: 4px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 32px solid #ededed;
    margin-left: 22px;
    margin-top: -21px;
}
.visionarrow 
{ 
    display:none;
} 
.visionAnalyticCheckBoxButton
{
    float:right;
    margin-right:92px; 
    background-image: url("../images/reports_icon_blue.png");
} 
.visionAnalyticCheckBoxButton:hover
{
    background-image:url("../images/reports_icon_white.png");
}

.visionAnalyticChartButtonsDropdown
{
    width:100%;
    display:inline-block;
}
.visionAnalyticFormDivButtons
{
    float:left;
    width:30%;
    padding-top:2px;  
}
.visionDataAnalyticDropdown
{
    float:left;
    width:30%;
}


/* Analytics mediaquries */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .visionAnalyticCheckBoxVal[type=checkbox] { 
        width: 30px;
        height: 30px;
        margin-right: 6px;
        cursor: pointer;
        font-size: 6px;
        visibility: visible; 
        vertical-align: middle;
    } 
}      
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .visionAnalyticCheckBoxVal[type=checkbox]{  
        transform: scale(0.5);
    }   
}     

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .visionAnalyticCheckBoxDataClass {
        color: black;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 13px;
        line-height: 20px;
        width: 302px;  
    }
} 
@media only screen and (min-width: 320px) and (max-width:413px){
    .visionAnalyticCheckBoxDataClass{
        width:272px;

    }
}
@media only screen and (min-width: 414px) and (max-width:800px){
    .visionAnalyticCheckBoxDataClass{
        /*   top:158px;*/
    }
}
@media only screen and (min-width: 801px) and (max-width:899px){
    .visionAnalyticCheckBoxDataClass{
        /*    top:154px;*/
    } 
}
@media only screen and (min-width: 900px) and (max-width:1100px){
    .visionAnalyticCheckBoxDataClass{
        /*    top:129px;*/ 
    } 
}  
@media only screen and (min-width:320px) and (max-width:369px)
{
    .visionAnalyticChartboxMain
    {
        width: 340px !important;   
    }  
}   
@media only screen and (min-width:370px) and (max-width: 499px) 
{ 
    .visionAnalyticChartboxMain
    {
        width: 95% !important;
    } 
    .visionCommonDialog
    {
        width:358px !important;
    }  
} 
@media only screen and (min-width: 500px) and (max-width:720px)
{
    .visionAnalyticChartboxMain
    {
        width: 94% !important;
    } 
    .visionCommonDialog
    {
        width:486px !important;
    } 
}
@media only screen and (min-width: 721px) and (max-width:920px)
{
    .visionAnalyticChartboxMain
    {
        width: 48% !important;
    }
    .visionCommonDialog
    {
        width:702px !important;
    } 
}

@media only screen and (min-width: 921px) and (max-width:1100px)
{
    .visionAnalyticChartboxMain
    {
        width: 47% !important;
    }        
}  


/* Analytics End  */

.fs-wrap {
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    width: 80%;
}

.fs-label-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: default;
}

.fs-label-wrap,
.fs-dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fs-label-wrap .fs-label {
    padding: 6px 22px 6px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fs-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
    transition: ease-in 0.15s;
}

.fs-open .fs-arrow {
    transform: rotate(-180deg);
}

.fs-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 200px;
    margin-top: 5px;
    z-index: 1000;
}

.fs-dropdown .fs-options {
    max-height: 200px;
    overflow: auto;
}

.fs-search input {
    border: none !important;
    box-shadow: none !important;
    outline: none;
    padding: 6px 0;
    width: 100%;
}

.fs-option,
.fs-search,
.fs-optgroup-label {
    padding: 6px 8px;
    border-bottom: 1px solid #eee;
    cursor: default;
}

.fs-option:last-child {
    border-bottom: none;
}

.fs-search {
    padding: 0 8px;
}

.fs-no-results {
    padding: 6px 8px;
}

.fs-option {
    cursor: pointer;
    word-break: break-all;
}

.fs-option.disabled {
    opacity: 0.4;
    cursor: default;
}

.fs-option.hl {
    background-color: #f5f5f5;
}

.fs-wrap.multiple .fs-option {
    position: relative;
    padding-left: 30px;
}

.fs-wrap.multiple .fs-checkbox {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
}

.fs-wrap.multiple .fs-option .fs-checkbox i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #aeaeae;
    border-radius: 2px;
    background-color: #fff;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: #0071C5;
    border-color: transparent;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center;
}

.fs-optgroup-label {
    font-weight: bold;
    text-align: center;
    background-color: #f8f8f8;
}

.hidden {
    display: none;
}

.visionSearchCharRedDiv{
    color: #ff0000;
}
.visionSearchCharValRedDiv{
    color: #ff0000;
}
/* Data Migration css start */
.dataMigratorTreeDiv{
    width:20%;
    float:left;
    /*bindhu*/
    margin-top: 35px;
    /*bindhu*/
    margin-left: 10px;
    /*        border-right: 1px solid #0071c5;*/
}
.dataMigratorContent{
    width:75%;
    float:left;
    margin-bottom: 2%;
    margin-left:25px;
}
.visionConnectToDbDiv{
    display:none;
}
.visionConnectToDbDiv{
    margin-top: 13px;
}
.visionUploadFileDiv{
    display:none;
}
.visionUploadFileDiv{
    /*    margin-top:20%;*/
}
.selectFileLabel{
    font-weight:bold;
    font-size:14px;
    margin-right: 10px;

}
.visionFileUploadInput{
    border: 1px solid lightgrey;
    padding: 5px;
}

.visionDbTd{
    padding: 5px;
    /*    color:#0071c5;*/
}
.visionInputDbFields{
    width: 240px;
    padding: 3px;
}
.dataMigrationTabs{
    border:1px solid lightgrey !important;
    /*    min-height:auto;
        max-height:800px;*/

}
.dataMigrationTabsHeader{
    background-color: #e0e9f5 !important;
}
.visionInputDbButton{
    margin-left: 35%;
}
.visionInputSaveButton{
    margin-left: 35%;
}

.visionDataMigrationError,.dataMigrationInputError
{
    width: 100%;
    color:red;
    font-size: 13px;  
    text-align:center;  
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.savedConnectionsTable{
    margin:7px;
}

/*css for fieldchooser drag drop start*/


.fc-field {
    width: 250px;
    height: 15px;
    margin: 5px;
    margin-bottom: 5px;
    padding: 2px;
    /*    background-color: #e0e9f5;*/
    border: 1px dashed lightgray;
    /*    box-shadow: 0px 0px 10px 0px rgba(222, 222, 222, 1.0);*/
}

.fc-field:hover {
    outline: #cacaca solid 1px;
    cursor: pointer;
}

.fc-selected {
    /*    background-color: #e0e9f5;*/
    cursor: pointer;
}

.fc-selected:hover {
    /*    background-color: #ffd448;*/
}

.fc-field-list {
    width: 290px;
    height: 300px;
    margin: 0px;
    padding: 3px;
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid lightgrey;
}

.fc-source-fields {
    float: left;
}

.fc-destination-fields {
    float: right;
}
.visionTablesComboBox {
    width: 640px; 
    height:auto; 
    margin-top: 2%;
}
.destinationTablesHeader{
    margin-top: -19px;
    float: left;
    text-align: right;
    margin-left: 27px;
    color: #0071c5;
    margin-bottom: 4px;
}
.sourceTablesHeader{
    text-align: left;
    margin-bottom: 4px;
    color: #0071c5;
}
.visionTablesProcessButton{
    margin-top:2%;
    float:right
}
/*css for fieldchooser drag drop end*/

/* css for mapping start*/

table.sourceDestColsTable tbody,
table.sourceDestColsTable thead tr { display: block; }

table.sourceDestColsTable tbody {
    height:254px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*table.sourceDestColsTable thead  th{
    width:220px;
}*/
table.sourceDestColsTable tbody  td{
    width:225px;
    text-align: center;
    padding:2px;
}
.visionMappedTable{
    margin: 2%;
    height:auto
}
.visionProcessCols{
    float:right;
}
.sourceColsSelectBox{
    width:250px;

}
.destColsSelectBox{
    width:250px;
}
.visionSourceTablesMain{
    margin: 2%;
    margin-right: -5px !important;
}

table.visionSelectedTables tbody,
table.visionSelectedTables thead tr { display: block; }

table.visionSelectedTables tbody {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 78px;
}

/* css for mapping end*/
.visionDMDefaultValues{
    width:194px;
}
/* css for DM file upload start*/
.visionDMFileUploadclass{
    width: 96%;
    height: 260px;
    background-color:#eceff1;
    border: 1px dashed black;
    border-radius: 3px;
    text-align: center;
    overflow: auto;
}
.VisionDMUploadFileContent{
    padding: 105px;
    font-size: 15px;
}
.visionDMFilesInput{
    display: none;
}

.visionProcessMappedFileBtn{
    margin-top: 2%;
    float: right;
}


.visionProcessColsBtn,.visionTablesProcessButton,.visionProcessMappedFileBtn
{

    background-image: url("../images/process_icon_new.png");
} 
.visionProcessColsBtn:hover,.visionTablesProcessButton:hover,.visionProcessMappedFileBtn:hover
{
    background-image:url("../images/process_icon_white.png");
}
.visionInputSaveButton
{

    background-image: url("../images/save_icon2.png");
} 
.visionInputSaveButton:hover
{
    background-image:url("../images/save_icon_hover.png");
}
.visionInputDbButton{
    background-image:url("../images/generate_description_icon2_blue.png");
}
.visionInputDbButton:hover{
    background-image:url("../images/generate_description_icon2_white.png");
}

.visionShowFileType{
    margin-bottom: 10px;
    margin-top: 12px;
}
.visionDBtype{
    font-weight: bold;
}
.visionConnectionName{
    margin-left: 30px;
}
.visionTablesSearch{
    margin:10px 0;
}
.visionTablesSearchInput{
    width: 294px;
    height: 20px;
    position: absolute;
    border-color:#0071c5 !important;

}
.visionClearFieldBtn{
    margin-left: 280px;
    cursor: pointer;
    position: absolute;
    margin-top: 4px;
}

/* css for DM file upload end*/
.draggableTable
{
    opacity: 0.5;
    z-index:9999999;
    position: static !important;
}
.droppedTable
{
    position: static !important;
}

.visionTableName{
    width: 250px;
    height: 15px;
    margin: 5px;
    margin-bottom: 5px;
    padding: 2px;
    border: 1px dashed lightgray;
    cursor:pointer;


}

.sourceFields {
    border: 1px solid #ccc;
    padding: 5px;
    min-height: 100px;
    width: 275px;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
    margin:5px;

}
.destinationFields {
    border: 1px solid #ccc;
    padding: 5px;
    width: 275px;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 300px;
    margin-left: 25px;
}
.visionCloseDestTableBtn{
    float: right;
    display:none;
}
.visionERPMain{
    margin-left: 180px !important;
    margin-top: 30px;
}
.visionERPDbTd{
    padding: 5px;
    /*    color:#0071c5;*/
}

.visionERPDbLabels{
    font-weight:bold;
}
.visionShowERPConnectionType{
    margin-top: 14px;
}
/* Data Migrator media quries start */
@media only screen and (min-width:320px) and (max-width:360px)
{
    .visionInputDbFields
    {
        width:118px;
    }
    .visionSourceTablesMain
    {
        width: 227px;
    }
    table.sourceDestColsTable tbody, table.sourceDestColsTable thead tr
    {
        width:222px; 
    } 
    .sourceColsSelectBox 
    {
        width: 82px;
    }  
    .destColsSelectBox 
    {
        width: 82px;
    } 
    .defaultValues
    {
        width: 22px; 
        margin-left: 2px;
    }
    .visionTablesComboBox 
    {
        width: 238px;
    }
    .fc-field-list  
    {
        width: 231px;
    }
    .dataMigratorContent
    {
        height: 210px;
    }
    .destinationTablesHeader 
    {
        margin-top: 4px
    }
}  
@media only screen and (min-width:361px) and (max-width:420px)
{
    .visionInputDbFields
    {
        width:154px; 
    }
    .visionSourceTablesMain
    {
        width: 259px;
    }
    table.sourceDestColsTable tbody, table.sourceDestColsTable thead tr
    {
        width:256px; 
    } 
    .sourceColsSelectBox 
    { 
        width: 102px;
    } 
    .destColsSelectBox 
    {
        width: 102px;
    }
    .defaultValues
    {
        width:22px; 
        margin-left: 0px;
    }
    .visionTablesComboBox 
    {
        width: 255px;
    }
    .dataMigratorContent
    {
        height: 210px;
    }

    .fc-field-list 
    {
        width: 248px;
    }
    .destinationTablesHeader 
    {
        margin-top: 4px
    }  
}   
@media only screen and (min-width:421px) and (max-width:600px)
{
    .visionInputDbFields
    {
        width:154px; 
    }
    .visionSourceTablesMain
    {
        width: 322px;
    }
    table.sourceDestColsTable tbody, table.sourceDestColsTable thead tr
    {
        width:318px; 
    }
    .sourceColsSelectBox 
    {   
        width: 86px;
    }
    .destColsSelectBox 
    { 
        width: 86px;
    }
    .visionTablesComboBox 
    {
        width: 295px;
    }
    .dataMigratorContent
    {
        height: 210px;
    }
    .fc-field-list 
    {
        width: 290px;
    }
    .destinationTablesHeader 
    {
        margin-top: 4px
    }  
}  
@media only screen and (min-width:601px) and (max-width:900px)
{
    .dataMigratorContent 
    {
        width: 71%;
    }
    .visionConnectToDbDiv
    {
        margin-left:70px;
    }
    .visionInputDbFields 
    { 
        width: 152px;
    }
    .visionTablesComboBox 
    {
        margin-left: 65px;
    }  
} 
@media only screen and (min-width:601px) and (max-width:992px){ 
    .visionColumnsMapping
    {
        margin-left:57px;
    }
    table.sourceDestColsTable tbody, table.sourceDestColsTable thead tr
    {
        width:100%;   
    } 
    .visionSourceTablesMain
    {
        width:652px;
    }
}    
@media only screen and (min-width:901px) and (max-width:1000px){ 
    .fc-field-list { 
        width: 286px;
    }    
    .visionTablesComboBox {
        width: 603px; 
    }           
}      
/* Data Migrator media quries end */

.visionShowConnectionType{
    margin-top: 14px;
}
.visionMenuTreeLabel{
    float:left;
    margin-top:5px;
}
.visionDbLabels{
    font-weight:bold;
}

.visionTreeBodyContentInner{
    width:98% !important;
}
.visionTreeDescription{
    height: 20px;
    background-color: #EAF4FD;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
}
.visionTreeDropDown{    
    margin-top:10px;
    margin-bottom:5px;
}



.visionStepsProgressbar {

    overflow: hidden;

    counter-reset: step;
}
.visionStepsProgressbar li {
    list-style-type: none;
    color: black;
    text-transform: capitalize;
    font-size: 12px;
    width: 33.33%;
    float: left;
    position: relative;
}
.visionStepsProgressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 12px;
    color: #333;
    background: #e0e9f5;
    text-align: center;
    border-radius: 3px;
    margin: 0 auto 5px auto;
}

.visionStepsProgressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #e0e9f5;
    text-align: center;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1; 
}
.visionStepsProgressbar li:first-child:after {

    content: none;
}

.visionStepsProgressbar li.active:before, .visionStepsProgressbar li.active:after {
    background: #0071c5;
    color: white;
    /*padding-left: 12px;*/
    text-align: center;
}
.visionProcessStepsContent{
    text-align:center;
}
/*.dataMigratorTreeInner{
    border:none !important;
    margin-top: 40px !important; 
}*/
.visionProgressSteps{
    display:none;
}
.visionProgressFilesSteps{
    display:none;
}
/* Data Migration css end */

.visionTreeBodyContentInner{
    width:96% !important;
}
.visionExpandBodyContentInner{
    width:96% !important;
}
.visionTreeDescription{
    height: 20px;
    background-color: #EAF4FD;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
}
.visionTreeDropDown{    
    margin-top:10px;
    margin-bottom:5px;
}
.visionCockpitDatalabel{
    font-size:13px !important;
    width:8% !important;
}
.visionCockpitDataValue{
    font-size:13px !important;
    width:15% !important;
}
.visionCockpitViewPersonalize{
    height:auto !important;
}
.visionCockpitViewSettings{
    border:none !important;
}
.visionCockpitViewReg{
    margin:0 !important;
    border-top-left-radius: 0 !important;
}
.visionTreeCompDiv{
    overflow-y:scroll !important;
}

.visionClusterTableForm {
    border-collapse: collapse;
    width: 500px;
    overflow-x: scroll;
    display: block;
}
.visionClusterTableForm thead,.visionClusterTableForm tbody {
    display: block;
}
.visionTableFormstickyHeader {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 225px;
}
.visionClusterTableForm thead th,.visionClusterTableForm tbody td {
    min-width: 100px;
    height: 25px;
    overflow:hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}
.visionClusterTableFormTbodyTdTp{
    width:90%;
}
.visionClusterTableFormTbodyTd{
    width:100%;
}
.visionClusterTableForm tbody tr{
    border-bottom:1px solid #0071c5 !important;
}
.visionClusterTableForm tbody td{
    border-right:1px solid #0071c5 !important;
}
.visionTableFormUnEditableTd{
    border:none !important;
}
.visionTableFormDataInputImage{
    margin-left:5px;
    vertical-align: middle;
    cursor:pointer; 

}
.visionNtfctnImg{
    width: 16px !important;
    height: 16px;
    cursor: pointer;
    margin-right: 14px;
}
.taxonomyClass{
    margin-top: -52px;
}
/*  vision timeline new css Start */
.visionTimeLine{
    width: 96%;
}
.visionTimeLineBookmark{
    float:right;
    width:50%;
}
.visionTimeLineMainLeft{
    width:98%;
}
.visionTimeLineMainItem{
    float: left;
    width: 415px;    
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); 
    margin:2% 3%;
    font-size:13px;
    height:auto;
} 
.visionTimeLineLInfo{
    margin:10px;
    position:relative;
}
.visionTimeLineLProfile,.visionTimeLineLDesc,.visionTimeLineLStatus,.visionVLine{
    float:left;
    height:150px;
    margin: 7px 0;
    margin-top:-1%;
}
.visionTimeLineLProfile{
    width:21%;
    font-size: 11px;
    margin-top: inherit;
}
.visionVLine{
    border-left: 6px solid rgb(255, 51, 0);
    margin-right:15px;
    height: 161px;
}
.visionTimeLineLDesc{
    width:57%;
    font-size: 13px;
}
.visionTimeLineLStatus{
    width:0%;
    font-size: 13px;
}
.visionTimeLineLPImg{
    width:25%;
    margin: 0 auto;
    margin-left: 25px;
}
.visionTimeLineLPImg img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: middle;
    align-items: center;
}
.visionTimeLineLPName p,.visionTimeLineLPDate p,.visionTimeLineLPTime p{
    text-align:center;
    vertical-align: middle;
}
.visionTimeLineLDesc span{
    font-weight:bold;
}
.visionTimeLineLStatusBtn input[type="button"]  /*  .visionLoginFieldButton input[type="button"]  */
{
    background-position: calc(100% - 4px) 3px; 
    padding: 0px 27px 0px 4px; 
    background-image: url('../images/timeLineSearch_iconWhite.png');  
    font: normal 12px/22px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    background-color:#0071c5;
    color:#fff;
    /*    font-weight:bold;*/
}
.visionTimeLineLStatusCheck input[type="button"]{
    background-image: url('../images/timeLineSearch_iconWhite.png'); 
}
.visionTimeLineLStatusBtn input[type="button"]:hover   /*  .visionLoginFieldButton input[type="button"]  */
{
    background-position: calc(100% - 4px) 3px; 
    padding: 0px 27px 0px 4px; 
    background-image: url('../images/timeLineSearch_icon.png');  
    font: normal 12px/22px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    background-color:#fff;
    color:#0071c5;
    /*    font-weight:bold;*/
}
.visionTimeLineLStatus{
    position: relative;
}
.visionTimeLineLStatusBtn{
    position: absolute;
    bottom: 0px; 
    right: 0px;
    margin-right: -50px;
}
.visionTimeLineLStatusImgDesc{
    text-align: right;
    position: relative;
    top: 40px;
}
.visionTimeLineLStatusImg{
    right: 9px;
    position: absolute;
}
.visionTimeLineInfo{
    height: auto;
    position: absolute;
    bottom: 1px;
}
.visionVSubLine{
    float:left;
    height:68px;
    border-left: 6px solid rgb(255, 51, 0);
    margin-right:15px;
}
.visionTimeLineProfile,.visionVSubLine,.visionTimeLineStatusMain,.visionTimeLineProfilePic,.visionTimeLineUser
{
    float:left;
}
.visionTimeLineProfile{
    width:21%;
    margin-left:1%;
}
.visionTimeLineStatusMain{
    width:25%;
    height: 68px;
    margin-top: 5px;
}
.visionTimeLineProfilePic{
    width:14%;
    margin: 0 auto;
}
.visionTimeLineUser{
    width:29%;
    margin-top: 2%;
    margin-left: 5%;
}
.visionTimeLineProfilePic img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: middle;
    align-items: center;
    margin-top: 15px;
}
.visionTimeLineStatus{
    position: relative;
    margin-top: 25px;
    margin-bottom: 20px;
}
.visionTimeLineDate p{
    text-align:center;
    vertical-align: middle;
}
.visionTimeLineTime p{
    text-align:center;
    vertical-align: middle;
}
.visionTimeLineRole p{
    font-size:12px;
}
.visionTimeLineStatus span{
    padding: 5px;
    background-color: #0071c5;
    color: #fff;
    border-radius: 5px;
}
.visionTimeLineInfo{
    display:none;
    position: relative;
    margin-top: 1px;
}
.visionTimeLineBookmark{
    display:none;
}

.VisionTimeLineIcon {
    position: relative;
    display: inline-block;

}
.VisionTimeLineIcon
{
    float:left;
    margin-left:96.76%;
    position:absolute;
    margin-top:3%;
}

/*timeline new css code  */
.visionTimeLineYearList
{
    margin-top:-36px;
}

.visionTimeLineMonthsList{
    margin-left:20px;
}

.visionTimeLineYearsModel {
    width: 90px;
    height: 41px;  
    position: relative;
    margin-top: 97px;

}
.visionTimeLineYearsModel:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid white;  
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}    
.visionTimeLineYearsModel:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid DeepSkyBlue;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.visionGenericYearData{
    margin-left: 38px;
    padding-top: 10px;
} 

.visionTimeLineMonthsModel {
    width: 77px;
    height: 41px;
    position: relative;
    margin-top: 47px;
    margin-left: -39px; 
}
.visionTimeLineMonthsModel:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid white;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.visionTimeLineMonthsModel:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid lightgreen;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.visionTimeLineMonthName{
    margin-left: 30px;
    padding-top:10px;
}
.visionTimeLineDaysModel {
    width: 50px;
    height: 39px;
    position: relative;
    margin-top: 40px;
    margin-left: -41px;
} 
.visionTimeLineDaysModel:after {
    content: "";
    position: absolute;
    left: 0;  
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid white;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.visionTimeLineDaysModel:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;   
    height: 0;
    border-left: 20px solid peachPuff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.visionTimeLineDayWise{
    margin-left: 28px;
    padding-top: 9px;
}

.visionTimeLineMonth
{
    margin-left: 23px;
}
.visionTimeLineYearCountShow
{
    float:left;
    width:40%;
}

.visionTimeLineDays
{
    position: absolute;
}

/*time line new css end */

/* time line new css media quries */
@media screen and (min-width: 320px)  and (max-width: 600px) {
    .visionTimeLineMainItem
    {
        width:100% ;
    }
    .visionTimeLineLPImg
    {
        margin-left:4px;
    }
    .visionTimeLineBookmark
    {
        width:85%;
    }
    .visionTimeLineMainLeft {
        width: 94%;
    }
    .visionGenericYearData {
        margin-left: 19px;
    }
    .visionAuditData {
        top: 132px !important;
        margin-left: 11px !important;
    }
    .visionGenericYearData {
        margin-left: 13px;
        padding-top:2px;
    }
    .visionTimeLineLStatus  
    {
        height: 184px;
    }
    .visionTimeLineLStatusBtn{
        margin-right:-36px;
    }
    .visionTimeLineYearsModel {
        width: 40px; 
    }
    .visionGenericYearData {
        margin-left: 20px;
        padding-top: 13px;
        font-size: 10px;
        font-weight: bold;
    } 
    .visionTimeLineMonthName {
        margin-left: 22px;
        font-size: 10px;
    }
    .visionTimeLineMonthsModel {
        width: 46px;
    }
    .visionTimeLineYearList
    {
        margin-left:-30px !important;
    }
    .visionTimeLineBookmark {

        width: 85%;
        position: relative;
        margin-left: 56px !important;
        float: left;
    }
}
@media screen and (min-width: 601px)  and (max-width: 920px) {
    .visionTimeLineMainItem
    {
        width:78% ;
        margin-left: 12%;
    }
    .visionTimeLineLPImg
    {
        margin-left:4px;
    }
    .visionTimeLineBookmark
    {
        width:85%;
    }
    .visionTimeLineMainLeft {
        width: 94%;
    }
    .visionGenericYearData {
        margin-left: 19px;
    }
    .visionAuditData {
        top: 132px !important;
        margin-left: 29px !important; 
    }
    .visionGenericYearData {
        margin-left: 22px;
        padding-top:2px;
    }
    .visionTimeLineYearsModel {
        width: 65px;
    }
}
@media screen and (min-width: 921px) and (max-width: 1080px) {
    .visionTimeLineMainItem
    {
        width:45%;
    }
    .visionTimeLineBookmark{
        width:43%;
    }
    .visionGenericYearData {
        margin-left: 17px;
    }
    .visionTimeLineYearsModel {
        width: 49px;
    }
    .visionTimeLineMonthsModel
    {
        width:52px;
    }
    .visionTimeLineYearList
    {
        margin-left: -32px !important;
    }
    .visionTimeLineMonthName {
        margin-left: 18px;
    }
}
@media screen and (min-width: 1081px) and (max-width: 1269px) {
    .visionTimeLineBookmark
    {
        width:46%;
    }
    .visionTimeLineYearsModel {
        width: 66px;
    }
    .visionGenericYearData {
        margin-left: 31px;
    }
}
@media screen and (min-width:1700px) and (max-width:2000px)
{
    .visionTimeLineMainItem{
        width:42%;
    }
    .visionTimeLineBookmark
    { 
        width:40%;
    } 
} 
.visionAuditData
{
    margin-left:36px;
    top:36px;
}
/*vision timeline new css end*/

/* Getting Started CSS Start   */

.visionGettingVideoDesc{
    width: 90%;
    border-radius: 3px;
    margin-left: 20px;
    height:50px;
    background: #f8f8f8;
    text-align: center;
}
.visionGettingVideoDesc p{

    font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding:10px;
}
.visionGettingStartedMenuIcon
{
    cursor:pointer;
    color:#fff;
    font-size: 2.0em;
    display:none;
}


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

.visionGettingStartedMenuInner
{
    float:left;
    display:none;
    background:#f9f9f9;
    border: 1px solid #0071c5;
    border-radius: 5px;
    width:auto;
    background-color:none;
    position: absolute;
    left: 0;
    top:100px;
    z-index: 999999;
}
.visionGettingManualInform
{
    width:100%;
    padding:40px 0;
    display:none;
}

.visionEnlargeDiv {

    position: absolute;
    display:none;
    text-align: center;
    cursor:pointer;
    margin-top:5px;
    margin-left: 330px;
}


.visionEnlargeIcon{
    width:25px;
    height:25px;
}
.visionShowManualPopup{
    width:100%;
    height:100%;
}
.visionGettingStaredTitle h4{
    font: normal 22px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 0px;
    margin-left: 25px;
    color:#0071c5;
}

@media screen and (min-width: 320px) and (max-width: 500px) {
    .visionEnlargeDiv {

        margin-top:5px;
        margin-left: 250px;
    }
}
@media screen and (min-width: 501px) and (max-width: 700px) {
    .visionEnlargeDiv {

        margin-top:5px;
        margin-left: 350px;
    }
}
@media screen and (min-width: 800px) and (max-width: 900px) {
    .visionEnlargeDiv {

        margin-top:5px;
        margin-left: 300px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .visionEnlargeDiv {

        margin-left: -52px;
    }
}
/* Getting Started CSS End   */

.showRowsCountInner{

    width: 16%;
    top:40%;
    text-align: center;
    position:fixed;
    right:0;
    z-index: 9999;
}
.showRowsCountInner p{
    font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding:10px;
    background: #0071c5;
    color:#fff;
    border-radius: 4px;
    /*    float:left;*/
}
.visionCountNtfctnIcon{
    margin-top: 23px;
    float: left;
    margin-left: 8px;

}
.visionSelectedNtfctnIcon{
    margin-top: 10px;
    float: left;
    margin-left: 8px;

}
.visionCancelIcon{
    float: right;
    margin-top: -36px;
    margin-right:2px;
    width:10px;
    height:10px;
    cursor:pointer;


}

@media screen and (min-width: 320px) and (max-width: 500px) {
    .showRowsCountInner{
        width:auto;
    }

}
@media screen and (min-width: 501px) and (max-width: 700px) {
    .showRowsCountInner{
        width:auto;
    }

}
.tabsGridFormViewFieldsTable {
    float: left;
    width: 100%;
    border-radius: 10px;
    border: 1px #0071c5 solid;
    margin: 5px 0;
}
.tabsGridFormViewFieldsTable tr th img.visionDrpDwnXBtn{
    margin-left: -19px;
    cursor: pointer;
    margin-right: 6px;
    position: absolute;
    /* margin-top: -12px; */
    margin-top: 4px;

}
.tabsGridFormViewFieldsTable tr th img.visionFormDataInputImage{
    cursor: pointer;
    margin-left: 5px;
    margin-top: 2px;
    position: absolute;
}
.tabsGridFormViewFieldsTable tbody th{
    width:170px;
    text-align:left;
}
.tabsGridFormViewFieldsTable tbody  th input[type="text"]{
    width:100px;

}
.VisionGridFormViewBackwardArrowIcon {
    margin-top: 100px;
    position: absolute;
}


.VisionGridFormViewForwardArrowIcon {
    /* float: left; */
    position: absolute;
    margin-left: 96%;
    margin-top: 100px;
    /* padding-left: 6px; */
}
.visionOrgnName p{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    font: normal 18px "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-left:5px;
}
.visionBulkPDRMatrixDiv{
    overflow-y:scroll;
    /*height:400px;*/ 
    height: 600px !important;
}
.visionConsolidationResolveDuplicatesButton
{
    float:left;
    position: relative;
    z-index: 9999;
    margin-left:7px;
    margin-right:4px;
    margin-bottom: 3px;
    background-image: url('../images/process_icon_new.png')
}
.visionConsolidationResolveDuplicatesButton:hover
{
    background-image: url('../images/process_icon_new_white.png');
}
.updateActionButton{
    float:left;
    background-image: url('../images/save_icon2.png')
}
.updateActionButton:hover{
    background-image: url('../images/save_icon_hover.png');
}

.visionViewDuplicates{
    background-image: url(../images/approve_icon2.png);
}
.visionViewDuplicates:hover{
    background-image: url('../images/approve_icon2_white.png');
}
/* MultipleColumnSorting css start*/
.VisionMainList {
    margin: 0 auto;
    width:90%;
    display: flex;
}
.VisionAscListLeft,.VisionDescListRight  {
    border: 1px solid black;
    float: left;
    margin: 3%; 
    width:190px;
    height:270px;
    overflow:auto;
} 
.VisionButtonImages
{
    margin-top:19px;
    float: left;
}
.VisionAscList
{
    margin-top:20px;
}
.VisionDescList
{
    margin-top:8px;
}
.VisionLeftArrowIcon
{
    margin-top: 70px; 
}
.visionColselected{
    background-color:#0071c5 !important;
    color:white;
}
.visionSelectedItem{
    text-align:left;
    padding: 2px; 
    cursor: pointer;
}
.VisionButtonLeft
{
    padding: 2px 9px !important;
}
.visionAscBtn,.visionDescBtn
{
    padding: 2px 12px !important;  
}

/* MultipleColumnSorting css end*/
/* MultipleColumnSorting media quries start*/ 
@media screen and (min-width:320px) and (max-width:600px) 
{
    .VisionMainList {
        width: 20%;
        float:left;
        display:inline-block;
        margin-left:61px;
    } 
    .VisionButtonImages {
        margin-top: -49px;
        margin-left: 97px; 
    }
    .visionPersonalizationSaveDialog
    {
        width:100% !important;
    }
}
/* MultipleColumnSorting media quries end*/
.visionGridFormCountMessage{
    color: #0071C5;
    font-weight: bold;
}


table.visionFilterGrid  tbody,
table.visionFilterGrid  thead tr { display: block; }

table.visionFilterGrid  tbody {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 150px;
}
table.visionFilterGrid  tbody td{
    width:250px;
}
table.visionFilterGrid  thead th{
    width:250px;
}
table.visionFilterGrid  thead tr { background-color:#0071c5;}

.visionFilterGrid td:nth-child(3) {
    width: 650px !important;
}
.visionFilterGrid th:nth-child(3) {
    width: 650px !important;
}
.visionFilterGrid td:nth-child(2) {
    width: 250px !important;
}
.visionFilterGrid td:nth-child(1) {
    width: 250px !important;
}

.visionAnchorOrgChart
{
    color: black !important;
    cursor: pointer !important;
    text-decoration: underline !important;
}
.visionNoAnchorOrgChart
{
    color: black !important;
}
.visionNoAnchorChangeOrgChart
{
    color: white !important;
}
.visionAnchorChangeOrgChart
{
    color: white !important;
    cursor: pointer !important;
    text-decoration: underline !important;
}
.visionOrgCharts{
    height:auto;
    overflow: auto;
}
.visionOrgChartImageClass{
    cursor: pointer !important;
}
.visionImageOrgChart{
    height: 50px;
    width: 100px;
}

/* navigation Menu Start  */

.visionSidebarMenuItem{
    display: none;
    border: 1px solid #0071c5;
    border-radius: 5px;
    width: 300px !important;
    position: absolute;
    left: 0; 
    top: 100px; 
    z-index: 999999;
}
.visionSidebarMenuItem, .text {
    float: left;
}

.visionSidebarMenuArrowIcon
{
    position: absolute;
    left: 84px;
    right: 0;
    clear: none;
    width: 17px !important;
    margin-top: auto;
    height: 19px;
    margin-left: auto;
    top: 10px;
}
.sideMenuUlClass
{
    float: left;
    margin-left:20px;
    height: auto !important ;
    width: 250px !important;
    max-height: 400px;
    display: block;
    top: 65px;
    left: auto;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: auto;
    position: fixed !important;
    border: 1px solid #0071c5;
    background-color: #fff;
    z-index:99999;
} 
.visionSidebarMenuItem ul li .ui-icon-carat-1-e{
    display: none;
}
.visionSidebarMenuItem li:hover {
    background: none !important;
    border:none !important;
}
.sideMenuLiClass a
{
    color: #404040 !important;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.visionSidebarMenuItem li a
{
    color:#404040 !important; 
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
} 
.visionSidebarMenuItem li:hover
{
    border:1px solid #0071c5 !important; 
    border-radius:6px !important; 
    background-color:#e3f1fa !important;
    color:#0071c5 !important;
    margin:auto !important;
    height:auto !important; 
}
.sideMenuUlClass  li:hover
{
    border:1px solid #0071c5 !important; 
    border-radius:6px !important; 
    background-color:#e3f1fa !important;
    color:#0071c5 !important;
    margin:auto !important;
    height:auto !important;
}
.visionSidebarMenuItem .ui-state-active
{
    background:none;
}
.visionSidebarMenuItem .ui-state-focus
{
    background: none; 
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .visionSidebarMenuItem .ui-state-active
    {
        background:none;
        overflow-y:hidden !important;
    }
    .visionSidebarMenuItem .ui-state-focus
    {
        background: none; 
        overflow-y: hidden !important;
    } 
} 
@media only screen and (min-width:320px) and (max-width:620px) { 
    body{
        overflow-y: scroll;
        overflow-x: scroll;
        width: 400px;
        max-width: 500px;
    }
    .sideMainMenuIcons{
        width: 30px;
    }
    .sideMenuUlClass
    {
        float: left;
        margin-left: 97px;
        margin-top: -45px;
        height: auto !important;
        width: 100px !important;
        max-height: 400px;
        display: block;
        top: 160px;
        left: auto !important;
        right: auto;
    }
    .sideMenuIcons{
        width: 35px;
    }
    .visionSidebarMenuArrowIcon {
        position: absolute;
        left: 37px;
        clear: none;
        user-select: none;
        width: 17px !important;
        margin-top: 20px;
        height: 19px;
        margin-left: auto;
        top: 10px;
    }
    .visionSidebarMenuItem
    {
        width: 100px !important;   
    }
}
@media only screen and (min-width:621px) and (max-width:800px) { 
    .sideMenuUlClass
    {
        width: 150px !important;
        margin-left: 150px !important;
    }
    .sideMenuUlClass
    {
        float: left;
        margin-top: -45px;
        height: auto !important;
        width: 200px ;
        max-height: 222px;
        display: block;
        top: 145px;
        left: auto !important;
        right: auto;
        position: fixed !important;
        border: 1px solid #0071c5;
        border-radius: 10px;
    }
    .sideMenuIcons{
        width: 35px;
    }
    .visionSidebarMenuItem
    {
        width: 200px !important;   
    }
}
@media only screen and (min-width:801px) and (max-width:1300px) { 
    .sideMenuUlClass
    {
        margin-left: 201px;
        width: 200px !important;
    }
    .sideMenuUlClass
    {
        float: left;
        margin-top: -45px;
        height: auto !important;
        width: 200px ;
        max-height: 238px;
        display: block;
        top: 145px;
        left: auto !important;
        right: auto;
        position: fixed !important;
        border: 1px solid #0071c5;
        border-radius: 10px;
    }
    .visionSidebarMenuItem li:hover
    {
        border:1px solid #0071c5 !important; 
        border-radius:6px !important; 
        background-color:#e3f1fa !important;
        color:#0071c5 !important;
        padding: 0px 0px 0px 0px;
        margin:auto !important;
        width: 200px !important;
        display: inline-block;
        height:auto !important;
    }
    .sideMenuUlClass  li:hover
    {
        border:1px solid #0071c5 !important; 
        border-radius:6px !important; 
        background-color:#e3f1fa !important;
        color:#0071c5 !important;
        padding: 0px 0px 0px 0px !important;    
        margin:auto !important;
        width: 200px !important;
        display: inline-block;
        height:auto !important;
    }
    .visionSidebarMenuItem
    {
        width: 200px !important;   
    }
}
@media only screen and (min-width:1301px){
    .sideMenuUlClass li ul li ul{
        left:780px !important;
    } 
}

/* navigation Menu End  */


.visionHideBreadcrumbBtn {
    padding: 0 5px;
    margin-top:50px;
    position: absolute;
    /*    margin-left: 8px;*/
    cursor:pointer;  
    left: -5px !important;
}

.visionHideBreadcrumbBtn input[type="button"], .visionHideBreadcrumbBtn input[type="button"]:hover {
    font: normal 14px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0px 5px;
    height: 20px;
    font-weight: bold;
    border: 1px solid #0071c5;
    border-radius: 1px 10px 10px 1px;
}

@media only screen and (max-width:700px){
    .visionHideBreadcrumbBtnRes {  
        margin-top: 42px !important;  
    }
    .visionTreeBodyContentInner{
        width:85% !important;
    }
    .visionExpandBodyContentInner{
        width:90% !important;
    }
    @media only screen and (max-width:1920px){
        .visionHideBreadcrumbBtn{
            margin-top:50px;   
        }   
    }
}

.visionReportGrid .show_detail
{
    background:#eaf4fd url('../images/pdficon.png') no-repeat center !important;
    border-color:#156bb7;
    background-image:-moz-linear-gradient(left,#eaf4fd,#eef6fd);
    background-image:-ms-linear-gradient(left,#eaf4fd,#eef6fd);
    background-image:-o-linear-gradient(left,#eaf4fd,#eef6fd);
    background-image:-webkit-gradient(linear,center top,center bottom,from(#eaf4fd),to(#eef6fd));
    background-image:-webkit-linear-gradient(top,#eaf4fd,#eef6fd);
    background-image:linear-gradient(top,#eaf4fd,#eef6fd);
    background-image:linear-gradient(to bottom,#eaf4fd,#eef6fd);              
    width: 25px;
    cursor: pointer;
    background-position : 40px 5px;
    background-size: 15px !important;
}

.visionERPMain{
    margin-left: 180px !important;
    margin-top: 50px;
}
.visionERPDbTd{
    padding: 5px;
    /*    color:#0071c5;*/
}

.visionERPDbLabels{
    font-weight:bold;
}
.visionShowERPConnectionType{
    margin-top: 14px;
}


/* ETL Tool css   */
.visionDestSavedConnection
{
    display: block;
}
#feedItemContentSaved
{
    float: left;
    margin-left: 0px;
}
.flowchart-operator /*03-11-2020*/
{
    /*height: 60px !important;*/
}
.flowchart-operator-body{
    height: 30px !important;
    text-align: center !important;
}
.visionOpLabelDiv { /*03-11-2020*/
    padding: 8px 0px; 
    font-size: 6px;
    text-overflow: ellipsis;
    overflow: hidden;

    /*word-break: break-all !important;*/
    /*overflow-wrap: break-word !important;*/
}
.flowchart-example-container {
    /*    width: 800px;*/
    width: 100%;
    /*height: 400px;*/
    height: 438px;
    /*overflow-y: auto;*/
    background: #fafafa;
    margin-bottom: 10px;
}
.visionTreeDMFileUploadclass{
    /*width: 96%;*/
    height: 260px;
    background-color:#eceff1;
    border: 1px dashed black;
    border-radius: 3px;
    text-align: center;
    overflow: auto;
}
.destinationSourcesClass
{
    height:170px !important;
    width :300px !important;
}
.savedSourcesClass
{
    height:600px !important;
    width :100% !important;
}
.visionDMTreePopup{
    margin-top: -146px;
}
.sourceColsJoinSelectBox{
    width:100%
}
.visionSourceJoinIcon
{
    margin-left: 20px;
    width:0px;
}
.visionMappingRefreshImage
{
    margin-left:300px;
}
.visionSavedConnRefreshImage
{
    margin-left:100px;
}
.visionDestConnRefreshImage
{
    margin-left:50px;
}
.visionSelectedDMJoinColumns
{
    width:45%;
    float:left;
    margin:15px;
}
.visionSelectedDMJoinTables
{
    width:45%;
    float:left;
    margin:15px;
}


.mainSplitterDiv{
    float:left;
}
.showEtlIcons ul,.showAnalyticsIcons ul{ /*11-08-2020*/
    list-style-type: none;
}
.showEtlIcons,.showAnalyticsIcons{ /*11-08-2020*/
    float: left;
    margin-right: 1px;
    /*    margin-top: 155px;  14-04-2020
        margin-left: -153px;  14-04-2020*/
    margin-top: 210px;;  /* 17-04-2020*/
    margin-left: -202px;
    border: 1px solid #a4bed4;
    background-color: #e0e9f5;
    transform: rotate(-90deg) !important;
    position: absolute;
}
.showEtlIcons ul li,.showAnalyticsIcons ul li{ /*11-08-2020*/
    cursor:pointer;
    padding:3px;
    float:left;
    font: 10px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

}
.showEtlIcons ul li span,.showAnalyticsIcons ul li span{ /*11-08-2020*/
    padding: 2px !important;

    vertical-align: top;
}

.savedConnectionsClass{
    /*height:680px !important;*/
    width:100%;
    visibility:visible;
}

.visionHighlightEtlIcons{
    margin:2px;
    margin-right:0px;
    border:1px solid #a4bed4;
    border-right: 1px solid #fff;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;

}
@media only screen and (min-width:700px) and (max-width:1020px) {
    .mainSplitterDiv{
        width:96% !important;
    }
    .savedConnectionsClass{
        height:500px !important;
        visibility:visible;
    }
}
@media only screen and (min-width:320px) and (max-width:699px) {
    .mainSplitterDiv{
        width:95% !important;
    }
    .savedConnectionsClass{
        height:400px !important;
        visibility:visible;
    }
}
@media only screen and (min-width:1024px) and (max-width:1400px) {
    .mainSplitterDiv{
        width:98.5% !important;
    }
    .savedConnectionsClass{
        height:538px !important;
        visibility:visible;
    }
}
@media only screen and (min-width:1401px) and (max-width:1950px) {
    .mainSplitterDiv{
        width:99% !important;
    }
    .savedConnectionsClass{
        height:610px !important;
        visibility:visible;
    }
}
.savedConnIconsClass{
    margin:2px;
}
.visionETLFilterInputs{
    margin:10px;
}
.mappingIconClass{
    margin-left: 95px;
}

table.visionEtlSourceDestColsTable tbody,
table.visionEtlSourceDestColsTable thead tr { display: block; }
table.visionEtlSourceDestColsTable tbody {
    /*height:92px;*/
    overflow-y: auto;
    overflow-x: hidden;
}
table.visionEtlSourceDestColsTable tbody  td{
    width:225px;
    text-align: center;
    padding:2px;
}
table.visionEtlSourceDestColsTable tbody td input{
    width:100%;

}
.visionColumnJoinType{
    float: left;
    margin-left: 28px;
    margin-right: 8px;
    margin-top: 3px;
}
.visionColumnJoinTypeSelect{
    float: left;
}
.visionEtlAddRowIcon{
    margin-bottom: 12px !important;
    margin-left:2px;
}
.visionETLParentHighight{
    background-color: #0071c5 !important;
    color:white;
    padding:2px;
    border:1px solid #0071c5;
    border-radius:3px;
}
.visionETLCheckboxEmptySpace{
    background-color: #228B22 !important;
    /*background-color: #0071c5 !important;*/
    color:white;
    padding:2px;
    border:1px solid #0071c5;
    border-radius:3px;
}
.jqx-splitter-splitbar-horizontal,.jqx-splitter-splitbar-vertical{
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    -ms-touch-action: none !important;
    font-family: Verdana,Arial,sans-serif !important;
    font-style: normal !important;
    font-size: 13px !important;
    background: #d9d9d9 !important;
    border-color: #b3b3b3 !important;

}

.jqx-splitter-collapse-button-vertical,.jqx-splitter-collapse-button-horizontal{
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    border-color: #0077BE !important;
    background: #0077BE !important;
}
.visionSelectedJoinTables tbody td{
    border:0;
    border-right:1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
.visionSelectedJoinColumns tbody td{
    border:0;
    border-right:1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
.visionSelectedTables tbody td{
    border:0;
    border-right:1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
.sourceDestColsTable tbody td{
    border:0;
    border-right:1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
.visionEtlTabIcons{
    width:14px;
    height:14px;
}

.visionExpandETLBodyContentInner{
    width:100% !important;
}
.visionJqxWidgetsClass{ 
    float: left;
    width: 98%;
}
.mainSplitterDiv {

    margin-left: 22px;
}

.availableETLToolsDiv{
    float:right;
    border: 1px solid #a4bed4;
    /*background-color: #e0e9f5;*/ 
}
.availableETLToolsDiv img{
    padding:2px;
}
.showEtlLists,.showAnalyticsLists{ /*11-08-2020*/
    padding-inline-start: 0px;
}

.joinMapColumnsDivClass{
    width: 100%;
    float: left;
    /*border: 1px solid #0071c5;*/
    margin: 4px;
}
.viewJoinQueryDivClass{
    /*    max-height: 200px;
        overflow-y: auto;*/
    text-align: left;
}

.viewJoinQueryDivClass ul li{
    list-style-type:none;
    margin: 2px;
}
.viewJoinQueryDivClass ul{
    /*padding-inline-start: 6px;*/
    padding-left: 3px !important;
}

.visionEtlMappingTablesDiv{
    width: 34%;/* 15-04-2020 */
    float: left;
    margin-top: 4px;
}
.visionETLColMapImage {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-left: 5px;
    vertical-align: inherit;
    cursor:pointer;

}
.visionColMappingInput,.visionColJoinMappingInput{
    width:88%;
}
.visionColMappingImgTd,.visionColMappingImgTh{
    width: 24px !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .showEtlIcons,.showAnalyticsIcons{ /*11-08-2020*/
        margin-left:-224px !important; 
        margin-top:230px !important; 
    }
}
.viewJoinQueryOuterDivClass{
    border: 1px solid #0071c5;
    margin-top: 7px;
}
@media only screen and (min-width:1026px) and (max-width:1400px) {
    .visionColMappingInput,.visionColJoinMappingInput{
        width:83% !important;
    }
}
.visionEtlJoinClauseTable tbody td{
    border:0;
    border-right:1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
.visionEtlMappingTables thead td{
    border:0;
    border-right:1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
.visionEtlSourceDestColsTable tbody td{
    border:0;
    border-right:1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
.visionEtlJoinClauseMain{
    border:1px solid #0071c5;
}
@media only screen and (min-width:800px) and (max-width:1024px){
    .visionJqxWidgetsClass {
        width: 97% !important;
    }
    .visionColMappingInput,.visionColJoinMappingInput {
        width: 76% !important;
    }

}
@media only screen and (min-width:500px) and (max-width:799px){
    .visionJqxWidgetsClass {
        width: 93.5% !important;
    }
}
@media only screen and (min-width:950px) and (max-width:1025px) {
    .visionColMappingInput,.visionColJoinMappingInput {
        width: 79% !important;
    }
}
@media only screen and (min-width:800px) and (max-width:900px) {
    .visionColMappingInput,.visionColJoinMappingInput {
        width: 75% !important;
    }
}
@media only screen and (min-width:650px) and (max-width:799px) {
    .visionColMappingInput,.visionColJoinMappingInput {
        width: 63% !important;
    }
}
@media only screen and (min-width:450px) and (max-width:649px) {
    .visionColMappingInput,.visionColJoinMappingInput {
        width: 62% !important;
    }
}

.visionColMappingTextarea{
    width: 98% !important;
}
.VisionTaxonomyChildGridForm
{
    width:45% !important;
    float:right;
    height:99%;
    margin-top: -238px;
}
.VisionTaxonomyServiceCloud
{
    width:53% !important;
    float:right;
    height:99%;
    margin-top: -238px;
}
/*service config code*/
@media screen and (min-width: 601px)  and (max-width: 920px) {
    .VisionTaxonomyServiceCloud {
        width: 53% !important;
        float: right;
        height: 100%;
        margin-top: -267px;
    }
}
@media screen and (min-width: 921px) and (max-width: 1080px) {
    .VisionTaxonomyServiceCloud {
        width: 53% !important;
        float: right;
        height: 100%;
        margin-top: -267px;
    }
}
@media screen and (min-width: 1081px) and (max-width: 1269px) {
    .VisionTaxonomyServiceCloud {
        width: 53% !important;
        float: right;
        height: 100%;
        margin-top: -267px;
    }
}
@media screen and (min-width: 1700px) and (max-width: 2000px) {
    .VisionTaxonomyServiceCloud {
        width: 53% !important;
        float: right;
        height: 100%;
        margin-top: -267px;
    }
}
@media screen and (min-width: 1371px) and (max-width: 1670px) {
    .VisionTaxonomyServiceCloud {
        width: 53% !important;
        float: right;
        height: 100%;
        margin-top: -267px;
    }
}
/*service config code*/
#tabs-7 ul li{
    list-style-type:none;
}
.visionTableIcon{
    margin-left: 6px;
    height:14px;
    width:14px;
}
.visionObjectNameDiv{
    cursor: default;
}

.visionFilterObjectsDiv{
    position: absolute;
    margin-top: -30px;
    width: 99.1%;
}
.visionFilterObjectsInput{
    /*position: fixed;*/
    width: 100%;
    height: 25px;
}
.visionObjectsListDiv{
    margin-top: 30px;
    height: 530px;
    overflow-y:scroll;
}

.visionSchemaObjects{
    position: absolute;
    margin-left: 23px;
}

.treeSearchInputDiv{
    margin-bottom: 10px;
    margin-right: 121px;
    width: 100%;
}
.treeSearchValueInput{
    width: 85%; 
}

.visionObjectNameDiv span:hover{
    background-color:#0071c5;
    color:white;
    cursor:pointer;
    padding:2px;
    border-radius:4px;
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    .visionColMappingInput,.visionColJoinMappingInput {
        width: 77% !important;
    }
}
@media only screen and (min-width:1600px) and (max-width:2000px) {
    .visionColMappingInput,.visionColJoinMappingInput {
        width: 88% !important;
    }
}
.jqx-splitter-splitbar-invalid{
    background: #FF0000 !important;
}

.search_input_div{
    /*    width: 190px;*/
    width: 180px;
}
.clear_input{
    /*    width: 190px;*/
    width: 180px;
}
.clearTreeSeach {
    margin-top: -20px;
    margin-bottom: 5px;
    position: absolute;
    float: left;
    margin-top: -20px;
    margin-left: 165px;
}
/*.clearTreeSeach {
    margin-top: -20px;
    margin-bottom: 5px;
    margin-left: 150px;
}*/
.clear_searchField {
    position: absolute;
    font-size: 18px;
    cursor: pointer;
    top: 2.5px;
    right: 5px;
}
.TreesearchButton {
    margin-left: 180px;
    position: absolute;
    margin-top: -27px;
    /*    margin-top: -24px;
        margin-bottom: 5px;
       margin-left: 175px;*/
}

.columnMappingTree{
    height:180px;
    overflow-y:auto;
}

/*30-04-2020   */
.sqlPopupDivClass{
    height: 100%;
    width: 100%;
}
.sqlFromTableTreeDivClass{
    float: left;
    width: 45%;
    height: 100%;
    border: 1px solid #0071c5;
    height: 100%;
}
.sqlMoveButtonsDivClass{
    width: 5%;
    border: 1px solid #0071c5;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    height: 100%;
}
.sqlToTableDivClass{
    width: 48%;
    border: 1px solid #0071c5;
    float: left;
    height: 100%;
}
.sqlMoveButtonsClass{
    height: auto;
    margin-top: 109px;
    margin-bottom: 40px;
}
.sqlMoveButtons{
    padding-right: 5px !important;
    padding-left: 10px !important;
    margin-top: 10px;
    /*margin-top: 156px;*/
}

/* 04-05-2020*/

.visionEtlDbTable tbody td {
    padding:3px;
    text-align: left;
}
.visionEtlConnectDbMain{
    margin:20px;
    margin-top:0px;
}

.visionEtlCloseButton{
    background-image:url("../images/cancel_icon _blue.png");
}
.visionEtlCloseButton:hover{
    background-image:url("../images/cancel_icon.png");
}
.visionEtlCloseButton{
    margin-left: 35%;
}

/*table.visionEtlCreateSQLTable tbody,
table.visionEtlCreateSQLTable thead tr { display: block; }

table.visionEtlCreateSQLTable tbody {
    height:156px;
    overflow-y: auto;
    overflow-x: hidden;
}*/
table.visionEtlCreateSQLDS td input{
    width:80%;
}
table.visionEtlCreateSQLTable td input{
    width:95% !important;
    padding: 4px;
    border:0;
}

/*/ Set a fixed scrollable wrapper /*/
.sqlToTableColumnsDivClass {
    height: 185px;
    /*  border: 1px solid black;*/
    overflow: auto;
}

table.visionEtlCreateSQLTable thead tr th {
    position: sticky;
    top: 0;
}

table.visionEtlCreateSQLTable {
    border-collapse: collapse;
}

table.visionEtlCreateSQLTable td {
    padding: 2px;
}
table.visionEtlCreateSQLTable tbody tr {
    border-bottom: 1px solid #e8e8e8;
}
table.visionEtlCreateSQLTable thead tr th{
    border: 1px solid #fff;
}
.visionErpEtlDbTable tbody td {
    padding:3px;
    text-align: left;
}
.visionEtlConnectDbMain{
    margin:20px;
    margin-top:0px;
}	
.visionETLDesignTabHeadingsDiv{
    margin-top: -31px;
    border: 1px solid #a4bed4;
    background-color: #e0e9f5;
    display: block;
    width: 100%;
    position: absolute;


}
.visionETLDesignTabHeadingsDiv ul{
    /*display: flex;*/
    list-style-type: none;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-left: 0px;
    padding-left: 0px;

}

.visionETLDesignTab {
    cursor: pointer;
    background-color: #0071c5;
    margin: 5px;
    float: left;
    font-family: helvetica;
    width: 110px;
    height: 6px;
    margin-right: 0px;
    text-align: center;
    color: #fff;
    padding: 6px 1px 14px 1px;
}




.visionETLDesignTabHighLight{
    margin: 2px;
    margin-right: -2px;
    border: 1px solid #a4bed4;
    border-top: 1px solid #fff;
    background: #fff;
    color: #000000;
    padding: 6px 1px 13px 1px;
}
.visionETLDesignTabContent{
    width:100%;
    height:100%;
}
.visionDSMappingInput{
    width:78%;
}

.visionHighlightTables{
    background-color:#0071c5;
    color:white;
    cursor:pointer;
    padding:2px;
    border-radius:4px;
}

table.logtable tbody {
    height:300px;
    overflow-y: auto;
    overflow-x: hidden;
}
table.logtable tbody  td{
    text-align: center;
    padding:2px;
}
table.logtable thead  th{
    text-align: center;
    padding:2px;
    background-color:#0071c5;
    border:1px solid #fff;
}
table.logtable tbody,table.logtable thead tr{
    display:block;
}

.logtable
{
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.visionETLLogInfo{
    color:green; 
}
.visionETLLogError{
    color:red; 
}
.visionETLLogWarning{
    color:orange;
}

/* CRM CSS start  */

.input_div {
    vertical-align: middle;
    text-align: center;
    float: left;
    width: 40%;
    margin-left: 26%;
    margin-bottom: 1%;
}

.searchIcon 
{
    margin: 0;
    height: 27px;
    width: 30px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border: solid 1px #0076a3;
    border-right: 0px;
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    position: absolute;
    background: #0071C5 url('../images/search_icon_2.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
.pivotRowsSearchIcon 
{
    margin: 0;
    height: 33px;
    width: 30px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    border: solid 1px #40875e;
    border-right: 0px;
    border-top-right-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    position: absolute;
    background: #40875e url('../images/Pivot_Table_Icon-06.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
.visionTabsClass
{
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 27px;
    width: 100px;
    vertical-align: middle;
    line-height: 27px;
    float: left;
    margin-left: 18.5%;
    position: absolute;
    color: #0071c5;
}
.Crmsearchinnerclass {
    background-color: #fff;
}
.crmsearchresults{
    margin-top: 2%;
    max-height: 528px;
    overflow-y: auto;
    padding-left: 378px;
    position: absolute;
    width: 43.2%;
    z-index: 9983;
}
.clear_text{
    position: absolute;
    font-size: 18px;
    cursor: pointer;
    display: none;
    top: 83px;
    /* right: -385px; */
    /*    margin-left: 18%;*/
    left:64%;
}
.tooltipearchclass{
    width: 72%;
}
.searchAccordianstabs{

    margin-bottom:40px;
    float: left;
    width: 1833%;
    margin: 30px 0;
    border: 1px #2694e8 solid;
    position: relative;
    border-radius: 10px;
}
.searchAccordianstabs .ui-state-active,.searchAccordianstabs .ui-state-active,.searchAccordianstabs .ui-state-hover,.searchAccordianstabs .ui-state-hover
{
    border:1px solid #0071c5;
    background:#0071c5;
    color:#fff;
}
.searchAccordianstabs .ui-state-hover
{
    border: 1px solid #0071c5;
    background: #0071c5; 
    font-weight: bold;
    border-radius: 10px;
    color: #fff; 
    outline: 0;
}

.searchAccordianstabs table
{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.searchaccordion-icon{
    height: 20px;
    width: 20px;
    margin-top: 0px;
    float: left;
    padding-bottom: 0px;
}
.tab_title{
    padding: 10px;
}
.data_count{
    float: right;
}
.searchAccordianstabs h3{
    border: 1px solid #0071c5 !important;
    background: #fff;
    font-weight: bold;
    border-radius: 10px;
    color: #0071c5;
    outline: 0;
    height: 16px;
    line-height: 16px;
}
.tabicon_class{
    height: 20px;
    width: 20px;
    float: left;
    margin: 4px;
}

.tabs_title{
    margin-left: 10px;  
}

.ac-items:hover{
    background:lightgrey !important;
}

/* CRM CSS stop  */


table.logtable thead  th:nth-child(1) {
    width:18px !important; 
}
table.logtable thead  th:nth-child(2) {
    width:200px !important; 
}
table.logtable thead  th:nth-child(3) {
    width:300px !important; 
}
table.logtable tbody  td:nth-child(1) {
    width:30px !important; 
}
table.logtable tbody  td:nth-child(2) {
    width:200px !important; 
}
table.logtable tbody  td:nth-child(3) {
    width:300px !important; 
}
/*01-06*/
@media only screen and (max-width:850px) {
    .visionMaterialGeneric .visionTabsClass{
        margin-top:0px !important;
    }
    .input_div{
        margin-left:29% !important;
    }
}

@media only screen and (min-width:1000px) and (max-width:1100px){

    .input_div{
        margin-left:30.5% !important;
    }
    .clear_text{
        top:78px !important;
    }
}
@media only screen and (min-width:1200px) and (max-width:1300px){

    .input_div{
        margin-left:29% !important;
    }

}
@media only screen and (min-width:1301px) and (max-width:1400px){

    .input_div{
        margin-left:28% !important;
    }
    .crmsearchresults{

        padding-left:350px !important;
    }
    .clear_text{
        top:80px !important;
    }
}
@media only screen and (min-width:1401px) and (max-width:1500px){

    .input_div{
        margin-left:27.5% !important;
    }
    .clear_text{
        top:80px !important;
    }
    .crmsearchresults{

        padding-left:350px !important;
    }

}
@media only screen and (min-width:1501px) and (max-width:1600px){

    .input_div{
        margin-left:27% !important;
    }

}
@media only screen and (min-width:1601px) and (max-width:1700px){

    .input_div{
        margin-left:26.8% !important;
    }

}

@media only screen and (min-width:1900px) and (max-width:2000px){

    .input_div{
        margin-left:25.8% !important;
    }
    .clear_text{
        left:63% !important;
    }
    .crmsearchresults{
        padding-left:415px !important; 
    }

}
.tabsGridFormViewFieldsTable tbody  th input[type="text"]{
    width:170px;
}
.tabsGridFormViewFieldsTable tbody  th select{
    width:170px;
}
.tabsGridFormViewFieldsTable tbody  th textarea{
    width:100% !important;
}
@media only screen and (max-width:1040px)
{
    .tabsGridFormViewFieldsTable 
    {
        width: 100% !important;
    }
    .tabsGridFormViewFieldsTable  th input[type="text"],.tabsGridFormViewFieldsTable  th select,.tabsGridFormViewFieldsTable  th textarea
    {
        width: 150px !important;
    }
}
.visionGartnerImg{
    position: fixed;
    right: 18px;
    bottom: 22px;
    width: 150px;
    background-color: white;/*24-09-2020*/
}
@media only screen and (max-width:800px)
{
    .visionGartnerImg {
        position: fixed;
        right: 25px;
        bottom: 40px;
        width: 150px;
        background-color: white; /*24-09-2020*/
    }
}
.visionAccCountSpan{
    margin-right: 8px;
    float: right;
    color:#FF0000;
}
.visionRegisterMaterialAccordians .ui-state-active .visionAccCountSpan,.visionRegisterMaterialAccordians .ui-state-hover .visionAccCountSpan{
    margin-right: 8px;
    float: right;
    color:#FFF;
}

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}
.alerts{
    top:0;

    bottom:0;

    flex-flow:column;  
    font-family: 'Montserrat', sans-serif;
    overflow-y:auto;
    padding: 5px;
    width:auto;
    border:1px solid lightgrey;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.alert{
    display:flex;
    flex-flow:row;    
    margin:10px 0;
    width:800px;

    background-color:#cecece;
    border-radius:4px;
    color:#fff;
    box-shadow: 0px 10px 46px -21px rgba(#000,0.75);
    transition: all 0.3s cubic-bezier(0,0,0.3,1);
    cursor:pointer;
}

.alert:hover{
    box-shadow: 0px 10px 60px -21px rgba(#000,0.80);
}
.alert.sucess{
    border: 1px solid rgba(36, 241, 6, 0.46);
    background-color: rgba(7, 149, 66, 0.12156862745098039);
    box-shadow: 0px 0px 2px #259c08;
    color: #0ad406;
    transition: 0.5s;
    cursor: pointer;
}
.alert.sucess:hover{
    background-color: rgba(7, 149, 66, 0.35);
    transition:0.5s;
}
.alert.request{
    border: 1px solid rgba(6, 44, 241, 0.46);
    background-color: rgba(7, 73, 149, 0.12156862745098039);
    box-shadow: 0px 0px 2px #0396ff;
    color: #0396ff;
    transition: 0.5s;
    cursor: pointer;
}   

.alert.request:hover
{
    background-color: rgba(7, 73, 149, 0.35);
    transition:0.5s;
}	
.alert.wait{
    border: 1px solid rgba(241, 142, 6, 0.81);
    background-color: rgba(220, 128, 1, 0.16);
    box-shadow: 0px 0px 2px #ffb103;
    color: #ffb103;
    transition: 0.5s;
    cursor: pointer;
}   
.alert.wait:hover{
    background-color: rgba(220, 128, 1, 0.33);
    transition:0.5s;
}	
.alert.failed{
    border: 1px solid rgba(241, 6, 6, 0.81);
    background-color: rgba(220, 17, 1, 0.16);
    box-shadow: 0px 0px 2px #ff0303;
    color: #ff0303;
    transition: 0.5s;
    cursor: pointer;
}
.alert.failed:hover
{
    background-color: rgba(220, 17, 1, 0.33);
    transition:0.5s;
}

.alert-icon{
    font-weight: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.alert-content{
    position:relative;
    padding:3px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow:column;
    width:100%;
}

.alert-close{
    position:absolute;         
    font-size:.7em;   
    top:7px;
    right:10px;
    cursor:pointer;
}
.alert-title{
    padding-right: 12px;
    /*          font-size:.5em;*/

}
.alert-subtitle{
    display:flex;
    flex-flow:column;
    margin-top:5px;
    /*          font-size:.4em;*/
    font-weight:300;  
}
.little-list{
    display:none;
    padding:0 10px;
}

.crossIcon span{
    float: right;
    color: #0071c5;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    cursor:pointer;
}

.LoginNtfctnIcon{
    width:20px
}
.calendarCreateEventsTable th,.calendarCreateEventsTable td{
    font-weight:bold;
    padding:5px;
    text-align: left;
    margin:2px;
}

.calEventsTextarea{
    width:380px;
    padding:10px;
}
.ui-timepicker-container {
    z-index:99999 !important;

}
.calendarCreateEventsTable .all_errors{
    color:red;

}
.infoImg{
    width:16px;
    height:16px;
}


.visionInputDbUpdateButton{
    background-image:url("../images/change_requests_icon_2.png");
}
.visionInputDbUpdateButton:hover{
    background-image:url("../images/change_requests_icon_2_white.png");
}
.visionInputDbDeleteButton{
    background-image:url("../images/delete_icon1.png");
    margin-left: 11px;
}
.visionInputDbDeleteButton:hover{
    background-image:url("../images/delete_icon_hover.png");
}

.selectJqxTreeItem{
    background-color:#0071c5 !important;
    color: white;
}
.flowchart-operator-connector-label{
    display:none;
}
.flowchart-operator-title{
    display:none;
}
.sqlMapColToTableColumnsDivClass {
    height: 254px;
    /*  border: 1px solid black;*/
    overflow: auto;

}

/* formdata on popup */
.visionRegisterMaterialAccordians .ui-corner-all a:hover{
    border: 1px solid #0071c5;
    background: #fff;
    color: #0071c5;
    font-weight: bold;
    text-align: left;

}
.visionRegisterMaterialAccordians .ui-corner-top{
    text-align: left;
}
/* formdata on popup */


/*formstring code */
.formDataOnPopUpScroll
{
    position: absolute;
    width: auto !important;
    min-height: auto !important;;
    max-height: 550px !important;;
}
/*formstring code */

/* Analytics Suite CSS Start   */
.visionAnalyticListIconDiv{
    width: 100%;
    margin-top: 10px;
}
.visionAnalyticListIcon{
    width:35%;
    float: left;
    border: 2px solid #e0e9f5;
    box-sizing: border-box;
    /*box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);*/
    transition: box-shadow 200ms;
    margin-left: 13px;
    margin-top: 10px;
    cursor:pointer;
}
.visionAnalyticListIconImg{
    height:60%;
    width: 60%;
    margin-left: 13px;
}
.visionAnalyticListLabelDiv{
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
}
.visionAnalyticListIconSelected {
    border:2px solid #FF0000 !important;
}
.visionChartConfigFormLabel{
    text-align: center;
    font-weight: bold;
    display:none;
    /*margin-top: 5px;*/

}

.visionChartConfigColumnFormLabel{
    text-align: left;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 5px;
}
.visionHighlightColumn{
    background-color:#0071c5 !important;
    color:#fff;
}

.visionTablesSearchDiv{
    margin-left: -633px;
}
.analyticsDataTh{
    border: 1px solid #0071c5;
    width: 90%;
    height: 30px;
    overflow-y:auto;
    background-color: #fff; 
}
.analyticsDataTextAreaTh{ /*25-08-2020*/
    border: 1px solid #0071c5;
    width: 90%;
    height: 86px;
    overflow-y:auto;
    background-color: #fff; 
}
.analyticsDivData{
    width: auto;
    position: relative;
    margin-bottom: 5px;
    padding: 2px;
    /* border: 1px dashed lightgray; */
    cursor: pointer;
    float: left;
    margin-left: 5px;
    background: #0071c5;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    height: 20px; /*27-08-2020*/
    border-radius: 3px; /*27-08-2020*/
    /*    width: 15%;
        position: relative;
        margin-bottom: 5px;
        padding: 2px;
         border: 1px dashed lightgray; 
        cursor: pointer;
        float: left;
        margin-left: 5px;
        background: #0071c5;
        color: #fff;
        font-size: 8px;
        font-weight: bold;*/
}
.visionCloseColumnBtn{
    float: right;
    height: 10px;
    width: 10px;
}
.visionChartConfigFormIcons{
    margin-top:5px;
}

.chartDataPropsDiv{
    background-color: #ffff;
    position: absolute;
    left: 9px;
    top: 78px;
    width: 120px;
    height: 23px;
    border: 1px solid #a6c9e2;
}
.chartDataPropsform {
    margin: 30px auto;
    padding: 10px;
    border: 1px solid #a6c9e2;
}
p.chartDataPropsLabel {
    color: #0071c5;
    text-align: center;
    margin-top: 3px;
    font-weight: 700;
}
.visionChartConfigColumnForm{
    /*border: 1.5px solid black;*/
}
.anaylyticPropertiesDiv{
    float: left;

}
.anaylyticDataPropertiesDiv{
    margin-left: 5px;
    width: 40%;
    /* border: 1px solid blue; */
    height: 286px;  /*17-09-2020*/
    overflow-y:auto;  /*17-09-2020*/
    border: 1px solid #0071c5;/*17-09-2020*/
}
.anaylyticChartPropertiesDiv{
    margin-left: 15px;
    width: 55%;
    /* border: 1px solid blue; */
    height: 100%; 
    overflow-y:auto;
}
.visionAnalyticTextarea{
    width: 98% !important;
    /*height:24px;*/
}
.visionAnalyticTextinput{ /*25-08-2020*/
    width: 98% !important;
    height:24px;
}

/* 19-08-2020  */
.visionChartOptionMainform{
    /*    margin: 40px auto;*/
    /*    width: 80%;
        border: 2px solid #0071c5;*/
    padding: 12px;
}
/*.visionOptLabelDiv{
    background-color: #ffff;
    position: absolute;
    left: 165px;
    top: 116px;
    width: 160px;
    height: 23px;
    border: 1px solid #a6c9e2;
}*/
/*.visionOptLabeHeading{
    text-align: center;
    color: #0071C5;
}*/
.visionChartOptionform{
    margin: 12px auto;
    padding: 10px;
    border: 1px solid #a6c9e2;
    position: relative;/*27-08-2020*/
}
.visionChartOptionRow:after{    
    content: "";
    display: table;
    clear: both;

}
.visionChartOptionRow.top-row {
    margin-top: 20px;
}
.visionChartOptionCol{

}
.optiondiv {
    width: 100%;
    text-align: left;
}
.visionChildChartOptionDiv {
    float: left;
    margin: 10px;
    width: 36%;
    margin-left: 81px;
    z-index: 9;
    /*background-color: #dfeffc;*/
    border: 1px solid #0071c5;
    text-align: center;
    background-color: white; /*27-08-2020*/
    position: absolute; /*27-08-2020*/
}
.visionChartOptInput{
    width: 220px;
    margin-left: 10px;
    height: 25px;
}
/*.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    right: 30px;
    top: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


 Rounded sliders 

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}*/

.visionChartConfigOptionForm{
    overflow-y: scroll;
    border:1px solid #0071c5;
    height:286px; /*25-08-2020*/
}
.visionOptLabelDiv{
    margin-top:-18px;
}
.visionOptLabeHeading{
    text-align: center;
    color: #0071c5;
}
.visionCloseColorBox {
    width: 10px;
    height: 10px;
    cursor: pointer;

    position: absolute;
    margin-top: -8px;
    margin-left: 28px;
}

.visionMultipleColorBox {
    margin-top: 8px;
    width: 35px;
    padding: 6px;
    margin-left: 4px;
    background-color: #ffff;
    border-radius: 5px;
}

.visionColsText{
    display:inline-block;
    width: 52px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
    padding: 3px;
}
/* 27-08-2020*/
.columnLabelDivs label{
    width: 22%;
    float: left;
    margin: 2px;
}
.columnLabelDivs input{
    width: 22%;
    float: left;
    margin: 2px;
}
.colorsSelectDiv{
    position:relative;
    z-index: 99;
    margin-top: 10px; /*01-09-2020*/
    height: 35px;/*01-09-2020*/
    display:none;/*01-09-2020*/
}
/*.colorsSelectDiv span{
    float:left;
}*/

.analyticsColumns{
    width: 360px;
    height: 38px;
    padding-left: -22px;
    margin-left: -33px;
    margin-top: 2px;
    overflow-y:auto;/*11-09-2020*/

}
.analyticsRows{
    width: 360px; 
    height: 38px;
    padding-left: -22px;
    margin-left: -33px;
    margin-top: -2px;
    overflow-y:auto;/*11-09-2020*/
}
.analyticsColumnsInner
{
    height:90%;
    width:90%;
    margin-left: 27px;

}
.analyticsRowsInner
{
    height:90%;
    width:90%;
    margin-left: 27px;

}

.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 20px;
}

.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
.main-list-ol li{
    margin: 12px auto;
    padding: 10px;
    border: 1px solid #a6c9e2;
    list-style-type:none;
}
.main-list-ol li label{
    margin:2px;
}

.HiddenIconImg{
    float:right;
    margin-top:-23px;
}

.main-list-ol ol li ol,.main-list-ol li ol {
    border:1px solid #0071c5;
}
.TextDiv .allErrors {
    float:left;
}
/* Analytics Suite CSS End   */

.tickMark {
    position:absolute;
    display: inline-block;
    width: 18px;
    height: 15px;
    margin-top: -3px;
    margin-left:-23px;
}

.tickMark::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 50%;
    width: 3px;
    background-color: #336699;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

.tickMark::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #336699;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}
.selectedColLabelsDiv{
    border: blue 1px solid;
    margin-top: 5px;
    height: 70px;/*01-09-2020*/
}
.columnLabelDivs label,
.columnLabelDivs input{
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.cron-builder,.cron-expression{
    text-align: left;
}
.cron-builder select,.cron-expression input{
    margin-left: 5px;
    margin-right: 5px;
}

/*17-09-2020*/
.analyticsComboRows{
    width: 360px; 
    height: 38px;
    padding-left: -22px;
    margin-left: -33px;
    margin-top: -2px;
    overflow-y:auto;
}

.analyticsComboRowsInner
{
    height:90%;
    width:90%;
    margin-left: 27px;

}
/*17-09-2020*/

/*24-09-2020*/
.visionMenuFlipFront.visionMenuFlipInner:hover{  
    box-shadow: 1px 1px 10px #ccc;  
}
.visionmenusplitdetail{
    color: #0071C5;
    font-size: 13px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    top: 103px; /*29-09-2020*/
    /* margin: auto; */
    /* font-weight: bold; */
    /*width: 100%;*/
    text-align: left;
    margin-left: 7px;
}
#processlogJobScheduleTable.logtable tbody {
    height:575px;
    overflow-y: auto;
    overflow-x: hidden;
}
.sideimgMain{
    list-style: none;
    position: absolute;
    margin-left: 209px;
    margin-top: -19px;
}
.sideimgmenu { 
    list-style: none;
    margin-right: 8px;
    /*position: absolute;*/
    /*    margin-left: 140px;
        margin-left: -60px;
        margin-top: -19px;*/
}
.sideimg1{
    height:16px;
    width:16px;
    cursor:pointer;
}
.visionMenuCompImg{
    height:30px;
    width:30px;
    margin-left: 32px;
}

/*24-09-2020*/
/*29-09-2020*/

@media only screen and (max-width:425px) {
    .visionTaskPagination {
        margin-left: -4%  !important;
    }
    .visionTaskActionItemsInner {
        width: 91%  !important;
    }
    .visionTaskPagination {
        margin-left: 10% !important;
    }
    .visionTaskInnerAlign{
        width: 100% !important;  
    }
}

/*@media only screen and (max-width:425px) {
    
    .sideimgmenu{
       margin-left:113px !important; 
    }
    .sideimgmenutwo{
        margin-left: 113px !important;
    } 
    .visionTaskPagination {
    margin-left: -4%  !important;
    }
    .visionTaskActionItemsInner {
    width: 91%  !important;
    }
    .visionTaskPagination {
    margin-left: 10% !important;
    }
    .visionTaskInnerAlign{
      width: 100% !important;  
    }
}*/
/*@media only screen and (max-width: 620px) and (min-width: 320px){
    .sideimgmenu{
    margin-left: 166px !important;
    }
    .sideimgmenutwo{
        margin-left: 166px !important;
    } 
       .visionTaskActionItems {
    width:111% !important;
    }
}*/
@media only screen and (max-width: 620px) and (min-width: 320px){

    .visionmenutable{
        width: 100% !important; 
    }

    .visionTaskActionItems {
        width:111% !important;
    }
}
@media only screen and (max-width: 850px) and (min-width: 768px){
    /*    .sideimgmenu{
            margin-left: 166px !important;
        }
        .sideimgmenutwo{
            margin-left: 166px !important;
        } */
    .visionTaskInnerAlign {
        margine-left:80px !important;
    }
}
@media only screen and (max-width:1360px) and (min-width: 1024px){
    /*    .sideimgmenu{
            margin-left: 165px !important;
        } 
        .sideimgmenutwo{
            margin-left: 165px !important;
        } */
}
/*@media only screen and (max-width:1440px) and (min-width:1361px){
    .sideimgmenu{
        margin-left: 102px !important;
    }
    .sideimgmenutwo{
      margin-left: 102px !important;
    } 
    .visionTaskInner {
    width: 75% !important;
    }
}*/
@media only screen and (max-width:2560px) and (min-width:1440px){
    /*    .sideimgmenu{
            margin-left: 146px !important;
        } 
        .sideimgmenutwo{
            margin-left: 276px !important;
        } */
}
/*29-09-2020*/
.ui-datepickerJobSchedule{
    z-index:10000 !important;
}

input.importClass 
{
    background-image: url("../images/import_icon_blue.png");    
}
input.importClass:hover 
{
    background-image:url("../images/import_icon_white.png");   
}
#availableJobsId{
    height:620px;
    width:300px;
    overflow-y:scroll;
}

/*30-09-2020 login page css*/
.visionLoginPasswordTr{
    display:none;
}
.loginProcessBtn{
    display:none;
}
.visionNextBtnIcon input[type="button"]
{
    background-position: calc(100% - 4px) 3px; 
    padding: 0px 27px 0px 4px; 
    background-image: url('../images/Loginnext_Icon-02.svg');  
    font: normal 12px/22px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    background-color:#0071c5;
    color:#fff;
    font-weight:bold;
}
.visionNextBtnIcon input[type="button"]:hover
{
    background-position: calc(100% - 4px) 3px; 
    padding: 0px 27px 0px 4px; 
    background-image: url('../images/Loginnext_Icon-02.svg');  
    font: normal 12px/22px "Helvetica Neue",Helvetica,Arial,sans-serif; 
    background-color:#528cd7;
    color:#fff;
    font-weight:bold;
}

.loginError{
    font: 12px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
}
.visionNextBtnIcon input{
    margin-left:108px;
}
.visionLoginOtpDiv{
    display:none;
}
.visionCaptchaDiv{
    display:none;

}
.visionCaptchaInput{
    display:none;

}
.visionLoginLang{
    display:none;
}
/*30-09-2020 login page css*/
/* jqwidgets - bindhu 30-10-2020 start*/
.jqx-tabs-title-selected-top-ui-redmond,.jqx-fill-state-pressed-ui-redmond{
    border-color: #0071c5 !important;
    border-bottom: 1px solid #0071c5 !important;
    background-color: #0071c5 !important;
    color: #fff !important;
}

.jqx-widget-header-ui-redmond{
    background: #e0e9f5 !important;
}
.jqx-widget-header-energyblue, .jqx-grid-energyblue .jqx-widget-header-energyblue{
    background-color: #EAF4FD !important;
}
.jqx-widget-energyblue .jqx-grid-cell-sort-energyblue, .jqx-widget-enegyblue .jqx-grid-cell-filter-energyblue, .jqx-widget-energyblue .jqx-rgrid-cell-pinned-energyblue, .jqx-grid-cell-sort-energyblue, .jqx-grid-cell-filter-energyblue, .jqx-grid-cell-pinned-energyblue {
    background-color: #EAF4FD !important;
}

.jqx-fill-state-normal-energyblue{
    background-color: #fff !important;
    border-color: #0071C5 !important;
}
.jqx-fill-state-pressed-ui-redmond{
    background: #0071c5 !important;
}


@media only screen and (min-width:320px) and (max-width:499px){
    .visionGridDataAlignInfo{
        width:70% !important;
    }
    .visionGridDataAlignImage{
        width:30% !important;
    }
}
@media only screen and (min-width:500px) and (max-width:800px){
    .visionGridDataAlignInfo{
        width:80% !important;
    }
    .visionGridDataAlignImage{
        width:20% !important;
    }
}

.jqx-tabs-arrow-left-ui-redmond{
    background-position: 0 !important;
}
.jqx-tabs-arrow-right-ui-redmond{
    background-position: 0 !important;
}
.jqx-fill-state-pressed-energyblue,.jqx-grid-cell-selected-energyblue{
    background-color:#EAF4FD !important;
}
.jqx-splitter-splitbar-horizontal,.jqx-splitter-splitbar-vertical{
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    -ms-touch-action: none !important;
    font-family: Verdana,Arial,sans-serif !important;
    font-style: normal !important;
    font-size: 13px !important;
    background: #d9d9d9 !important;
    border-color: #b3b3b3 !important;

}

.jqx-splitter-collapse-button-vertical,.jqx-splitter-collapse-button-horizontal{
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    border-color: #0077BE !important;
    background: #0077BE !important;
}
.jqx-tree-item-selected-energyblue,.jqx-tree-item-hover
{
    background: #0071c5 !important;
    color:#fff !important;
}
.jqx-grid-cell-hover-energyblue{
    background-color:#EAF4FD !important;
}
.jqx-checkbox-default
{
    height:13px !important;
    width:13px !important;
}
.jqx-checkbox-check-checked{
    height:13px !important;
    width:13px !important;
}
.jqx-checkbox-check-indeterminate,.jqx-checkbox-check-indeterminate-energyblue{
    height:13px !important;
    width:13px !important;
}
.jqx-listitem-state-hover,.jqx-listitem-state-hover-energyblue{
    background-color:#EAF4FD !important;
}
/*
.jqx-fill-state-hover,.jqx-fill-state-hover-energyblue{
    background-color:#EAF4FD !important;
}*/
/* jqwidgets - bindhu 30-10-2020 end*/

.logIconDiv{
    float: left;
    margin-left: 10px;
}
.visionMapOperator{
    /*padding: 8px 0px;*/ 
    font-size: 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 4px;
}

.visionmenutablesubicontd{
    text-align:right;
}
@media only screen and (max-width: 1024px) and (min-width: 768px){

    .visionTaskPagination {   
        margin-left: 14% !important;
    }

    .visionTaskInnerAlign {
        margine-left:80px !important;
    }
}

@media only screen and (max-width:1360px) and (min-width:1025px){

    #visionmenutable{
        width: 50% !important;
    }
    .visionmenutable{
        width: 33.33% !important;

    }
}
@media only screen and (max-width:1440px) and (min-width:1361px){

    .visionTaskInner {
        width: 75% !important;
    }
    .visionColJoinMappingInput {
        width: 74% !important; /*filter*/
    }
}
@media only screen and (max-width:1680px) and (min-width:1441px){

    .visionTaskInner {
        width: 75% !important;
    }
    .visionColJoinMappingInput{
        width:73% !important;
    }
}
@media only screen and (max-width:1920px) and (min-width:1681px){

    .visionTaskInner {
        width: 75% !important;
    }

    .visionColJoinMappingInput{
        width:73% !important;
    }
}
/* joins chart */
.analyticsJoinClauseInner ul li{
    list-style-type:none;
}
.analyticsJoinClauseInner ul{
    padding-inline-start: 6px;
}
.analyticsJoinClauseInner{
    height: 90px;
    overflow-y: auto;
    text-align: left;
    border: 1px solid blue; 
    width:99%;
}

.analyticsJoinClauseImg {
    float:left;
}


.analyticsWhereClauseInner ul li{
    list-style-type:none;
}
.analyticsWhereClauseInner ul{
    padding-inline-start: 6px;
}
.analyticsWhereClauseInner{
    height: 90px;
    overflow-y: auto;
    text-align: left;
    border: 1px solid blue; 
    width:99%;
}

.analyticsWhereClauseImg {
    float:left;
}
/* joins chart */

.visionEtlFileHeaderTablesDiv{
    overflow-y: auto; 
    height: auto;
    max-height: 190px ;
}
.visionEtlFileHeaderTablesDiv  thead th{
    position: sticky; top: 0;
}
.visionEtlFileHeaderTablesDiv table{
    width:100%;

}
.visionHeaderEtlAddRowIcon{
    margin-left:-248px;   
}
.selecttb{
    display:none;
}
.analyticscompId{
    display:none;
}

/* HTML Column Resize*/
#sourceDestColsTableId{
    width : 99% !important;
}
#etlJoinClauseTable{
    width : 99% !important;
}
#selectedTables{
    width : 99% !important;
}
#fromTablesWhereCauseTable{
    width : 99% !important;
}
#fromTablesOrderCauseTable{
    width : 100% !important;
}
#fromTablesGroupCauseTable{
    width : 100% !important;
}

/* firebox row isuue*/
#sourceDestColsTableId tbody{
    height : 0px !important;
}
.visionEtlJoinClauseTable {
    overflow-y: auto;
}
.visionEtlMappingTablesDiv{
    overflow-y: auto;
}

.visionEtlMappingTables { 
    /*aswini*/
    /*width: auto !important*/
}

.visionEtlJoinClauseTablesDiv{
    overflow-y: auto;
    margin-top: 30px;
}
/* HTML Column Resize*/



/*scroll bar css*/
.visionColMappScrollDiv1{
    width : 99% !important;

}
.visionColMappScrollDiv1{
    overflow-y: auto;
    height: auto;

}
.visionColMappScrollDiv1 thead th{
    position: sticky;  top: 0; 
}

.visionEtlMappingTablesDiv{
    overflow-y: auto;
    height: auto;
    overflow-x: hidden;

}
.visionEtlMappingTablesDiv thead th{
    position: sticky; top: 0;   
}
.visionEtlJoinClauseTablesDiv{
    overflow-y: auto;
    height: auto;

}
.visionEtlJoinClauseTablesDiv thead th{
    position: sticky; top: 0; 
}
.visionEtlJoinClauseTablesDivScroll{
    overflow-y: auto;
    height: auto;


}
.visionEtlJoinClauseTablesDivScroll  thead th{
    position: sticky; top: 0;

}
.visionEtlMappingMain{
    display:flex;
}
.visionEtlMappingTablesDiv{
    width:100%;
}

.visionEtlMappingTablesMainDiv{
    width:37%; 
    /*display: grid;*/
}

.visionSqlViewQuery1{
    overflow-y: auto;
    height: auto;


}
.visionSqlViewQuery1 thead th {
    position: sticky; top: 0;   
}
/*26-11-2020*/
/*.viewJoinQueryDivClass{
    overflow-y: auto;
    height: auto; 
    height: 35px
}*/
.visionEtlSourceDestColsTable1 tbody{
    height:0px !important;
}

.visionEtlJoinrClauseTablesDiv{
    overflow-y: auto;
    height: auto;
    overflow-x: hidden;

}
.visionEtlJoinrClauseTablesDiv thead th{
    position: sticky; top: 0;   
}
.visionEtlJoinrClauseTablesDiv{
    width:100%;
}

.visionEtlwhereClauseTablesDiv{ 
    overflow-y: auto;
    height: auto;
    overflow-x: hidden;   
}
.visionEtlwhereClauseTablesDiv thead th{ 
    position: sticky; top: 0;   
}
.joinMapColumnsDivIdmain1{
    width:62%;
}
.visionSqlViewQuery1 thead th {
    position: sticky; top: 0;   
}
.viewJoinQueryOuterDivClass{
    overflow-y: auto;
    height: auto; 
    overflow-x: hidden;
}
/*scroll bar css*/
.selectedTabs span{
    background-color:#0071c5;
    color:white;
    cursor:pointer;
    /*padding:2px;*/
    border-radius:4px;
}
.showRowsCount{
    margin-top:-40px;
}
.showRowsCount p{
    color:red;
}
.visionTableName{
    text-align: left;
}


.personaliseoption .VisionETLSettings_panel{
    border: 1px solid #dddddd;
    width: 30%;
    position: absolute;
    z-index: 10000;
    cursor: auto;
    font-family: Arial;
    font-size: 12px;
    right: 0px;
    background-color: #fff;
}
.VisionETL-tg-wrap{
    padding-top: 0px;  
}
.VisionETL-tg-wrap thead th{
    position: sticky; top: 0;
}
.ui-widget-overlay{ 
    z-index: 998 ;
}
/*pivot grid js */
.divFields{
    left: 10px !important;
    top: 39px !important;
}
.divFilters{
    left: 10px !important;
    top: 170px !important;
}
.divColumns{
    left: 141px !important;
    top: 170px !important;
}
.divRows{
    left: 10px !important;
    top: 300px !important;
}
.divValues{
    left: 141px !important;;
    top: 300px !important;;
}
#pivotFieldFiltersWindow{
    z-index: 1000 !important;
    left: 530px !important;
    top: 135px !important;
}
#pivotFieldSettingsWindow{
    z-index: 1000 !important;
    left: 520px !important;
    top: 200px !important;
}
#drillThroughWindow{
    z-index: 10000 !important;
    left: 432px !important;
    top: 123px !important;
}
#divContextMenu{
    width:152px !important;
}
.visionPivotGridDialog{
    z-index:999;
}
.ui-widget-overlay{
    z-index:998 !important;  
}
.visionPivotRowsTableSearch {
    margin-bottom: 13px !important;   
}
td.pvtAxisContainer.pvtRows.pvtUiCell.ui-sortable {
    padding-top: 50px;
    position: relative;

}
#output .pvtUi .pvtRenderer, #output .pvtUi .pvtAggregator, #output .pvtUi .pvtAttrDropdown{
    height: 27px;
    border: 1px solid #ddd !important;
}
#output .pvtUi .pvtRenderer:focus{
    border: 1px solid red;
}
#output .pvtUi #pivotTableSearchPvtRows:focus, #output .pvtUi input#getPivotRowsSearchData:focus{
    border: 1px solid #40875e !important;
}

td.pvtAxisContainer.pvtHorizList.pvtCols.pvtUiCell.ui-sortable {
    width: 100%;
}
.visionPersonalizationSaveDialog .ui-dialog-buttonpane .ui-dialog-buttonset button{
    background-color: #40875e !important;
    color: #fff !important;
    border: 1px solid #40875e !important; 
}

/*pivot grid js */
/*for nested charts and grid*/
.VisionAnalyticMappingTables
{
    width : 50% !important;
}
.nestedSavedJobsSpanClass{
    float:left;
}
.nestedSavedJobsColumnsSpanClass{
    float:left;
}
.nestedSavedJobsClassDiv{
    margin:8px;
}
.nestedSavedJobsColumnsClass{ 
    margin:2px;
}
.nestedSavedJobsColumnsClassDiv select{
    margin-left: -27px !important;
}
.nestedChartColumnsClass
{
    width : 56% !important;
}
.designAreaAnalyticsDisplayClass   
{
    height : 95% !important;
    width : 100% !important;
}
.visionAnalyticSuiteGridData
{
    height : 20px !important;
}
.designAreaAnalyticsButtonsClass
{

    /*margin-left :90% !important;*/
}
.designAreaAnalyticsGridButtonsClass
{
    margin-left :90% !important;
}
.designAreaAnalyticsFilterButtonsClass
{
    margin-left :92% !important;
    margin-top :-2.2% !important;
}
.visionAnalyticSuiteFilterData
{
    height : 20px !important;
}
.designAreaAnalyticsRefreshButtonsClass
{
    margin-left :94% !important;
    margin-top :-2.1% !important;
}
.visionAnalyticSuiteRefreshData
{
    height : 20px !important;   
}
.visionAnalyticsMappingTablesDiv{
    width: 65%;   
}


/*for nested charts and grid*/
/*cube css start*/
.visionAxisLablesDiv{
    display:grid;
}

#cubeContainer1 {

    margin: 0;
    background-color: #000;
    color: #000;
    font-family: Monospace;
    font-size: 13px;
    line-height: 24px;
    overscroll-behavior: none;
    margin-left: -300px;

}


.cubeLabel{
    background-color: white;
    border-style: ridge;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
}

.highLightLabel{
    color: red;
    font-weight: bold;
}
.cubeControlButtonsDiv{
    position: absolute;
    /*display:flex;*/
    z-index:999;
}
.cubeControlButtons{
    /*margin: 20px;*/
    padding-left: 0px !important;
}


.showCube{
    padding-left: 0px !important;
    font-weight: normal;
}

.visionDataModellerJobs{
    height: 600px !important;
}
.cubeControlButtonsDiv {
    position: absolute;
    /*display:flex;*/
    z-index: 999;
    margin-top: 10px;
    /* margin-left: 10px; */
    margin-right: 10px;
}


/*3d buttons*/

button.cubeControlButtons {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    font-size: 10px;
    font-family: Verdana, Arial, sans-serif !important;
    font-style: normal;
    font-size: 13px;
    font-weight: 100;
    font-family: inherit;
    padding: 0px 12px !important;
    height: 30px;
    color: #000;
}

button.cubeControlButtons {
    padding: 0px 5px;
    border-radius: 4px;
    background: #b7f2f4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7f2f4), to(#81e8eb));
    background: -moz-linear-gradient(#b7f2f4, #81e8eb);
    background: linear-gradient(#b7f2f4, #81e8eb);
    transform-style: preserve-3d;
    transition: all 175ms cubic-bezier(0, 0, 1, 1);
    border: solid 1px #ffffff;
    border-bottom: solid 3px #4fa7aa;
}

button.cubeControlButtons::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 92%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #75c9cc;
    border-radius: inherit;
    transform: translate3d(0, 0.75em, -1em);
    transition: all 175ms cubic-bezier(0, 0, 1, 1);
}

button.cubeControlButtons:hover {
    background: #8deaed;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8deaed), to(#9fedf0));
    background: -moz-linear-gradient(#8deaed, #9fedf0);
    background: linear-gradient(#8deaed, #9fedf0);
    border: solid 1px #79c5c7;
    border-bottom: solid 3px #4fa7aa;
    box-shadow: inset 0 0 0 1px #b9f2f5;
}

button.cubeControlButtons:hover::before {
    transform: translate3d(0, 0.75em, -1em);
}

button.cubeControlButtons:active {
    transform: translate(0em, 0.75em);
}

button.cubeControlButtons:active::before {
    transform: translate3d(0, 0, -1em);
    box-shadow: 0 0 0 1px var rgb(121, 186, 156), 0 0.25em 0 0 rgb(121, 186, 156);
}
/*end 3d buttons*/
.VisionShowCubeChart {

    /*    margin: 0;
        background-color: #000;
        color: #000;
        font-family: Monospace;
        font-size: 13px;
        line-height: 24px;
        overscroll-behavior: none;
        margin-left: -400px;   */
    position : relative;
    margin-left: -160px; 
}
/*cube css end*/
/*analysis new form css  */

.testbox .colums .item input,
.testbox .colums .item select,
.testbox .colums .item textarea,
.testbox .colums .item label,
.testbox .colums .item p {
    padding: 0;
    margin: 0;
    outline: none;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

.testbox .colums .item textarea {
    width: calc(100% - 12px);
    padding: 5px;
}

.testbox {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 20px;
}

.testbox .colums .item label {
    font-weight: 600;
    font-size: 12px;

}

.testbox {
    /*    width: 30%;*/
    padding: 10px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 8px #40875e;
}

.testbox .colums .item input,
.testbox .colums .item select,
.testbox .colums .item textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 5px -8px black;
    -moz-box-shadow: 0 8px 5px -8px black;
    box-shadow: 0 8px 5px -8px black;
}

.testbox .colums .item input {
    width: calc(100% - 8px);
    height: 25px;
}

.testbox .colums .item select {
    width: calc(100% - 0px);
    /*padding: 4px 0;*/
    height: 28px;
}

.testbox .colums .item input[type="date"] {
    padding: 4px 5px;
}

.testbox .colums .item .textarea {
    width: calc(100% - 12px);
    padding: 5px;
}

.testbox .colums .item:hover p,
.testbox .colums .item:hover i,
.testbox .colums .question:hover p,
.testbox .colums .question label:hover,
.testbox .colums input:hover::placeholder {
    color: #669999;
}

.testbox .colums .item input:hover,
.testbox .colums .item textarea:hover {
    border: 1px solid transparent;
    box-shadow: 0 0 3px 0 #669999;
    color: #669999;
}

.testbox .colums .item {
    position: relative;
    margin-bottom: 5px;
    text-align: left;
}

.testbox .colums .item span {
    color: red;
}

.testbox .colums {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.testbox .colums div {
    width: 45%;
}



@media (min-width: 568px) {

    .name-item,
    .city-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .name-item input,
    .name-item div {
        width: calc(50% - 20px);
    }

    .name-item div input {
        width: 97%;
    }

    .name-item div label {
        display: block;
        padding-bottom: 5px;
    }
}
.PiLogCloudAnalysisForm{
    background-color: #40875e;
}
.PiLogCloudFormClose{
    background-color: #40875e !important;  
}
.PiLogCloudFormButton{
    background-color: #40875e !important;  
}

.analysisSideimgmenu {
    margin-bottom: 30px;
}

.analysisSideimgmenu li {
    list-style: none;
    display: inline;
    padding-right: 10px;
    float: right;
    /* margin-bottom: 10px; */
}
.PilogCloudDateAndDdw {
    width: calc(90% - 8px) !important;
}
/*analysis new form css  */
/*cube*/
.visionAnalyticCheckBoxLabel
{
    /*margin-left:28px;*/   
}
.visionCubeCheckBox
{
    margin-top : -15px;
    /*margin-left : 25px;*/
}
.visionAnalyticCubeDropdown
{
    /*margin-left: -180px;*/
    float :left;
}
.cubeCheckBox
{
    cursor :pointer;
}
.visionAnalyticCubeChartCheckBoxClass{
    position: absolute; /* cube personalize*/
    z-index: 10000;  /* cube personalize*/
    float: left;
    padding: 2px;
    text-align: left;
    border-radius: 10px; 
    display: inline-block;
    margin: 5px;
    border: 1px solid #e0e9f5;
    box-sizing: border-box;
    resize: both; 
    overflow: HIDDEN;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%);
    padding: 16px 7px;/* cube personalize*/
    transition: box-shadow 113ms; /* cube personalize*/
    margin-left: -1px; /* cube changes*/
    background-color: #fff; 
    height:auto;
    width:16%; /* cube changes*/
}

.VisionAnalyticsCubeCheckBox{
    /*position: absolute;*/
    z-index: 10000;
    background: #fff;
    width: 195px;
    height:300px;
    overflow-y:auto;     
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%);
}
.showCubeCheckBox 
{
    background-image: url("../images/Cube_Icon.svg");    
    /*margin-left: 46px;*/
}
/*analysis new form css  */



.visionAnalyticCubeDropdownBox{
    margin-left: 10px;
}

.cubeCheckBox{
    width: 16px;
    height: 18px;
}


/*NEW ASH*/

.visionCubeCheckBox{
    display: flex;
}

.visionANalyticCheckBoxCube{
    margin-bottom: 28px;
    margin-top: 17px;   
}

.visionAnalyticCheckBoxLabel
{
    color: #000;
    margin-left: 4px;
    margin-top: 6px;
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-right: 1px;
    white-space:nowrap; /*cube personalize*/
}

/*#visionAnalyticCubeDropdownLabelx{
 margin-left: 8px;   
}
#visionAnalyticCubeDropdownLabely{
 margin-left: 8px;   
}
#visionAnalyticCubeDropdownLabelz{
  margin-left: 8px;    
}*/
.visionCubeCheckBox img{ /*cube changes*/
    width:25px ;
    height: 25px;
    margin-top: 6px;
}
.showCubeCheckBox{
    margin-left: 55px;
    color: #fff !important;
    background-color: #0071c5 !important;
}
.showCubeCheckBox:hover{
    color: #0071c5 !important;
    background-color: #fff !important;  
}
.visionDataCubeDropdown select{
    border: 1px solid #0071c5;
    color: #06090a;
    border-radius: 3px;
    height: 26px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.visionAnalyticCubeDropdownBox{
    width: 114px !important;
    height: 23px;   
}
#listBoxvisionAnalyticCubeDropdownLabelx{
    width: 135px !important;
    border:1px solid #000;
}
#listBoxvisionAnalyticCubeDropdownLabely{
    width: 135px !important;
    border:1px solid #000;
}

#listBoxvisionAnalyticCubeDropdownLabelz{
    width: 135px !important;
    border:1px solid #000;
}
#innerListBoxvisionAnalyticCubeDropdownLabelx{
    width: 115px !important;
    height: 86px !important;   
}
#innerListBoxvisionAnalyticCubeDropdownLabely{
    width: 115px !important;
    height: 86px !important;   
}
#innerListBoxvisionAnalyticCubeDropdownLabelz{
    width: 115px !important;
    height: 86px !important;   
}
.cubePersonaliseoption .ui-accordion-header1
{
    font-size:13px;    
    font-family: 'Helvetica Neue', Helvetica, Arial, Arial,sans-serif; 
    padding: .3em 0.3em 0.3em 0;
    text-align: center;
    margin:0;
}
.cubePersonaliseoption
{
    float: left;
    margin-left: 371px; /* cube changes */
    /*  width: 17%;*/
}
.cubePersonaliseoption .layoutoptions.ui-accordion
{
    /*    width: 100%;
        padding-bottom: 0%;
        padding-top: 0%;
        padding-left: 0px;
        padding-right: 0px;
        color: #fff;
        cursor: pointer;
        background: #0071c5 none repeat scroll 0 0;
        border-radius: 5px;
        font: normal 12px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: bold; cube changes*/ 

    padding: 0px 5px;
    border-radius: 4px;
    background: #b7f2f4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7f2f4), to(#81e8eb));
    background: -moz-linear-gradient(#b7f2f4, #81e8eb);
    background: linear-gradient(#b7f2f4, #81e8eb);
    transform-style: preserve-3d;
    transition: all 175ms cubic-bezier(0, 0, 1, 1);
    border: solid 1px #ffffff;
    border-bottom: solid 3px #4fa7aa;
}
.cubePersonaliseoption .ui-accordion .ui-accordion-header1 .ui-icon1 
{
    left: 0%;
    margin-top: -2px;
    position: relative;
    top: 50%;
    vertical-align: middle;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -99999px;
    background-image: url("../images/jquery-ui-theme/ui-icons_ffffff_256x240.png");
    height: 16px;
    width: 16px;
}
.cubePersonaliseoption .ui-accordion .ui-accordion-header1 .ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.cubePersonaliseoption .ui-accordion .ui-accordion-header1 .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.cubePersonaliseoption .settings_panel 
{
    display: none;
    border: 1px solid #dddddd;
    width: 20%;
    position: absolute;
    z-index: 10000;
    cursor: auto;
    font-family: Arial;
    font-size: 12px;
    right: 4%;
}
.visionAnalyticCubeExpandImage
{
    float:left;
    width: 15%;  
    padding-top:2px; 
    cursor: pointer;
    margin-left:100px; 
}

#analyticCubeColors
{
    border: 1px solid #0071c5
}
.main-cube-list-ol li{
    margin: 12px auto;
    padding: 10px;
    border: 1px solid #a6c9e2;
    list-style-type:none;
    margin-left:-38px;
}
.TextCubeDiv
{
    margin-left: -168px;
}
.visionAnalyticCubeFormDivButtons
{
    float:left;
    width:30%;
    padding-top:2px;  
}
.analyticCubeColors
{
    display:flex;
    padding:5px;
}
.TextCubeYDiv{
    margin-left: 8px; 
}
.TextCubeZDiv{
    margin-left: 8px; 
}
.visionCubeBgColor
{
    margin-left :2px;
}
/*cube*/
/*row reorder start*/
.tDnD_whileDrag{ 
    background-color: blue; 
}
/*row reorder end*/
/*new cube css(4-23-2021)*/
.visionAnalyticInfoData
{
    width:16px; 
    height:16px;
    padding-left:4px;
    cursor:pointer; 
}
.visionAnalyticCubeColorsClass
{
    margin-bottom: 8px;
    display: flex;
    margin-top:-14px;
}
.visionCubeValueAddClass
{
    width: 15px;
    height: 15px;
    cursor: pointer;
    float: left;
}
.visionCubeValueInput
{
    width: 97% !important;
    height: 26px; 
}
.visionCubeValueClauseTable tbody td{
    border:0;
    border-right:1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}
.visionCubeValueClauseTable {
    overflow-y: auto;
}
.visionCubeValueImgTd,.visionCubeValueImgTh{
    width: 24px !important;
}
.analyticsDataCubeValueTh
{
    border: 1px solid #0071c5;
    height: 30px;
    overflow-y: auto;
    background-color: #fff;
}
.analyticsCubeValueRows{
    width: 360px; 
}
.publishCube{
    padding-left: 10px;   
}

.showCube{
    padding-left: 6px !important;
}
.analyticsCubeValueRowsInner
{
    height:38px;
    width:270px; 
}
.visionAnalyticInputTextBox{
    width: -webkit-fill-available;
    height: 36px;
    /* margin: 0px; */
    padding: 0px; 
    font-size: 13px;
    text-align: center;  
}

.visionAnalyticInputTextBox::placeholder{
    font-size: 14px;
    text-align:center;
    color:#B6B6B4;
    margin-left:1px;
}
.analyticsDataCubeValueTh1{
    width: 883px;
    border: 1px solid #0071c5;   
}
.visionChartConfigColumnFormTable{
    width: 100%;
}
#analyticsCubeXaxisInner{
    margin-left: 0px;   
}

.analyticsDataTh.visionAnalyticsDataTh{
    border:0px;   
}
.analyticsCubeMainDiv{
    display: flex;
    width: 99%;
    border: 1px solid #0071c5;
    height: 42px;
}
.analyticsColumns.analyticsData.visionAnalyticsData.ui-droppable{
    width:50% ;
    margin-top: 0px;
    height: 100%;
    margin-left:0px;
}
.analyticsColumnsInner.visionanalyticsColumnsInner{
    width:100% ;   
}
.analyticsColumns.analyticsData.visionAnalyticsData{
    width:50% ;  
}
.visionCubeButton{
    margin-left: 75px;
    margin-top: 12px;   
}
#AnalyticXaxisInputText{
    margin-left: 0px !important;    
}
#xAxisInputTextBox{
    margin-left: 0px !important;   
}
.analyticsDataTh.visionAnalyticsDataTh{
    width: 44% !important;
    height: 30px;
    overflow-y: auto;
    background-color: #fff;
    border: 0px;
}
.analyticsRowsInnerBox
{
    height:30px;
    width:300px;
}
.analyticsRows.analyticsData.visionAnalyticsData.ui-droppable{

    width: 50%;
    margin-top: 0px;
    height: 100%;
    margin-left: 0px;
}
#analyticsCubeZaxisInner{
    margin-left: 0px;   
}
#analyticsCubeYaxisInner{
    margin-left: 0px;    
}
#yAxisInputTextBox{
    margin-left:0px !important;   
}
#AnalyticYaxisInputText{
    margin-left: 0px;   
}
#zAxisInputTextBox{
    margin-left: 0px;      
}
#AnalyticZaxisInputText{
    margin-left: 0px;      
}
.visionCubeAxisSpanLable{
    white-space: nowrap;    
}
.visionAnalyticCubeClickedColorsClass
{
    margin-top: 32px;
    display: flex;
    float: left;
    margin-left: -156px;

}
.visionCubeClickedColorsClass
{
    margin-top: 34px;
    float: left;
    display: flex;
    margin-left: -172px;
}
.cubeClickColorDiv
{
    margin-left: 7px;
}
.cubeSliceColorDiv
{
    margin-left: 7px;
}
.cubeDiceColorDiv
{
    margin-left: 7px;
}
.cubeReportButtonsDiv
{
    margin-top:-15px;
}
.cubePersonaliseoption .layoutoptions.ui-accordion::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 92%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #75c9cc;
    border-radius: inherit;
    transform: translate3d(0, 0.75em, -1em);
    transition: all 175ms cubic-bezier(0, 0, 1, 1);
}


.cubePersonaliseoption .layoutoptions.ui-accordion:hover{
    background: #8deaed;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8deaed), to(#9fedf0));
    background: -moz-linear-gradient(#8deaed, #9fedf0);
    background: linear-gradient(#8deaed, #9fedf0);
    border: solid 1px #79c5c7;
    border-bottom: solid 3px #4fa7aa;
    box-shadow: inset 0 0 0 1px #b9f2f5;
    color: #fff;
}

.jqx-listbox-container{
    z-index: 999999;
}
.visionPropertySplitTableClass td{
    width:250px;
}
.ColumnRenameClass, .AggregateBiColumnClass {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.renameValueClass .ColumnRenameClass span {
    width: 30%;
}

/*new cube css(4-23-2021)*/

/*timer  css starts (06-05-2025)*/
.timer-container {
    background: #fff;
    /*padding: 30px;*/
    border-radius: 15px;
    /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);*/
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*padding: 15px;*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); 
    background-color: #e6f0ff;
    width: 60px;
    height:auto;
    
}

.time-box span.value {
    font-size: 24px;
    font-weight: bold;
    color: #2d3e50;
}

.time-box span.label {
    font-size: 12px;
    color: #666;
    margin-top: 14px;
}
.timerDiv {
    width: 300px;
    height: auto;
    position: absolute;
    bottom: 0,
    border: 1px solid #f1f1f1;
    z-index: 999999;
    top: 50%;
    left: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 0.5rem;
}
.cutomTimerheaderCls{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px;
    border-bottom: 1px solid #f1f1f1;
}
.customeTimerClassBody{
    padding: 6px;
}
.minmaxBtnstimer{
    display: flex;
    align-items: center;
    gap: 8px;
}
.minTimerViewClass {
   position: fixed;
    z-index: 999999;
    bottom: 5%;
    right: 6px;
    background: #fff;
    transform: inherit;
    top: inherit;
    left: inherit;
}




/*timer css ends (06-05-2025)*/