/* Minification failed. Returning unminified contents.
(10318,33): run-time error CSS1046: Expect comma, found '74'
(10318,40): run-time error CSS1046: Expect comma, found '/'
(10446,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-2'
(10464,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-2'
(21530,33): run-time error CSS1046: Expect comma, found '0'
(21530,37): run-time error CSS1046: Expect comma, found '/'
(23003,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(23004,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(23005,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(23006,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(23007,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(23408,12): run-time error CSS1030: Expected identifier, found ' '
(23408,19): run-time error CSS1031: Expected selector, found '0'
(23408,19): run-time error CSS1025: Expected comma or open brace, found '0'
(23409,1): run-time error CSS1019: Unexpected token, found '}'
(24008,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24022,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24036,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24037,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24044,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24052,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24058,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24064,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24070,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24076,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24082,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24083,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24088,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24089,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24094,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24132,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24154,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24176,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24177,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24194,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24212,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24226,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24227,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24252,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24253,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24262,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24263,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24276,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24297,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24322,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24323,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24328,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24329,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24338,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24339,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24344,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24345,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24354,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24355,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24360,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24361,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24475,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(24476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24497,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(24498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(24541,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(24542,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/* =================== Open Sans Font ======================================*/

@font-face {
    font-family: 'open_sansbold';
    src: url('../Theme1/fonts/opensans/opensans-bold_0-webfont.eot');
    src: url('../Theme1/fonts/opensans/opensans-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Theme1/fonts/opensans/opensans-bold_0-webfont.ttf') format('truetype'),
         url('../Theme1/fonts/opensans/opensans-bold_0-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('../Theme1/fonts/opensans/opensans-light_0-webfont.eot');
    src: url('../Theme1/fonts/opensans/opensans-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Theme1/fonts/opensans/opensans-light_0-webfont.woff2') format('woff2'),
         url('../Theme1/fonts/opensans/opensans-light_0-webfont.woff') format('woff'),
         url('../Theme1/fonts/opensans/opensans-light_0-webfont.ttf') format('truetype'),
         url('../Theme1/fonts/opensans/opensans-light_0-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('../Theme1/fonts/opensans/opensans-regular_0-webfont.eot');
    src: url('../Theme1/fonts/opensans/opensans-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Theme1/fonts/opensans/opensans-regular_0-webfont.ttf') format('truetype'),
         url('../Theme1/fonts/opensans/opensans-regular_0-webfont.svg#Lato-Regular') format('svg');
         
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('../Theme1/fonts/opensans/opensans-semibold_0-webfont.eot');
    src: url('../Theme1/fonts/opensans/opensans-semibold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Theme1/fonts/opensans/opensans-semibold_0-webfont.woff2') format('woff2'),
         url('../Theme1/fonts/opensans/opensans-semibold_0-webfont.woff') format('woff'),
         url('../Theme1/fonts/opensans/opensans-semibold_0-webfont.ttf') format('truetype'),
         url('../Theme1/fonts/opensans/opensans-semibold_0-webfont.svg#Lato-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../Theme1/fonts/proximaNova/proxima_nova_regular-webfont.eot');
    src: url('../Theme1/fonts/proximaNova/proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Theme1/fonts/proximaNova/proxima_nova_regular-webfont.ttf') format('truetype'),
         url('../Theme1/fonts/proximaNova/proxima_nova_regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*================================= Lato font attachement ========================================================*/
@font-face {
    font-family: 'Lato-Medium';
    src: url('../Theme1/fonts/lato/Lato-Medium.eot');
    src: url('../Theme1/fonts/lato/Lato-Medium.eot?#iefix') format('embedded-opentype'),
        url('../Theme1/fonts/lato/Lato-Medium.woff2') format('woff2'),
        url('../Theme1/fonts/lato/Lato-Medium.woff') format('woff'),
        url('../Theme1/fonts/lato/Lato-Medium.ttf') format('truetype'),
        url('../Theme1/fonts/lato/Lato-Medium.svg#Lato-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Semibold';
    src: url('../Theme1/fonts/lato/Lato-Semibold.eot');
    src: url('../Theme1/fonts/lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
        /*url('../Theme1/fonts/lato/Lato-Semibold.woff2') format('woff2'),*/
        url('../Theme1/fonts/lato/Lato-Semibold.woff') format('woff'),
        url('../Theme1/fonts/lato/Lato-Semibold.ttf') format('truetype'),
        url('../Theme1/fonts/lato/Lato-Semibold.svg#Lato-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('../Theme1/fonts/lato/Lato-Light.eot');
    src: url('../Theme1/fonts/lato/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('../Theme1/fonts/lato/Lato-Light.woff2') format('woff2'),
        url('../Theme1/fonts/lato/Lato-Light.woff') format('woff'),
        url('../Theme1/fonts/lato/Lato-Light.ttf') format('truetype'),
        url('../Theme1/fonts/lato/Lato-Light.svg#Lato-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../Theme1/fonts/lato/Lato-Regular.eot');
    src: url('../Theme1/fonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        /*url('../Theme1/fonts/lato/Lato-Regular.woff2') format('woff2'),*/
        url('../Theme1/fonts/lato/Lato-Regular.woff') format('woff'),
        url('../Theme1/fonts/lato/Lato-Regular.ttf') format('truetype'),
        url('../Theme1/fonts/lato/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('../Theme1/fonts/lato/Lato-Bold.eot');
    src: url('../Theme1/fonts/lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('../Theme1/fonts/lato/Lato-Bold.woff2') format('woff2'),
        url('../Theme1/fonts/lato/Lato-Bold.woff') format('woff'),
        url('../Theme1/fonts/lato/Lato-Bold.ttf') format('truetype'),
        url('../Theme1/fonts/lato/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}



/*=================================================================================================================*/

/*================================== Orbitron Font Attachment =====================================================*/
@font-face {
    font-family: 'orbitronbold';
    src: url('../Theme1/fonts/orbitorn/orbitron-bold-webfont.eot');
    src: url('../Theme1/fonts/orbitorn/orbitron-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Theme1/fonts/orbitorn/orbitron-bold-webfont.woff2') format('woff2'),
         url('../Theme1/fonts/orbitorn/orbitron-bold-webfont.woff') format('woff'),
         url('../Theme1/fonts/orbitorn/orbitron-bold-webfont.ttf') format('truetype'),
         url('../Theme1/fonts/orbitorn/orbitron-bold-webfont.svg#orbitronbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*==================================================================================================================*/

/*============================================================================*/
html {
    background-color: #fff;
    margin: 0;
    padding: 0;
}

body {
    /*background-color: #e9eaed !important;*/
    background-color: #fff !important;
    border-top: none 0px #000;
    color: #111;
    font-size: 12px;
    /*font-family: "Segoe UI", Open Sans, Verdana, Helvetica, Sans-Serif;
    font-family: "Segoe UI",'Open Sans', Verdana, Helvetica, Sans-Serif;*/
    font-family: 'Lato-Regular','open_sanslight',"Segoe UI";
    /*font-family:Arial,verdana,sans-serif,Helvetica Neue,Helvetica !important;*/
    margin: 0;
    padding: 0;
    /*background:url(../../Images/bodyBG.jpg) left top transparent;*/
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: 0.1px;
    text-rendering: optimizeLegibility !important;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: #e2e2e2 solid 1px;
}

a {
    color: #333;
    outline: none;
    padding-left: 0px;
    padding-right: 3px;
    text-decoration: underline;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #1880d8;
    }

    a:hover {
        /*background-color: #c7d1d6;*/
    }

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

select
{
    border: 1px solid #cdd0d9;
    color: #333;
    font-size: 12px;
    margin: 3px 0 6px 0;
    padding: 8px 2px;
    background:none #fdfdfd;
    height:auto;
    line-height:26px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    color:#797979;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
input
{
    border: 1px solid #cdd0d9;
    color: #333;
    font-size: 12px;
    margin: 5px 0 6px 0;
    padding: 2px;
    background:none #fdfdfd;
    height:26px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
input, textarea, select,
{
    font-family: 'Lato-Regular';
}
input, textarea, select, button
{
    font-family: 'Lato-Regular' !important;
}
/*============================= challange outer Set New Added ===================================*/

.editableColumn input
{
    width:100% !important;
}
.challangebox4Outer
{
    /*float: left;
    width: 100%;
    min-height: 20px;*/
    float: left;
width: 99.3%;
min-height: 20px;
padding-left: 6px;
}
.challangebox5Outer
{
    float: left;
    width: 100%;
    min-height: 20px;
}

.challangebox4Outer .challangeBoxSingle
{
    float: left;
    width: 24.4%;
    margin: 2px 2px 4px;
}
.challangebox5Outer .challangeBoxSingle
{
    float: left;
    width: 19.4%;
    margin: 2px 2px 4px;
}
.challangeBox4comment
{
    margin: 4px 4px 0px 0px;
    float: left;
    min-height: 10px;
    width: 98%;
}
.ui-dialog
{
    /*left:25% !important;
    top:20% !important;
    height:450px;*/
}
.genInfo
{
    background-color: transparent;
    border-radius: 4px;
    padding: 12px 10px;
    font-size: 14px;
    color: #666;
    margin: 10px 0px;
}

/*================================================================================================*/

.challarbqccontainerouter {
    float: left;
    width: 100%;
    min-height: 20px;
}

.challarbqccontainer {
    float: left;
    /*width: 100%;*/
    width: 99.6%;
    min-height: 20px;
    margin-right: 4px;
}

.acceptRejectTD {
    /*background-color: #FFF;
    border: 1px solid #7F9DB9;
    float: left;
    min-height: 94px;
    margin: 4px 4px 0px 0px;
    width: 99%;*/

    /*background-color: #fff;
border: 1px solid #d8d8d8;
float: left;
min-height: 54px;
margin: 2px 4px 0px 0px;
width: 99%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 4px 0px;*/

       /* background-color: #fff; */
    float: left;
    min-height: 54px;
    margin: 2px 4px 0px 0px;
    width: 99.5%;
    padding: 4px 0px;
    border-bottom: 0px solid #cdd0d9;
}
.acceptRejectTDspclHeight
{
    min-height: 24px !important;
}
.challangeQCARBOutercont
{
    float:left;
    width:100%;
}
.AnsItemRadioSingleLine
{
    width: 25% !important;
    border-bottom: 0px dotted #D0D0D0;
    background-color: #f6f6f6;
    margin: 2px 4px !important;
    border-radius: 4px !important;
    padding: 3px !important;
}
.AnsItemRadioSingleLine label
{
        font-weight: normal;
    float: left !important;
    margin-top: 2px !important;
    margin-left: 3px !important;
}
.AnsItemRadio {
    float: left;
    width: 90%;
    border-bottom: 0px dotted #D0D0D0;
    padding-left: 3px;
    font-size: 0.77em !important;
}

.coloredTDTableHeader {
    /*background: #0C71B8 -moz-linear-gradient(center top , #0C71B8, #075F9D) repeat scroll 0% 0%;*/
    height: 20px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
/*background-color: #1ebded;*/

/* background: #d6e5f4; 
    background: -webkit-linear-gradient(#fff, #d6e5f4); 
    background: -o-linear-gradient(#fff, #d6e5f4); 
    background: -moz-linear-gradient(#fff, #d6e5f4); 
    background: linear-gradient(#fff, #d6e5f4);*/
background:transparent !important; 
    min-height: 22px;
    vertical-align: middle;
    line-height: 24px;
    color: #2c8edb;
    font-size: 15px;
    font-weight: bold;
    padding: 2px 0px;
    text-transform: uppercase;
    border-right: 0px solid #7e9db9 !important;
    border-bottom: 1px solid #cdd0d9;
    border-top: 0px solid #7e9db9;
    border-left: 0px solid #7e9db9;
}
.FormCaptionLabelColourTD {
        font-size: 13px;
    color: #2c8edb;
    text-transform: capitalize;
    height: 20px;
    line-height: 23px;
    vertical-align: middle;
    padding-left: 2px;
    float: left;
    font-family:'Lato-Semibold'
}

.qSetRadiolabel {
    padding: 10px 0px 0px 10px;
}

.float-left {
    /*float: left;*/
}
.float-left p {
    width:100%;
    text-align:center;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
     font-family: 'Lato-Semibold';
}

h1 {
    font-size: 2em;
}

h2 {
    /*font-size: 1.75em;*/
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}


    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }
/*===================================PUSH MENU========================================*/
.mp-menu
{
     font-family: "Segoe UI", Open Sans, Arial, sans-serif;
    
}
.logoOnMenu
{ margin-left:10px;margin-top: -5px; margin-bottom: 12px;}
/*================================Setting Menu ==============================*/
.userOn {
    background: url(../../Images/userAuth.svg) no-repeat left top transparent !important;
width: 20px;
    height: 20px;
    float: left;
    margin-right: 2px;
}
.userOff {
    background: url(../../Images/userAuth.svg) no-repeat left top transparent !important;
width: 20px;
    height: 20px;
    float: left;
    margin-right: 2px;
    filter:grayscale(100%)
}

.menu-section {
    width: 24px;
    margin: 1px auto 0px 3px;
    padding: 0px;
    background-color: transparent;
}
.menu-section a:hover
{
    background-color:transparent; text-decoration:none;
}
.menu{ width:24px; margin:0px; float:right;  padding:0px;  display:inline-block; list-style-type:none;
 }

.submenu a
{
    text-decoration:none;
    text-transform:uppercase;
    float: left;
clear: right;
width: 80%;
min-height: 26px;
line-height: 24px;
font-weight: 600;
margin-bottom:3px;
border: 1px solid #fff !important;


}
.submenu a:hover
{
     /*
     background-color:#f9f9f9;
     border:1px solid #f0f0f0;
     box-shadow:0px 1px 1px #e8e8e8;*/
    background-color: #0c71b7 !important;
    border: 1px solid #01a0d2 !important;
    color: #FFF !important;
    /*box-shadow: 0px 0px #33ccfd inset !important;*/
    border-radius:3px !important;

     border:1px solid #00406e !important;
    color: #FFF !important;
    box-shadow: 0px 1px #8abbde inset !important;
    /*background: #015b9a;*/ 
    /*background-color: -webkit-linear-gradient(#0c71b7, #034d80) !important; 
    background-color: -o-linear-gradient(#0c71b7, #034d80) !important; 
    background-color: -moz-linear-gradient(#0c71b7, #034d80) !important; 
    background-color: linear-gradient(#0c71b7, #034d80) !important;*/
}



.notify
{

     /*background: url(../../Images/notify.png) 3px 7px no-repeat transparent;
    width: 24px;
    padding-left: 24px;
    line-height: 28px !important;
    vertical-align: middle !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 4px !important;*/
    
    background: transparent url("../Images/notify.png") no-repeat scroll 3px 5px;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 4px !important;
    text-transform: none !important;
}
.notify:hover {
    background: url(../../Images/notify.png) 3px 7px no-repeat transparent;
   
}



.submenu{ width:150px; position:absolute;  padding:10px; margin-top:30px; background-color:#fff;  
 margin-left:-130px; box-shadow: 2px 2px 7px #888888; border:1px solid #e9e9e9; display:none;list-style-type:none; text-align:left; border-radius:4px; z-index:999 }

.submenu:after{content:'';
    position:absolute;
    top:-7px;
    width:10px;
    height:10px;
    border-bottom:1px solid #e9e9e9;
    border-left:1px solid #e9e9e9;
    background:#fff;
    left:50%;
    margin-left:50px;
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(135deg);
    border-radius:4px;
	
}
.submenu  li { margin:5px 0px; }

.submenu  li a{ color:#999; font-size:13px; }
.submenu  li a img{ display:inline-block; margin-right:5px;}
.submenu  li a:hover{ color:#57cde6; }






/*============================= notification & Username drop panel ===================================*/

.menu2{ width:24px; margin:0px; float:right;  padding:0px;  display:inline-block; list-style-type:none;
 }

.submenu2 a
{
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    clear: right;
    width: 77%;
    min-height: 26px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: 3px;
}
.submenu2 a:hover
{
     border-radius:4px !important;
     background-color:#f9f9f9;
     border:0px solid #f0f0f0;
     box-shadow:none;
}

.submenu2
{
    width: 280px;
    position: absolute;
    padding: 10px;
    margin-top: 33px;
    background-color: #FFF;
    margin-left: -200px;
    box-shadow: 2px 2px 5px #f6f6f6;
    border: 1px solid #E9E9E9;
    display: none;
    list-style-type: none;
    text-align: left;
    border-radius: 4px;
    z-index: 999;
}

.submenu2:after{content:'';
    position:absolute;
    top:-7px;
    width:10px;
    height:10px;
    border-bottom:1px solid #e9e9e9;
    border-left:1px solid #e9e9e9;
    background:#fff;
    left:50%;
    margin-left:50px;
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(135deg);
    border-radius:4px;
	
}
.submenu2  li 
{
    margin: 5px 0px;
    float: left;
    width: 100%;
    background-color: #f6f6f6;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 1px #fff inset;
}

.submenu2  li a{
    color: #444 !important;
    font-size: 11px;
}
.submenu2  li a img{ display:inline-block; margin-right:0px;}
.submenu2  li a:hover{ color:#57cde6; }

.delnotification {
    background: url(../../Images/cross-script.png) no-repeat left top transparent !important;
    width:16px !important;
    height:16px !important;
    float:right !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    margin-right:0px;
}
.delnotification:hover {
    background: url(../../Images/cross-script.png) no-repeat left -16px transparent !important;
    display:block; margin-right:0px;
}
.noteDelete
{
    width: 16px !important;
    float: right !important;
    margin: 9px 2px 0px 0px !important;
    min-height: 20px !important;
}
.usernameSmall {
    float: left;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    /*background-color: #4a99ac;*/
    background-color: #5075a6; 
    cursor: pointer;
    font-weight: 600;
    line-height: 26px;
    /*filter: saturate(0.5);*/
}
.usernameSmall:hover {
    background-color:#777;
    cursor:pointer;
}
.menu3{ width:24px; margin:0px; float:right;  padding:0px;  display:inline-block; list-style-type:none;
 }

.submenu3 a
{
    text-decoration:none;
    text-transform:uppercase;
    float: left;
clear: right;
width: 80%;
min-height: 26px;
line-height: 24px;
font-weight: 600;
margin-bottom:3px;

}
.submenu3 a:hover
{
     border-radius:4px !important;
     background-color:#f9f9f9;
     border:0px solid #f0f0f0;
     box-shadow:none;
}

.submenu3
 {
    width: 280px;
    position: absolute;
    padding: 10px 0px 0px;
    margin-top: 33px;
    background-color: #FFF;
    /*margin-left: -182px;*/
    /*margin-left: -242px;*/
     margin-left: -245px;
    box-shadow: 2px 2px 5px #F6F6F6;
    border: 1px solid #E9E9E9;
    display: none;
    list-style-type: none;
    text-align: left;
    border-radius: 4px;
    z-index: 999;
}

.submenu3:after{content:'';
    position:absolute;
    top:-7px;
    width:10px;
    height:10px;
    border-bottom:1px solid #e9e9e9;
    border-left:1px solid #e9e9e9;
    background:#fff;
    /*left:50%;*/
    left:72%;
    margin-left:50px;
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(135deg);
    border-radius:4px;
	
}
.submenu3  li 
{
    margin: 10px 0px 2px;
    float: left;
    width: 70%;
}

.submenu3  li a{
    color: #444 !important;
    font-size: 11px;
}
.submenu3  li a img{ display:inline-block; margin-right:0px;}
.submenu3  li a:hover{ color:#57cde6; }

.menuLastLi
{
    width: 100% !important;
    border-top: 1px solid #D4D4D4;
    background-color: #F6F6F6;
    padding: 5px 0px;
    margin-bottom: 0px !important;
    border-bottom-left-radius: 4px;
}
.dropmenuLink
{
    float:left !important;
    margin:5px 10px !important;
    height:26px !important;
    line-height:26px !important;
    background-color:#f1f1f1 !important;
    border:1px solid #d4d4d4 !important;
    box-shadow:0px 1px #fff inset !important;
    color:#444 !important;
    width:130px !important;
    padding:3px 5px !important;
    text-align:center !important;
    border-radius:3px !important;
}
.dropmenuLink:hover {
    /*background-color: #00B4ED !important;
    border: 1px solid #01a0d2 !important;
    color: #FFF !important;
    box-shadow: 0px 1px #33ccfd inset !important;*/
     border:1px solid #00406e !important;
    color: #FFF !important;
    box-shadow: 0px 1px #8abbde inset !important;
    /*background: #015b9a;*/ 
    background: -webkit-linear-gradient(#0c71b7, #034d80) !important; 
    background: -o-linear-gradient(#0c71b7, #034d80) !important; 
    background: -moz-linear-gradient(#0c71b7, #034d80) !important; 
    background: linear-gradient(#0c71b7, #034d80) !important;
}
.dropmenuLinkRight
{
    float:right !important;
    margin:5px 10px !important;
    height:26px !important;
    line-height:26px !important;
    background-color:#f1f1f1 !important;
    border:1px solid #d4d4d4 !important;
    box-shadow:0px 1px #fff inset !important;
    color:#444 !important;
    width:70px !important;
    padding:3px 5px !important;
    text-align:center !important;
    border-radius:3px !important;
}
.dropmenuLinkRight:hover {
    /*background-color: #00B4ED !important;
    border: 1px solid #01a0d2 !important;*/
    border:1px solid #00406e !important;
    color: #FFF !important;
    box-shadow: 0px 1px #8abbde inset !important;
    /*background: #015b9a;*/ 
    background: -webkit-linear-gradient(#0c71b7, #034d80) !important; 
    background: -o-linear-gradient(#0c71b7, #034d80) !important; 
    background: -moz-linear-gradient(#0c71b7, #034d80) !important; 
    background: linear-gradient(#0c71b7, #034d80) !important;
}
     

.usernameDrop
{
    float: left;
    /*margin: -8px 2px 2px 4px;
    color: #00B4ED;*/
    margin: 0px 2px 2px 4px;
    color:#09568b;
    font-weight: 600;
    font-size: 16px;
    padding-left: 28px;
    line-height: 20px;
    /*background: transparent url("../Images/userDrop.png") no-repeat scroll left 0px;*/
}
.userProfile
{
    float:left !important;
    width:28% !important;
    min-height:94px !important;
}
.userProfile img
 {
    border-radius: 50% !important;
    vertical-align: top !important;
    width: 86px !important;
    height: 86px !important;
    margin-left: 10px;
}
.roleName
{
    /*text-transform:uppercase;
    color:#9f9f9f !important;
    font-size:11px !important;
    margin-top:-8px;*/
  
    float: left;
    /*background: transparent url("../Images/roleIcon.png") no-repeat scroll left 4px;*/
    padding-left: 0px;
    margin: -10px 0px 2px 28px;
    height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    font-weight: 600;
}

.userCompanyName
{
    /*float: left;
    margin: -15px 0px 4px 4px;
    font-size: 12px;
    font-weight: 600;
    color: rgb(68, 68, 68);*/
    float: left;
margin: -20px 0px 4px 30px;
font-size: 12px;
font-weight: 600;
color: #888;
/*background: transparent url("../Images/office.png") no-repeat scroll left 4px;*/
padding-left: 0px;
line-height: 16px;
padding-top: 4px;
}
.liModerate
{
    
    background-color: #fbd22f !important;
    border: 1px solid #fbc92f !important;
    box-shadow: 0px 1px #fff inset;
}
.liCritical
{
    
    background-color: #fd4444 !important;
    border: 1px solid #e83737 !important;
    box-shadow: 0px 1px #fff inset;
}
.liGood
{
    
    background-color: #93d14a !important;
    border: 1px solid #79b731 !important;
    box-shadow: 0px 1px #fff inset;
}
.skill-title
{
    width:92% !important;
}

/*====================================================================================*/
.isLinkContainer
{
    /*background-color: #d4d4d4;
    float: left;
    padding: 2px 2px;
    margin-top: 4px;
    border-radius: 3px;
    width: 98%;
    overflow: hidden;*/
    /*background: none;
    float: left;
    padding: 2px 2px;
    margin: 0px 4px 0px;
    border-radius: 3px;
    min-width: 50%;
    overflow: hidden;*/
      background: none;
    float: left;
    padding: 4px 2px 1px 0px;
    margin: 0px 4px 0px;
    border-radius: 3px;
    /* min-width: 99%; */
    overflow: hidden;
    background-color: transparent /*#f8f8f8*/;
    border: 0px solid #d0d0d0;
}
.isLinkContainer a
{
    /*text-decoration:none;
    color:#444;
    float: left;
    width: 96%;
    overflow: hidden;
        float: left;
    line-height: 20px;
        padding: 1px 2px;*/
    text-decoration: underline;
    color: #3a78b6 !important;
    float: left;
    width: 96%;
    overflow: hidden;
    float: left;
    line-height: 20px;
    padding: 2px 2px 0px 0px !important;
    font-weight: bold;
    font-size: 12px;
    text-transform:uppercase;
}
.isLinkContainer a:hover
{
    text-decoration:underline;
    color:#000
}
.chp
{
    background:url(../../Images/password.png) left 5px no-repeat transparent;
    width:24px;
    padding-left:24px;
    line-height:24px;
    vertical-align:middle;
}
.chp:hover {
    background: url(../../Images/password.png) left -19px no-repeat transparent;
   
}

.myacc
{
    /*background:url(../../Images/userN.png) left 5px no-repeat transparent;
    width:24px;
    padding-left:24px;
    line-height:24px;
    vertical-align:middle;*/

    background: transparent url("../Images/userN.png") no-repeat scroll 3px 5px;
    width: 24px;
    padding-left: 24px;
    line-height: 28px !important;
    vertical-align: middle !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 0px 4px !important;
}
.myacc:hover {
    background: url(../../Images/userN.png) 3px 5px no-repeat transparent;
   
}

.subscrip
{
     background: transparent url("../Images/SubscriptionN.png") no-repeat scroll 3px 5px;
    width: 24px;
    padding-left: 24px;
    line-height: 28px !important;
    vertical-align: middle !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 0px 4px !important;
}
.subscrip:hover {
    background: url(../../Images/SubscriptionN.png) 3px 5px no-repeat transparent;
   
}

.business
{
     background: transparent url("../Images/BusinessN.png") no-repeat scroll 3px 5px;
    width: 24px;
    padding-left: 24px;
    line-height: 28px !important;
    vertical-align: middle !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 0px 4px !important;
}
.business:hover {
     background: url(../../Images/BusinessN.png) 3px 5px no-repeat transparent;
   
}
.lgout
{
    background:url(../../Images/log-out.png) left 5px no-repeat transparent;
    width:24px;
    padding-left:24px;
    line-height:24px;
    vertical-align:middle;
}
.lgout:hover {
    background: url(../../Images/log-out.png) left -19px no-repeat transparent;
   
}
.settings
{
    background:url(../../Images/settings.png) left 2px no-repeat transparent;
    width:24px;
    height:28px;
    float:left;
    cursor:pointer;
}
.settings:hover {
    background: url(../../Images/settings.png) left -47px no-repeat transparent;
    cursor:pointer;
   
}
.notification
{
    background:url(../../Images/notification.png) left top no-repeat transparent;
    width:24px;
    height:28px;
    float:left;
    cursor:pointer;
}
.notification:hover {
    background: url(../../Images/notification.png) left -46px no-repeat transparent;
    cursor:pointer;
   
}
.noteNo
{
    background-color: #F00;
    font-size: 10px;
    padding: 2px;
    line-height: 12px;
    border-radius: 5px;
    color: #FFF;
    font-weight: 700;
    margin-top: -38px;
    float: left;
    margin-left: -3px;
}
.disabled
{
    background-color: #e0e0e0 !important;
    border: 1px solid #d0d0d0 !important;
    color: #666 !important;
}
.disabledPaging
{
    background-color: transparent !important;
    border: 0px solid #d0d0d0 !important;
    color: #b4b4b4 !important;
}
.marginLeft
{
    margin-left:10px !important;
}
/*===========================================================================*/

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    /*max-width: 94%;*/
    max-width: 100%;
    background-color:#e9eaed;
}
.forgotPwdContent-wrapper {
    margin: 0 auto;
    max-width: 50%;
}
.popupContent-wrapper
{
    margin: 0 auto;
    max-width: 90%;
}
.popupUIDIALOGUEnospacewrapper
{
    padding:5px 2px !important;
}
.SPCLheightLabelSpacing{
    min-height:0px !important;
}
.SPCLheightLabelSpacing .FormButtonResetSearchPanel
{
    margin:0px !important;
}
.SPCLheightLabelSpacing .FormButtonResetSearchPanel:hover
{
    margin:0px !important;
}
.posLeft
{
    float:left !important;
}
.auditIconCont
{
    width:100%;
}
.auditIconCont img
{
    float: right;
margin-top: 0px;
margin-left: 0px;
}
.iconPosRight
{
    float:right !important;
}
.fileUploadinput {
    width:96.5% !important;
     max-width:96.5% !important;
     float:left;
}
.pageContainer
{
    float:left;
    width:930px;
    background-color:#f2fbfd;
    border:1px solid #00b9e8;
    border-radius:0.2em;
    -webkit-border-radius:0.2em;
    -moz-border-radius:0.2em;
    padding:15px;
    margin:0px;
}
.forgotPwdContainer
{
    /*float:left;
    width:96%;
    background-color:#fff;
    border:1px solid #085387;
    padding:10px;
    margin:0px;
     border-radius:0.2em;
    -webkit-border-radius:0.2em;
    -moz-border-radius:0.2em;
    background:url(../../Images/containerBG2.png) left top repeat-x #fff;*/

        float: left;
    width: 96%;
    background-color: #fff;
    border: 1px solid #cdd0d9;
    padding: 0px 0px 10px;;
    margin: 0px;
    border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    background: none left top repeat-x #fff;
}

    .forgotPwdContainer h2 {
        /*float: left;
    font-size: 0.9em;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 0px 8px 10px;
    border-bottom: 0px solid #D4D4D4;
    width: 98.4%;
    height: 18px;
    margin: 0px 0px 5px;
    border-radius: 0.2em !important;
    background: #075f9d; 
    background: -webkit-linear-gradient(#0c71b8, #075f9d); 
    background: -o-linear-gradient(#0c71b8, #075f9d); 
    background: -moz-linear-gradient(#0c71b8, #075f9d); 
    background: linear-gradient(#0c71b8, #075f9d);*/


        float: left;
        font-size: 0.9em;
        color: #222;
        font-weight: bold;
        text-transform: uppercase;
        padding: 8px 0px 8px 10px;
        border-bottom: 1px solid #e2e2e2;
        /* background-color: #00b6f1; */
        width: 100%;
        height: auto;
        margin: 0px 0px 5px;
        border-radius: 0.2em !important;
        background: #075f9d;
        background: -webkit-linear-gradient(#0c71b8, #075f9d);
        background: -o-linear-gradient(#0c71b8, #075f9d);
        background: -moz-linear-gradient(#0c71b8, #075f9d);
        background: #f9f9f9;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }
.whiteInsideContainer
{
    float:left;
    width:94%;
    background-color:#fff;
    /*border:1px solid #32c6ec;*/
    border:0px solid #085387;
    padding: 14px 10px 10px 45px /*5px*/;
    /*margin:0px;*/
    margin: 48px 0px 0px;
     border-radius:0.2em;
    -webkit-border-radius:0.2em;
    -moz-border-radius:0.2em;
    min-height:300px;
    background:url(../../Images/containerBG2.png) left top repeat-x #fff;
    background:none transparent;
}

.greyContainer
{
    float:left;
    width:96.6%;
    min-height:10px;
    background-color:#f5f5f5;
    border:1px solid #b4d2e9;
    padding:20px 20px 0px;
    border-radius:0.2em;
    box-shadow:0px 1px #fff inset;
}
.greyContainer img
{
    float:left;
    margin:20px;
}
.greyContainer hgroup h1
{
    font-size: 60px;
    text-transform: uppercase;
    color: #ff5c60;
}
.greyContainer hgroup
{
    float: left;
    margin-top: 70px;
    width: 64%;
    /*background-color: #e9e9e9;*/
    padding: 20px;
    border-radius: 4px;
        min-height: 180px;
    /*box-shadow: 0px 1px #f6f6f6 inset;
    border: 1px solid #e6e6e6;*/
}
.greyContainer hgroup h2
{
       background: transparent;
    width: 100%;
    font-size: 30px;
    text-transform: none;
    color: #888;
    font-weight: 600 !important;
    padding-left: 0px;
    margin-left: 0px !important;
    padding-top: 0px;
    margin-top: 0px;
    float: left;
    padding-bottom: 40px;
}
.greyContainer hgroup h2 a
{
    background-color: #00bdf0;
    float: left;
    padding: 10px 25px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 15px;
    margin-top: 8px;
}
.greyContainer .h2SPCL
{
    font-weight: normal !important;
    font-size: 14px !important;
}
.whiteInsideContainer .innerPageh2noSpace
{
    margin-bottom:0px !important;
    border-bottom:0px none !important;
    border-bottom-left-radius:0px !important;
    border-bottom-right-radius:0px !important;
}
.fieldsetwithNoSpace
{
    padding:0px !important;
}

/*change by nando on 25/06/21 */
.whiteInsideContainer h2
{
   display:flex; 
    float: left;
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    padding: 10px 10px 10px 10px;
    border: 1px solid #cdd0d9;
    background-color: #e4e4e4; 
   align-content: space-between;
    justify-content: flex-start;
    align-items: center;
   
    width: 100%;
    margin: 0px 0px 10px 0px;
    border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-border-radius: 2px !important;
   
    box-sizing: border-box !important; 
    -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
box-sizing: border-box !important;         /* Opera/IE 8+ */
}

.whiteInsideContainer h2 button{padding:0px !important;}

.whiteInsideContainer h2 .FormSubHeader
{
    padding-left:0px !important
}
.whiteInsideContainer h3
{
    float: left;
    font-size: 0.95em;
    color: #5e5e5e;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 0px 8px 10px;
    border-bottom: 0px solid #D4D4D4;
    background-color: #e4e4e4;
    width: 99%;
    height: auto;
    line-height:21px;
    /*margin: 0px 0px 8px;*/
    margin: 0px 0px 5px;
    border-radius:8px !important;
    -moz-border-radius:8px !important;
    -webkit-border-radius:8px !important;
}
.addEditFieldset
{
    float:left;
    width:100%;
    min-height:30px;
    padding:0px 0px 4px;
    margin:0px;
}
.formLineBorder
{
    float:left;
    width:100%;
    margin: 25px 0px 10px 0px;
    padding:0px;
    height:1px;
    /*background-color:#d4d4d4;*/
    border-bottom: 1px solid #e2e2e2;
}
.formLineDiv
{
    float:left;
    width:100%;
    margin:0px 0px 5px 0px;
    padding:2px 0px;
    min-height:20px;
}
.formLineDiv h3
{
    font-size: 1.1em;
    color: #0199c4;
    font-weight:bold;
    text-align:left;
    float:left;
    width:500px;
    margin:5px 0px;
    padding:0px;
    float:left;
}
#FormgridOuterDiv .formLineDiv
{
    margin-top: 3px !important;
    margin-bottom: 2px !important;
}
.forget-label
{
    float: left;
    text-align: center;
    width: 100%;
    min-height: 20px;
    padding: 0px 0px 0px 8px;
    margin: 0px 5px 0px 0px;
}
    .forget-label label
    {
        font-size:0.95em;
        color:#5e5e5e;
        float:left;
        line-height:28px;
        vertical-align:middle;
        text-align:left;
    }
.form-label
{
    float:left;
    text-align:right;
    width:30%;
    min-height:20px;
    padding:0px;
    margin:0px 5px 0px 0px
}
.form-label label
    {
       /*     font-size: 11.4px;
    color: #5e5e5e;*/
        font-size: 13px;
    color: #000;
    float: right;
    line-height: 35px;
    vertical-align: middle;
    /*margin-top: 3px;*/
    font-family: 'Lato-Semibold';
    }

.result-label
{
    float:left;
    text-align:right;
    width:350px;
    min-height:20px;
    padding:0px 0px 4px;
    margin:0px 5px 0px 0px
}
    .result-label label
    {
        font-size:1em;
        color:#5e5e5e;
        float:right;
        line-height:28px;
        vertical-align:middle;
    }
/*.ng-scope {
    float:left;
}*/
/*========================   CHANGES DONE BY SUJIT =======================================*/
.qcSamplingDivNew {
    float: left;
    /*min-height: 16px;*/
    min-height: 0px;
    min-width: 0px;
    border: 0px solid #f00;
    line-height: 16px;
    vertical-align: middle;
    background-color: #f6f6f6;
    padding: 0px;
    border-radius: 4px;
    border: 1px solid #f1f1f1;
    margin-top:2px;
}
#qcrole
{
    /*float: left;*/
    width: auto;
    height: 20px;
    padding: 6px 8px 4px;
}
#chalRole
{
    width: auto;
    height: 20px;
    padding: 6px 8px 4px;
}

.qcSamplingDivNew span {
    float: left !important;
    padding-bottom: 3px !important;
}
span {
    /*font-family: Arial,verdana,sans-serif,Helvetica Neue,Helvetica !important;*/
}

.qcSamplingDivNew input {
    float: left !important;
    margin: 0px 8px 0px 3px !important;
}

.play {
    background: url(../../Images/play.png) no-repeat left top transparent !important;
    width: 16px !important;
    height: 16px;
    float: left;
    margin-left: 2px;
}

.web_dialog_overlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    display: none;
}

.web_dialogB {
    display: none;
    position: fixed;
    width: 802px;
    height: auto;
    top: 21%;
    left: 34%;
    margin-left: -190px;
    margin-top: -100px;
    border: 1px solid #336699;
    padding: 0px;
    z-index: 102;
    font-family: Verdana;
    font-size: 10pt;
}
.noborderStyle
{
    border:0px none #fff !important;
}
.web_dialogFixedHeight {
    display: none;
    position: fixed;
    width: 802px;
    height: 450px;
    top: 21%;
    left: 34%;
    margin-left: -190px;
    margin-top: -100px;
    border: 0px solid #336699;
    padding: 0px;
    z-index: 102;
    font-size: 10pt;
}
.InfoBarTitleModified
{
background: none #32C6EC !important;
color: #fff;
font-weight: bold;
border: 1px solid #2fb9dd;
box-shadow: 0px 1px #fff inset;
border-radius: 4px;
float: left;
width: 96%;
margin: 2px 2px !important;
padding: .4em 1em .3em;

}
.InfoBarTitleModified span
{
    text-transform:uppercase !important;
    font-size:12px !important;
    float:left !important;
    margin:.1em 0 !important
}
.popupClose
{
    border: 1px solid #d3d3d3 !important;

background: #e6e6e6 url("../images/ui-icons_888888_256x240.png") 160px -129px repeat-x !important;
font-weight: normal;
color: #555555;
float: right !important;
margin: 0px -8px 0px 0px !important;
width: 19px !important;
}
.popupClose:hover {
    border: 1px solid #777 !important;
    background: #e6e6e6 url("../Images/icons.png") 160px -129px repeat-x !important;
}

.NewPopUpStyleDiv {
    font: normal 11px auto "Trebuchet MS", Verdana;
    background-color: #FFFFFF;
    color: #4f6b72;
    padding: 2px !important;
    border: 1px solid #aaaaaa;
    overflow: hidden;
    border-radius: 4px !important;
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
}
.heightControl
{
    max-height:510px;
    overflow:hidden;
}
.titlebarspacing
{
    padding: 5px 2px 0px 10px;
margin-bottom: 2px;
text-transform:uppercase;
}

.NewPopUpHeader {
    color: #FFFFFF !important;
   
   
    padding-left: 0px;
    height: 25px;
    
}
.vmemberGridPopup
{
    background-color: #f1f1f1 !important;
width: 97% !important;
margin-left: 0px !important;
max-width: 97% !important;
}
.vmemberGridPopupScroll
{
     float: left;
    overflow-y: scroll !important;
    overflow-x: hidden;
    SCROLLBAR-FACE-COLOR: #d1d1d1;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff;
    SCROLLBAR-SHADOW-COLOR: #fff;
    SCROLLBAR-3DLIGHT-COLOR: #fff;
    SCROLLBAR-ARROW-COLOR: #fff;
    SCROLLBAR-TRACK-COLOR: #fff;
    SCROLLBAR-DARKSHADOW-COLOR: #fff;
    height:200px;
}
.popupscrollingBig {
    float: left;
    overflow-y: hidden;
    overflow-x: hidden;
    SCROLLBAR-FACE-COLOR: #d1d1d1;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff;
    SCROLLBAR-SHADOW-COLOR: #fff;
    SCROLLBAR-3DLIGHT-COLOR: #fff;
    SCROLLBAR-ARROW-COLOR: #fff;
    SCROLLBAR-TRACK-COLOR: #fff;
    SCROLLBAR-DARKSHADOW-COLOR: #fff;
    width: 794px;
    padding: 2px;
    height: 518px;
}

.qSettingPOPAUDIT {
    background-color: #E7F5F7;
    border-top: 1px solid #FFFFFF;
    font-size: 12px;
    margin: 0px 0px 0px 1px;
    padding: 4px 10px 10px;
}
.qSettingPOPAUDIT td
{
    /*padding:0px !important*/
    padding: 4px !important;

}
.riskupldImage
{
    max-height:24px;
    max-width:24px;
}
.spclHeightPopupRisk
{
    height:150px !important;
}
.ui-button-text
{
        height: 18px !important;
    border: 0px solid #f00 !important;
    padding: 0px !important;
}
/*div .dragClose {
    background: url("../../images/closeIcon.png") no-repeat scroll 3px 4px transparent;
    cursor: pointer;
    height: 20px;
    min-width: 20px;
    padding: 0px;
    float: right;
    border: 0px none #fff;
}*/
div .dragClose {
    background: url("../../images/closeIcon.png") no-repeat scroll 1px 1px #f6f6f6 !important;
    cursor: pointer;
    height: 20px;
    min-width: 20px;
    padding: 0px;
    float: right !important;
    border: 0px none #fff;
}
div .dragClose:hover {
    background: url("../../images/closeIcon.png") no-repeat scroll 1px 1px #f6f6f6 !important;
    cursor: pointer;

}
.dragClose {
    background: url("../../images/closeIcon.png") no-repeat scroll center 2px #f6f6f6 !important;
    cursor: pointer;
    height: 20px;
  float: right;
border: 1px solid #d4d4d4 !important;
text-align: center !important;
color: #666 !important;
padding: 0px 0px 0px !important;
font-size: 12px !important;
margin: 0px 3px 4px !important;
}
.dragClose:hover {
    background: url("../images/closeIcon.png") no-repeat scroll 1px -15px #f6f6f6 !important;
    border: 1px solid #666 !important;
}

.commentGrid {
    width: 99%;
    min-height: 0px;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
    SCROLLBAR-FACE-COLOR: #d1d1d1;
    SCROLLBAR-HIGHLIGHT-COLOR: #e7f5f7;
    SCROLLBAR-SHADOW-COLOR: #e7f5f7;
    SCROLLBAR-3DLIGHT-COLOR: #e7f5f7;
    SCROLLBAR-ARROW-COLOR: #d4d4d4;
    SCROLLBAR-TRACK-COLOR: #e7f5f7;
    SCROLLBAR-DARKSHADOW-COLOR: #e7f5f7;
    background-color: #e7f5f7;
    border: 1px solid #c6d5e1;
    padding: 1px;
}

.popGridTable {
    border: 1px solid #c6d5e1;
}

.popGridHeader {
    color: #638db7 !important;
    background: url("../images/gridHeader2.png") repeat-x scroll left top #d4e4f3;
    height: 25px;
    border-left: 1px solid #7e9db9;
    border-right: 1px solid #7e9db9;
    border-bottom: 1px solid #7e9db9;
}

.popGridHeader th {
    color: #638db7;
    padding: 4px 2px;
    border-bottom: 1px solid #7f9db9;
}

.popGridTr {
    background: none repeat scroll 0 0 #FFFFFF;
}

.popGridTD {
    padding: 4px 2px;
    border-right: 1px solid #C6D5E1;
    border-bottom: 1px solid #C6D5E1;
}

/*.folderAuditReopen {
    background: url(../../Images/auditReopen.png) no-repeat left top transparent !important;
    width:16px !important;
    height:16px !important;
    float:left;
    border: 0px none !important;
}

.folderAuditReopen:hover {   
    background: url(../../Images/auditReopen.png) no-repeat left -26px transparent !important;
    width:16px !important;
    height:16px !important;
    float:left;
}*/

/*========================================================================================*/

.gridInnerMother {
    float:left;
    padding:5px 10px;
    margin:10px 0px 5px 0px;
   border:0px solid #a2a2a2;
   /*background-color:#f0f0f0;*/
   border-radius:0.2em;
   -moz-border-radius:0.2em;
   -webkit-border-radius:0.2em;
   float:left;
   width:890px;
}
.groupSetupMother {
  float: left;
    padding: 5px 8px;
    margin: 10px 0px 5px 0px;
    border: 0px solid #d4d4d4;
    /*background-color: #f4f4f4;*/
    background-color:#f9f9f9;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    float: left;
    width:100%; box-sizing: border-box !important;  -moz-box-sizing: border-box !important;  -webkit-box-sizing: border-box !important;
}
.groupSetupMother h2
{
    float:left;
    font-size: 13px;
    color: #000;
    font-weight:normal;
    text-transform: uppercase;
    padding:12px 0px 12px 10px;
    border-bottom:0px solid #d4d4d4;
    background-color:#dbdbdb;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    width:100%;
    
    margin:-5px 0px 8px 0px;
    font-family: 'Lato-Semibold';
    letter-spacing:0px;
    text-shadow: 0px 1px #f5f5f5;
    line-height:19px; box-sizing: border-box !important;  -moz-box-sizing: border-box !important;  -webkit-box-sizing: border-box !important;
}
.groupSetupMotherLineDiv
{
    float:left;
    width:99.2%;
    margin:0px 0px 10px 0px;
    padding:2px 0px;
    min-height:20px;
}
.smallSecContainer
{
    width: 98% !important;
    margin: 2px 20px !important;
}
.grpSq
{
    float:left;
width:16%;
}
.grpSq label
{
    float:left;
    margin-right:10px;
}
.grpSq input
{
    width:50px !important;
    float:left;
    margin-top:3px !important;
    /*height:22px !important;*/
}
.grpinfo
{
    float:left;
    width:82%;
}
.grpinfo label
{
    float:left !important;
    margin-right:25px;
    /*width:90px;*/
    min-width:70px !important;
}
.grpinfo select
{
        width: 48% !important;
    float: left;
    min-width: 20% !important;
}
.grpinfoMidSize
{
    float:left;
    width:40%;
}
.grpinfoMidSize label
{
    float:left !important;
    margin-right:5px;
    /*width:90px;*/
    min-width:70px !important;
}
.grpinfoMidSize input
{
    width: 70% !important;
    float: left;
    min-width: 20% !important;
    margin-top: 3px !important;
}
.groupSetupMotherLineDiv label
    {
        font-size:13px;
        color:#111;
        float:left;
        line-height:34px;
        vertical-align:middle;
        min-width:17.2%;
        font-weight :normal !important;
        padding-left :10px;
        font-weight: 600;
    padding-top: 1px;
    font-family: 'Lato-Semibold';
    }
.groupSetupMotherLineDiv input
{
    /*border: 1px solid #9ac5ff;
    border:1px solid #7f9db9;*/
    border: 1px solid #e2e2e2;
    color: #111;
    font-size: 1em;
    margin: 0px;
    padding: 3px 5px;
    width: 263px;
    background:none #fff;
    height:24px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
}
.groupSetupMotherLineDiv select
{
    /*border: 1px solid #e0e0e0;
    border:1px solid #9ac5ff;
    border:1px solid #7f9db9;*/
     border:1px solid #e2e2e2;
    color: #111;
    font-size: 1em;
    margin: 0px !important;
    padding: 12px 5px;
    min-width: 82%;
    background:none #fff;
    height:auto;
    line-height:26px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    /*color:#797979;*/
}
.groupSetupBox 
{
   /*Padding: 5px 10px;
    margin: 10px 0px 0px 0px;
    border: 1px dashed #d4d4d4;
    background-color: #f5f5f5;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    float: right;
    width: 82%;*/
       Padding: 30px 20px;
    margin: 20px 0px 0px 0px;
    border: 0px dashed #d4d4d4;
    background-color: #f5f5f5;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    float: right;
    width: 79.7%;
}
.groupSetupBox select
{
    background-color:#fff !important;

}

.groupSetupBox h2
{
    float:left;
    font-size: 0.9em;
    color: #000;
    font-weight:bold;
    text-transform: uppercase;
    padding:8px 0px 8px 10px;
    border-bottom:0px solid #d4d4d4;
    background-color:#dbdbdb;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    width:99%;
    height:18px;
    margin:5px 0px 8px;
}
.groupSetupformLine
{
    float:left;
    width:99%;
    margin:5px 0px 5px 0px;
    padding:2px 0px;
    min-height:20px;
}

.groupSetupformLine label
    {
        /*font-size:13px;
        color:#222;
        float:left;
        line-height:26px;
        vertical-align:middle;
        min-width:15%;
        font-weight :normal !important;
        padding-right :10px;
        min-height:27px;
        text-align:right;
        font-weight: 600;
        padding-top: 1px;
         font-family: 'Lato-Semibold';*/
            font-size: 13px;
    color: #222;
    float: left;
    line-height: 32px;
    vertical-align: middle;
    min-width: 15%;
    font-weight: normal !important;
    padding-right: 10px;
    min-height: 34px;
    text-align: right;
    font-weight: 600;
    padding-top: 1px;
    font-family: 'Lato-Semibold';
    }
.lblSPCL {
    min-width:85px !important;
    margin-left: 10px;
}
.lblMid {
    min-width:120px !important;
    padding-right:10px !important;
}
.lblSMALL {
    min-width:50px !important;
}
.inputBig {
    width:80% !important;
    margin-right:5px !important;
}
.inputMedium
{
    width:200px !important;
}
.inputMod
{
    width: 320px !important;
margin-right: 0px !important;
}
.inputOptionSmall
{
    width: 50px !important;
    margin-right: 0px !important;
}
.datePickerWidth
{
    width: 85px !important;
}




/*============================================= Sample Template Screens =========================================*/
.dynamicdiv 
{
    float:left;
    width:100%;
    min-height:30px;
    line-height:30px;
    vertical-align:middle;
    margin:0px;
    padding:0px 0px 8px;
    text-align:center;
    /*background-color: #f9f9f9;*/
border-radius: 4px;
padding: 4px 0px 6px;
}
.labeSpacing
{
    width:15% !important;
}
.lessSpaceBottom
{
    margin-bottom:10px !important
}
.dynamicdiv div
{
    float:left;
    min-height:1px !important;
}
.dynamicdiv label
{
    float:left;
    margin-left:4px;
    line-height:30px;
    vertical-align:middle;
    width:50px;
    text-align:center;
}
.dynamicdiv .FormTextBox
{
    margin-right:10px;
}
.dynamicdiv .FormDropDown 
{
    margin:4px 5px 4px 0px !important;
    height:23px !important;
    text-transform: capitalize;
}
.dynamicdiv .FormSmallDropDown 
{
    margin:4px 0px !important;
    height:23px !important;
    width:240px !important
}
.spclPosition
{
    margin-left:95px;
}
.dynamicdiv table
{
    width:100%;
}
.dynamicdiv table .equalTd
{
    width:25%;
}
.dynamicdiv table  select
{
    width:100% !important;
}
.dynamicdiv table  input
{
    width:97% !important;
    margin:0px !important;
}
.equalTd label
{
    width:100% !important;
    text-align:left !important;
}
.sampleSize
{
   /*float: right !important;
margin-right: 0;
width: 31%;
padding-bottom:10px;*/
   float: right !important;
    margin-right: 0;
    width: 29%;
    padding-bottom: 10px;
    margin: 20px 0px 10px;
}
.sampleSize label
{
    width: 190px !important;
    padding-top: 4px;
    padding-right: 2px;
}
.spclPosition .SPCLinput
{
    padding-right:0px !important;
}
.spclPosition .lastTDPos
{
    padding-right:0px !important;
    text-align:right;
    padding-left:2em !important;
}
/*===============================================================================================================*/
/*============================================ Project View Styles ==============================================*/
.slaOuter
{
    /*width:90%;
    float:right;
    text-align:left;
    margin:5px 30px;*/
        /*width: 90%;*/
        width: 96%;
    float: right;
    text-align: left;
    margin: 5px 30px;
    border: 0px solid #e2e2e2;
    border-radius: 3px;
    padding: 0px !important;
}
.formLineDivWithoutSpace
{
    padding:0px !important;
    margin-bottom: 0px !important;
}
.slaContainer
{
    /*background-color:#f0f0f0;
    float:right;
    border-radius:4px;
    padding:10px;
    margin:10px 0px;
    min-height:20px;
    width:98%;*/
        /* background-color: #f0f0f0; */
    float: left;
    border-radius: 0px;
    padding: 0px;
    margin: 0px 0px;
    min-height: 20px;
    width: 100%;
}

.slaUpdateContainer
{
    /*background-color:#f6f6f6;
    float:left;
    border-radius:4px;
    padding:10px;
    width:45%;
    min-height:20px;
    margin-left:10px;*/
    background-color: transparent;
    float: left;
    border-radius: 4px;
    padding: 0px 0px 5px;
    width: 48.32%;
    min-height: 20px;
    margin-left: 0px;
}
.slaUpdateContainer table
{
    width:100% !important;
    margin-top:0px !important;
}
    .slaUpdateContainer .formgridtable th {
        border-top: 0px none !important;
        font-weight: normal !important;
        font-family: 'Lato-Semibold' !important;
        font-size: 11px !important;
        text-transform: capitalize !important;
        padding: 4px 7px !important;
    }
.slaUpdateContainer .formgridtable td
{
     padding-left:10px !important;
}
.slaSelectorContainer
{
    background-color:#f5f5f5;
    float:left;
    border-radius:0px;
    padding:10px;
    width:50%;
    min-height:20px;
    border-right:0px solid #e2e2e2;
    border-radius:8px;
}
.slaElementBig
{
    width:51% !important;
}
.slaElement
{
    /*float:left;
    width:18%;
    padding:3px;
    margin:0px 3px;
    background-color:#e0e0e0;
    border-radius:4px;*/
        float: left;
    width: 15%;
    padding: 3px 0px;
    margin: 0px 3px;
    background-color: transparent;
    border-radius: 0px;
    border-right: 0px solid #e2e2e2;
}
.slaElement label
{
    float:left;
    width:98%;
    padding:3px;
    font-size:12px;
    color:#444;
    clear:both;
}
.slaElement input
{
        background: #fff;
    color: #333;
    font-size: 1em;
    margin: 0px 0px 0px 0px;
    padding: 3px 5px;
    width: 65px;
    background: none #fdfdfd;
    height: 20px;
    line-height: 26px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 0.2em;
    color: #797979;
    float: left;
    box-shadow: none;
    border: 1px solid #cdd0d9;
    width:88%;
}
.slaElementBig input
{
    width:96.2% !important;
}
.slaSelectorContainer .formLineDiv
{
    margin-top:10px !important;
}
.slaTAT {
    /*background-color:#d4d4d4;
    float:left;
    border-radius:4px;
    padding:10px;
    width:98%;
    min-height:20px;
    margin-top:10px;*/
    /*        background-color: #f5f5f5;
    float: left;
    border-radius: 0px;
    padding: 10px;
    width: 98.4%;
    min-height: 20px;
    margin-top: 0px;
    border-top: 1px dashed #e2e2e2;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;*/
    background-color: #f5f5f5;
    float: left;
    border-radius: 0px;
    padding: 10px;
    width: 98.4%;
    min-height: 20px;
    margin-top: 10px;
    border-top: 0px dashed #e2e2e2;
    /* border-bottom-left-radius: 2px; */
    /* border-bottom-right-radius: 2px; */
    border-radius: 8px;
}
.slaTAT .form-label
{
    width:25% !important;
}
.slaTAT .form-field
{
    width:20% !important;
}

/*===============================================================================================================*/
.groupSetupformLine input
{
    /*border: 1px solid #e0e0e0; 
    border:1px solid #7f9db9;*/
    border: 1px solid #cdd0d9;
    background: #fff;
    color: #333;
    font-size: 1em;
    margin: 0px 0px 0px 0px !important;
    padding: 3px 5px;
    width: 65px;
    background:none #fff;
    height:26px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
    float:left;
   
}

.groupSetupformLine select
{
    /*border: 1px solid #b4c6d4;
    border:1px solid #7f9db9;*/
    border: 1px solid #cdd0d9;
    background: #fff;
    color: #333;
    font-size: 1em;
    margin: 0px !important;
    padding: 3px 5px;
    min-width: 175px;
    background:none #fff;
    height:34px;
    line-height:26px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    color:#797979;
    float:left;
    
}
.alignSize{
        width: 97.9% !important;
}
.innersectionPaging
{
    background-color: #fdfdfd !important;
    margin: 20px 0px 0px !important;
}
.ansSetupBox 
{
   Padding:0px;
   margin:10px 0px 5px 0px;
   /*border:1px solid #d4d4d4;
   background-color:#f7f7f7;
   background-color:#d4d4d4;*/
       border: 0px solid #cdd0d9;
    background-color: transparent;
   border-radius:0.2em;
   -moz-border-radius:0.2em;
   -webkit-border-radius:0.2em;
   float:left;
   width:99.8%;
   margin:10px 0px 15px;
}
.ansSetupBox .gridtable
{
    margin:0px !important;
}
.ansSetupBox h2
{
    float:left;
    font-size: 0.9em;
    color: #7E8285;
    font-weight:bold;
    text-transform: uppercase;
    padding:8px 0px 8px 10px;
    border-bottom:0px solid #d4d4d4;
    background-color:#dbdbdb;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    width:860px;
    height:18px;
    margin:5px 0px 8px;
}
.normalButtonContainer
{
    float:left;
    /*width:100% !important;*/
    width: 97.8% !important;

}
.ansBtnCont {
    float:left;
    width:93%;
    text-align:right;
    margin-right:0px;
}
    .ansBtnCont .FormButtonResetSearchPanel {
        margin:0px 0px 0px 10px !important;
    }
    .ansBtnCont .FormButtonResetSearchPanel:hover {
        margin:0px 0px 0px 10px !important;
    }
.finalStepBtnCont {
    float:left;
    width:99.2%;
    text-align:right;
    margin-right:0px;
    padding:5px 10px;
}
    .finalStepBtnCont .FormButtonResetSearchPanel {
        margin:0px 0px 0px 10px !important;
    }
    .finalStepBtnCont .FormButtonResetSearchPanel:hover {
        margin:0px 0px 0px 10px !important;
    }
#divQuesPagination {
    /*float:left;
    width:99%;
    margin:5px 0px;
    padding:5px;
    background-color:#fafafa;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    min-height:20px;
    text-align:right;
    line-height:20px;
    vertical-align:middle;*/
        float: left;
    width: 99.2%;
    margin: 5px 0px;
    padding: 5px;
    background-color: #fff;
    border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-border-radius: 0.2em !important;
    min-height: 20px;
    text-align: right;
    line-height: 20px;
    vertical-align: middle;
    border: 1px solid #e2e2e2;
}
    #divQuesPagination div {
        /*float:left;
        min-width:10px;
        font-size:0.9em;
        color:#666;
        background-color:#f4f4f4;
        border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    margin-right:5px;
    text-align:center;
     min-height:24px;
    line-height:24px;
    vertical-align:middle;
    padding:4px*/
        float: left;
    min-width: 10px;
    font-size: 0.9em;
    color: #333;
    background-color: #f4f4f4;
    border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-border-radius: 0.2em !important;
    margin-right: 5px;
    text-align: center;
    min-height: 20px;
    line-height: 24px;
    vertical-align: middle;
    padding: 4px;
}
    
    #divQuesPagination .result {
        float: right !important;
    background-color: #f1f1f1 !important;
    color: #000 !important;
    /* font-weight: bold; */
    margin-right: 0px;
    height: 20px;
    }
        #divQuesPagination div a {
            text-decoration:none;
            color:#888;
            float:left;
            line-height:20px;
            vertical-align:middle;
            padding: 0px 2px !important;
            border: 0px none !important;
    background-color: transparent !important;
            
        }
        #divQuesPagination div a:hover {
            text-decoration:underline;
            color:#222;
            background:none transparent;
        }
.errorMsgFull {
    float:left;
    background-color:#fef288 !important;
    background:url(../../Images/exclamError.png) no-repeat 4px center transparent;
    padding:4px 10px 4px 32px;
    margin:5px 0px;
    width:862px;
    min-height:24px;
    line-height:24px;
    vertical-align:middle;
    font-size:0.9em;
    font-weight:bold;
    color:#f00;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
}
.errorMsgpopup {
        float: left;
    background-color: #f8eb97 !important;
    background: url(../../Images/newWarningSmall.png) no-repeat 4px center transparent;
    padding: 2px 10px 2px 30px;
    margin: 5px 0px;
    width: 93%;
    min-height: 24px;
    line-height: 24px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    color: #ec732a;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border: 1px solid #efd000;
    opacity: 0.8;
}

.warningMsgFull {
    float:right;
    background-color:#fef288 !important;
    background:url(../../Images/exclamError.png) no-repeat 4px center transparent;
    padding:4px 10px 4px 32px;
    margin:5px 0px;
    width:500px;
    min-height:24px;
    line-height:24px;
    vertical-align:middle;
    font-size:0.9em;
    font-weight:bold;
    color:#FF9900;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
}


/*===================== Question Set ============================*/
.questionSetScroll 
{
    /*border:0px solid #fff !important;
    border-collapse:collapse;
    width:100%;
    float:left;
    margin-bottom:10px;
    overflow-x:hidden !important;
    overflow-y:scroll !important;
    min-height:5px;
    scrollbar-face-color: #b2b2b2 !important; 
    scrollbar-highlight-color: #fff !important; 
    scrollbar-shadow-color: #fff !important; 
    scrollbar-3dlight-color: #fff !important; 
    scrollbar-arrow-color: #FFF !important; 
    scrollbar-track-color: #fff !important;
    scrollbar-darkshadow-COLOR: #fff !important; 
    max-height:495px;
    background-color: #f9f9f9;
    padding: 4px 0px 2px 4px;
    border-radius: 2px;*/

    border: 1px solid #cdd0d9 !important;
    border-collapse: collapse;
    width: 97%;
    float: left;
    margin-bottom: 10px;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    min-height: 5px;
    scrollbar-face-color: #b2b2b2 !important;
    scrollbar-highlight-color: #fff !important;
    scrollbar-shadow-color: #fff !important;
    scrollbar-3dlight-color: #fff !important;
    scrollbar-arrow-color: #FFF !important;
    scrollbar-track-color: #fff !important;
    scrollbar-darkshadow-COLOR: #fff !important;
    /*max-height: 495px;*/
    background-color: #fff;
    padding: 20px;
    border-radius: 2px;
        margin-top: 20px;
        
}
.questionSetSpapcing
{
    margin: 0px 0px 20px 20px !important;
    width: 95% !important;
    border: 0px none !important;
}
.questionSetScroll h2{
    margin: -22px 0px 20px -20px !important;
    width: 100%;
    border: 0px none !important;
    box-shadow: none !important;
    box-sizing: content-box;
    padding: 15px 20px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #e2e2e2 !important;
}
.QTable 
{
    /*border:0px solid #e3e2e2;
    margin-bottom:4px;
    background-color:#e9e9e9;
    -webkit-border-radius:0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    padding:4px;
    width:99%;
    min-height:30px;
    float:left;*/
    border: 1px solid #cdd0d9;
    margin-bottom: 15px;
    background-color: #f4f4f4;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    /*padding: 2px 1px;*/
    padding:0px;
    width: 99%;
    min-height: 30px;
    float: left;
    border-bottom: 0px none transparent;
}
.qgroupName
{
    /*background-color:#32c6ec !important;*/
    color:#fff !important;
    background-color:#012636 !important;
}
.qgroupName label
{
    color:#fff;
}
.QrowHeader
{
    /*float:left;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius: 0px;
    background-color:transparent;
    width:99.2%;
    min-height:20px;
    padding:8px 5px;
    margin:0px 0px 0px 0px;
    line-height:20px;
    vertical-align:middle;
    border-bottom: 1px solid #cdd0d9;*/
    float: left;
    border-radius: 0px;
    background-color: transparent;
    width: 99.3%;
    min-height: 20px;
    padding: 8px 5px;
    margin: -1px 0px 0px 0px;
    line-height: 20px;
    vertical-align: middle;
    border-bottom: 1px solid #cdd0d9;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.QrowHeaderError
{
    float:left;
    border-color: #ff0000;
    -webkit-border-radius:0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    background-color:#f8f8f8;
    width:872px;
    min-height:20px;
    padding:4px;
    margin:0px 0px 4px 0px;
    line-height:20px;
    vertical-align:middle;
}
.QrowInfo
{
    float:left;
    -webkit-border-radius:0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    background-color:#f0f0f0;
    width:99.2%;
    min-height:20px;
    padding:4px;
    margin:0px 0px 2px 0px;
    line-height:20px;
    vertical-align:middle;
}
.QinfoIcon
{
    background: url("images/Qinfo.png") no-repeat scroll left 2px transparent  !important;
    width:15px;
    height:18px;
}
.roundTopLeft
{
    border-top-left-radius:0.2em !important;
    -moz-border-top-left-radius:0.2em !important;
    -webkit-border-top-left-radius:0.2em !important;
    float:left;
}
.roundTopRight
{
    border-top-right-radius:0.2em !important;
    -moz-border-top-right-radius:0.2em !important;
    -webkit-border-top-right-radius:0.2em !important;
    float:left;
}
.roundTopRight label
{
    /*font-size:0.9em;*/
}
.roundTopRight label a
{
    font-weight:700;
    text-decoration:none;
    color:#444
}
.roundTopRight label a:hover
{
    text-decoration:underline;
}
.roundTopRightError
{
    border-color: #ff0000;
    border-width: 2px;
    padding: 3px;
    border-style: solid;
    border-top-right-radius:0.2em !important;
    -moz-border-top-right-radius:0.2em !important;
    -webkit-border-top-right-radius:0.2em !important;
    float:left;
}
.roundBottom
{
    border-bottom-left-radius:0.2em !important;
    -moz-border-bottom-left-radius:0.2em !important;
    -webkit-border-bottom-left-radius:0.2em !important;
    border-bottom-right-radius:0.2em !important;
    -moz-border-bottom-right-radius:0.2em !important;
    -webkit-border-bottom-right-radius:0.2em !important;
}
.FormGropLabelHeaderAudit
{
    font-size: 1.2em;
    font-weight: bold;
    /*color: #6299C5;*/
    color:#075f9d;
    padding-left:3px;
    float:left;
    margin-right:4px;
}
.FormGropLabelHeader
{
    font-size: 13px;
    /*font-weight: 700;*/
    color: #007f9f;
    padding-left:3px;
    float:left;
    margin-right:4px;
    font-family: 'Lato-Semibold';

}
.FormCaptionLabel
{
    /*font-size: 12px; 
    font-weight: bold;*/
    font-weight: normal;
font-family: 'Lato-Semibold';
font-size:13px;
    color: #111;
    /*text-transform:capitalize;*/
    text-transform:none;
    height:20px;
    line-height:20px;
    vertical-align:middle;
    float:left;
    padding-right:4px;
}
.questionidrow
{
    width: 99.5%;
    /*width:88%;*/
    float: left;
}
.quesFullCont
{
    float: left;
    width: 95%;
}
.qidLabel
{
float: left;
    background-color: #fdfdfd;
    padding: 2px;
    border-radius: 2px;
    margin-right: 4px;
    color: #2c8edb;
    font-size: 13px;
}
.quesLabelSpcl{
    height:auto !important;
    min-height:20px !important;
    float: left;
    width: 99%;
    /*background-color: #f6f6f6;
    background-color:#fdfdfd;*/
    background-color:transparent !important;
    border-radius: 2px;
    padding: 2px 4px;
    font-size: 13px;
}
.quesscoreSeciconCont
{
    width:11% !important; float: right
}
.quesScoreSec {
    width: 6%;
    float: right;
    /*background-color: #c4c4c4;*/
    background-color: #fdfdfd;
    border-radius: 2px;
    height: auto;
    padding: 0px 0px;
    margin-top: -2px;
}
.quesScoreSec label
{
    font-size:13px;
    color:#2c8edb;
}
    .quesScoreSec .FormGropLabelHeaderAudit {
        font-size: 15px !important;
        background-color: #1C274C;
        padding: 3px 5px;
        margin-top: -3px;
        border-radius: 6px;
        color: #fff;
    }
.rightSpacinglabel {
    min-width:190px !important;
    text-align:right;
    margin-right:18px;
}
.clsdivcustoms
{
    border-bottom: 1px solid #cdd0d9;
    float: left;
    width: 100%;
}
/*============================================================================================*/
.forgetField {
    float: left;
    text-align: left;
    width: 100%;
    min-height: 20px;
    padding: 0px;
    margin: 0px 0px 0px 5px;
}
.forgetField input {
    border: 1px solid #E0E0E0;
    font-size: 1em;
    margin: 0px;
    padding: 2px 5px;
    width: 99%;
    background: #FDFDFD none repeat scroll 0% 0%;
    height: 28px;
    line-height: 26px;
    border-radius: 0.2em;
    color: #797979;
}
.forgetField select
{
    border: 1px solid #9ac5ff;
    color: #333;
    font-size: 1em;
    margin: 0px;
    padding: 2px 5px;
    width: 99%;
    background:none #fdfdfd;
    height:28px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
    box-shadow: 0px 1px 1px #e0e0e0 inset;
}

.SignupField
{
    float:left;
    text-align:left;
    width:68%;
    min-height:20px;
    padding:0px;
    margin:0px 0px 0px 5px
}
.SignupField input
{
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 1em;
    margin: 0px;
    padding: 2px 5px;
    width: 62.8%;
    background:none #fdfdfd;
    height:28px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
}
.disabledLabel span
{
    float: left;
    padding: 9px 7px;
    font-size: 12px;
    background-color: #f1f1f1;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    color: #777;
}

.form-field
{
    float:left;
    text-align:left;
    width:68%;
    min-height:20px;
    padding:0px;
    margin:0px 0px 0px 5px
}
    .form-field option {
        margin: 2px 0px;
        padding: 8px;
        border-radius: 2px;
        background: #e5e5e5 !important;
    }
       /* .form-field option:active
        {
            background-color:#f00;
        }*/
        .form-fieldSPCLwidth {
            float: left;
            text-align: left;
            width: 69%;
            min-height: 20px;
            padding: 0px;
            margin: 0px 0px 0px 5px
        }
.fieldSPCLwidth
{
    padding-right:10px;
}
.form-innerfield
{
    float:left;
    text-align:left;
    width:68%;
    min-height:20px;
    padding:0px;
    margin:0px 0px 0px 5px
}
.exactSearch
{
        background-color: #fdfdfd;
    border-radius: 3px;
    width: 95%;
    padding: 3px 8px;
    float: left;
    /*height: 30px;*/
    height: 26px;
    margin: 10px 0 15px 0;
    border: 1px solid #fdfdfd;
}
.exactSearch .chkclass
{
    margin-top:0px !important
}
.colorcontSPCL
{
    background-color:#e0e0e0 !important;
}
.colorcont {
    /*background-color: #f4f4f4;*/
    background-color: #fff;
    min-height: 30px;
    min-width: 42.86%;
    max-width: 43.0%;
    float: left;
    padding: 5px 4px 5px 8px;
    margin: 0px 0px 0px 2px;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border: 1px solid #e2e2e2;
}
.colorcontBorderLess
{
    border:0px none !important;
    margin-top: 3px !important;
}
.colorcontmandatory{box-shadow: 2px 0px 0px #f75c50 inset !important;}
.colorcontmandatory span
{
    float:left;
    margin: 6px;
}
.colorcont span
{
   
    float: left;
    /*margin: 6px;*/
    margin: 6px 6px 0px;
    line-height: 13px;
    min-width: 100px;
}

.colorcont input {
    border: 1px solid #e2e2e2;
    color: #333;
    font-size: 1em;
    margin: 5px 0px 0px;
    /* padding: 3px 5px;
     width: 263px; */
    padding: 10px 0px 14px 10px;
    width: 97%;
    background: none #fff;
    height: 20px;
    line-height: 24px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #797979;
    float: left;
}
.colorcontSPCL #fileToUpload
{
    padding: 3px 4px 6px 8px !important;
    margin: 0px 0px 0px 2px !important;
}
.colorcontinputSPCL
{
    border: 0px solid #b4c6d4 !important;
    background: transparent !important;
}
.colorcont .rad_styledis {
    width: auto !important;
    height: auto !important;
    margin: 2px 4px 0px 0 !important;
    padding: 0px;
    background: none !important;
    float: left;
}

.colorcont .srad_styledis {
    width:auto !important;
    height:auto !important;
    margin: 9px 0 6px 0;
    padding:0px;
    background:none !important;
}
.colorcont .rad_methods {
        width:18px !important;
    height:auto !important;
    margin: 9px 0 6px 0;
    padding:0px;
}
.colorcont .rad_methodsCheck
{
    margin-top:9px !important;
}
.colorcont label
{
    font-size: 11px;
    float: left;
        margin: 8px 10px 0px 4px;
}
.spclRadioColorCont
{
    /*float: left !important;
width: 20px !important;
margin-top: 0px !important;
    height: 16px !important;
    margin-right: 8px !important;*/
        float: left !important;
    width: auto !important;
    margin-top: 8px !important;
    height: auto !important;
    margin-right: 10px !important;
}
.colorcont .spclRadioColorCont
{
    margin-top: 8px !important;


}
.colorcont select {
    border: 1px solid #e0e0e0;
    background: #fff;
    color: #333;
    font-size: 12px;
    margin: 3px 0px;
    padding: 12px 5px;
    width: 99%;
    background: none #fdfdfd;
    height: auto;
    line-height: 26px;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 8px;
    color: #797979;
}
.colorcont .smallSelect
{
    width:80px !important;
}
.ng-pristine {
    /*margin-top:6px !important;*/
}
.result-field
{
    float:left;
    text-align:left;
    width:534px;
    min-height:20px;
    padding:4px 0px 4px 4px;
    margin:0px 0px 0px 5px;
    color:#0199c4;
    font-size: 12px;
    background-color:#f4f4f4;
     border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    border:1px solid #e4e4e4;
}
.form-field input
{
    border:1px solid #e2e2e2;
    font-size: 13px !important;
    margin: 0px !important;
    padding: 6px 5px;
    width: 62.98%; 
    background:none #fff;
    height:auto;
    line-height:26px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
   color: #333;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
.form-field select {
    border: 1px solid #e2e2e2;
    font-size: 12px !important;
    margin: 0px !important;
    padding: 12px 5px;
    /*width: 64.2%;*/
    width: 63%;
    background: none #fff;
    height: auto;
    line-height: 26px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #111;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
.form-fieldSPCL select option
{
    /*float: left;
background-color: rgb(246, 246, 246);
padding: 3px;
margin: 2px;
border: 1px solid rgb(212, 212, 212);
border-radius: 3px;
font-size: 11px;
font-weight: 600 !important;
word-wrap: break-word;
min-height: 18px;
width: 100%;
overflow-x:hidden;*/
   float: left;
    background-color: rgb(246, 246, 246);
    padding: 7px 5px 3px;
    margin: 2px;
    border: 0px solid rgb(212, 212, 212);
    border-radius: 3px;
    font-size: 12px;
    font-weight: normal !important;
    word-wrap: break-word;
    height: 18px;
    width: 98%;
    overflow-x: hidden;
}
.form-fieldSPCL select option:hover {
    float: left;
    background-color: #b0b0b0;
    color:#fff;
    border-radius: 3px;
}
/*.form-fieldSPCL select option::selection {
    float: left;
    background-color: #c7f7ff !important;
    color:#fff;
    border-radius: 3px;
}*/
.checkbox input
{
    margin-top:4px !important;
}
.checkbox .chkinSpace
{
    /*margin-left:4px !important;
        margin-left: 18px !important;
    margin-top: 10px !important;*/
    margin-left: 6px !important;
    margin-top: 7px !important;
}
.checkbox span
{
    padding-top:4px !important;
}
.form-field textarea {
    border: 1px solid #e2e2e2;
    color: #000;
    font-size: 12px;
    margin: 0px;
    padding: 6px 5px;
    width: 63.3%;
    background: none #fff;
    height: 28px;
    line-height: 26px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #797979;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
.form-innerfield input
{
    /*border: 1px solid #e0e0e0;*/
    border: 1px solid #9ac5ff;
    color: #333;
    font-size: 12px;
    margin: 0px;
    padding: 2px 5px;
    width: 100px;
    background:none #fdfdfd;
    height:22px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}

.form-innerfield select
{
    /*border: 1px solid #e0e0e0;*/
    border: 1px solid #9ac5ff;
    color: #333;
    font-size: 12px;
    margin: 0px 2px 0px;
    padding: 2px 5px;
    width: 100px;
    background:none #fdfdfd;
    height:26px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
.basicinputLook {
    border: 1px solid #cdd2d9;
    color: #333;
    font-size: 12px;
    margin: 0px;
    padding: 2px 5px;
    width: 62.8%;
    background: none #fdfdfd;
    height: 22px;
    line-height: 26px;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    color: #797979;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
.basicselectLook
{
    border: 1px solid #9ac5ff;
    color: #333;
    font-size: 12px;
    margin: 0px;
    padding: 2px 5px;
    width: 64.2%;
    background:none #fdfdfd;
    height:28px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}


.multipleRow
{
    height:60px !important;
}
    .form-field .FormButtonResetSearchPanel
    {
        float:left !important;
    }
    .form-field .FormButtonResetSearchPanel:hover
    {
        float:left !important;
    }

.searchContainer {
    float: left;
    width: 98%;
    background: none #fff;
    margin: 15px 0px 25px;
    min-height: 30px;
    padding: 15px 1%;
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    /*border: 1px solid rgb(212, 224, 237);*/
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
}
.breakLongWord
{
    word-break:break-all;
    word-wrap:break-word;
}
.iconsRightAligned a
{
    float:right !important;
}
.iconsRightAligned input
{
    float:right !important;
}
.searchDropDownBlock
{
    float: left;
    /*min-height: 61px;*/
    min-height: 77px;
    padding: 0px;
    margin: 0px 10px 0px;
    border: 0px solid #F00;
    width: 18.5%;
}
/*.searchDropDownBlock
{
    float:left;
    width:25%;
    min-height:50px;
    padding:0px;
    margin:0px 20px 10px 0px;
    border:0px solid #f00;
}*/
.searchButtonBlock
{
    float:right;
    /*width:98%;*/
    width:18.5%;
    min-height:36px;
    padding:0px;
    margin:2px 5px 0px 0px;
    border:0px solid #f00;
}
.searchButtonBlock .search-label
{
    margin-bottom:7px;
}
.search-label
{
    /*margin-left:2px;
    font-size:12px !important;
    color:#111;
    font-weight: normal;
    font-family: 'Lato-Semibold';*/
    margin-left: 2px;
    font-size: 13px !important;
    color: #000;
    font-weight: normal;
    font-family: 'Lato-Regular';
}
.search-label label
{
    /*margin-left:2px;
    font-size:11.5px !important;
    color:#000;
    font-weight: normal;*/
        margin-left: 2px;
    font-size: 14px !important;
    color: #000;
    font-weight: normal;
    font-family: 'Lato-Regular';
}
.Searchinput
{
    border: 1px solid #b4c6d4;
    background: #fff;
    color: #333;
    font-size: 12px;
    margin: 5px 0px 6px;
    padding: 3px 5px;
    width: 263px;
    background:none #fff;
    height:24px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
}
/*=================================== Audio Player =========================================================*/
.audioContainer
{
    height: 24px !important;
    overflow: hidden;
    min-height:24px !important;
    margin-right: 5px !important;
}
.audioPlayer
{
    float:left;
    background-color:#343434;
    height:20px;
    min-width:200px;
    padding:2px 5px;
    border-radius:4px;
    margin-top: 1.5px;
}
.audioPlayer .isLinkContainer
{
    margin:0px !important;
}
.audioPlayer .playIcon 
{
    background: url("../Images/play.png") no-repeat scroll 1px 1px transparent !important;
    border:0px none !important;
    margin:0px !important;
/*width: 21px !important;
height: 20px !important;
float: right;
margin: 0px 5px 0px !important;
cursor: pointer !important;
border: 0px none #fff;
border-radius: 4px !important;
border: 1px solid #fff !important;
padding: 0px !important;*/
}
.audioPlayer .playIcon:hover {
    background: url("../Images/play.png") no-repeat scroll 1px -23px transparent !important;
}
.audioPlayer .pauseIcon 
{
    background: url("../Images/pauseIcon.png") no-repeat scroll 1px 1px transparent !important;
border:0px none !important;
    margin:0px !important;
}
.audioPlayer .pauseIcon:hover {
    background: url("../Images/pauseIcon.png") no-repeat scroll 1px -23px transparent !important;
}
.audioPlayer .stream
{
    float:left;    
    margin: 5px;
}
.transcript {
    background: url(../../Images/text.png) no-repeat left top transparent !important;
    width: 24px;
    height: 24px;
    margin-left: 0px;
    cursor: pointer;
    margin-top:2px !important;
}

    .transcript:hover {
        background: url(../../Images/text.png) no-repeat left -36px transparent !important;
    }
/*================================== Agent Availability popup =============================================*/
.agentAvailability
{
    float:left;
    margin:0px 0px 4px;
    width: 97%;
}
.agentAvailability span
{
    float:left;
    background-color:#f6f6f6;
    padding:5px;
    border-radius:4px;
    color:#444;
    font-size:12px;
    font-weight:600;
    margin:4px 0px 2px;
    width:100%;
}
.agentAvailability h3
{
    float:left;
    background-color:#e0e0e0;
    padding:5px;
    border-radius:4px;
    color:#222;
    font-size:14px;
    font-weight:600;
    margin:4px 0px 2px;
    width:100%;
}
.agentAvailabilityListCont
{
    float:left;
    padding:5px;
    border-radius:4px;
    background-color:#f1f1f1;
    width:100%;
    height: 80px;
}
.agentAvailabilityListContTable
{
    width: 99% !important;
border: 1px solid rgb(198, 213, 225) !important;
border-radius: 4px !important;
}
.ListContTableScroll
{
    float:left;
    height:70px;
    width:100%;
    padding:0px;
    margin:0px;
    overflow-y:scroll;
    SCROLLBAR-FACE-COLOR: #d1d1d1;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff;
    SCROLLBAR-SHADOW-COLOR: #fff;
    SCROLLBAR-3DLIGHT-COLOR: #fff;
    SCROLLBAR-ARROW-COLOR: #fff;
    SCROLLBAR-TRACK-COLOR: #fff;
    SCROLLBAR-DARKSHADOW-COLOR: #fff;

}
.agentAvailabilityListContBig
{
    height:160px !important;
}
.agentAvailabilityListContBig ul
{
    height:150px !important;
}
.agentAvailabilityListCont ul {
    float: left;
    height: 90px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    SCROLLBAR-FACE-COLOR: #d1d1d1;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff;
    SCROLLBAR-SHADOW-COLOR: #fff;
    SCROLLBAR-3DLIGHT-COLOR: #fff;
    SCROLLBAR-ARROW-COLOR: #fff;
    SCROLLBAR-TRACK-COLOR: #fff;
    SCROLLBAR-DARKSHADOW-COLOR: #fff;
}
    .agentAvailabilityListCont ul li {
        float: left;
list-style-type: none;
background: url("../Images/agentAvail.png") 4px 4px no-repeat transparent;
width: 92%;
height: 20px;
line-height: 18px;
margin: 2px 8px 2px;
padding: 4px 0px 4px 24px;
border-bottom: 1px dashed #c0c0c0;
font-size: 12px;
color:#000;
font-weight:600;

    }
      

    .agentAvailable
    {
        background: url("../Images/agentAvail.png") 4px -28px no-repeat transparent !important;
        font-size: 14px !important;
         font-weight:500 !important;
        color:#666 !important;
    }

/*==========================================================================================================*/
/*=====================Asignment Styles========================================*/
.mainAssignmentContainer
{
    float:left;
    width:100%;
    min-height:200px;
    padding:0px;
    margin:10px 0px;
}
.mainAssignmentContainer select
{
    border: 1px solid #cdd0d9;
    background: #fff;
    color: #333;
    font-size: 12px;
    margin: 2px 0 2px 0;
    padding: 3px 5px;
    width: 90%;
    background:none #fff;
    height:34px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#333;
}
.assignSec
{
   

        float: left;
    width:46.9%;
    min-height: 416px;
    padding: 10px;
    margin: 5px 0px;
    background-color: #fdfdfd;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border: 1px solid #cdd0d9;
    max-height: 458px;
    /*overflow-y: scroll;*/ box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important;
}
.assignSecR
{
   

        float: right;
    width:46.9%;
    min-height: 416px;
    padding: 10px;
    margin: 5px 0px;
    background-color: #fdfdfd;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border: 1px solid #cdd0d9;
    max-height: 458px;
    /*overflow-y: scroll;*/ box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important;
}


.assignSecLoanSearch
{
    float:left;
    width:73.5%;
    height:156px;
    padding:10px;
    margin:5px 0px 10px;
    background-color:#e0e0e0;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;

}
.assignSecLoanSearchGridContainer
{
    float:left;
    width:100%;
    height:146px;
    overflow-y:scroll;
    SCROLLBAR-FACE-COLOR: #d1d1d1;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff;
    SCROLLBAR-SHADOW-COLOR: #fff;
    SCROLLBAR-3DLIGHT-COLOR: #fff;
    SCROLLBAR-ARROW-COLOR: #fff;
    SCROLLBAR-TRACK-COLOR: #fff;
    SCROLLBAR-DARKSHADOW-COLOR: #fff;
}
.assignTransfr
{
    float:left;
    width:6%;
    min-height:406px;
    margin:5px 0px;
    padding:10px 4px;
    background-color:transparent;
     border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    text-align:center; box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important;
}
.AssigngridOuterDiv
{
    /*float:left;
    width:99%;
    border:1px solid #c6d5e1;
    border-collapse:collapse;
    border-radius:0.2em;
    -webkit-border-radius:0.2em;
    -moz-border-radius:0.2em;
    padding:0px;
    margin:0px 0px 5px;
    background-color:#fff;*/


        float: left;
    width:100%;
    border: 0px solid #c6d5e1;
    border-collapse: collapse;
    border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    padding: 0px;
    margin: 2px 0px;
    background-color: transparent;
        min-height:60px;
         overflow-y:scroll; height:300px;

}
.assigntable input
{
    border: 1px solid #cdd0d9;
    background: #fff;
    color: #333;
    font-size: 12px;
    margin: 0px 0 0px 0;
    padding: 3px 5px;
    width: 90%;
    background:none #fff;
    height:22px;
    line-height:20px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#333;
}
.assigntable label
{
    font-size:12px !important;
    font-weight:700;
}
.AssigngridOuterDiv .assigntable
{
    /*border-collapse:unset;*/
    width:100%;
border: 1px solid #cdd0d9;
    margin-top:0.25em;
    margin-bottom:0.25em;
}
.PagedList-skipToPrevious
{
    background-color:#fff !important;
    border: 0px none !important;
}
.PagedList-skipToFirst
{
    background-color:#fff !important;
    border: 0px none !important;
}
.PagedList-skipToLast
{
    background-color:#fff !important;
    border: 0px none !important;
}
.PagedList-skipToNext
{
    background-color:#fff !important;
    border: 0px none !important;
}
.assigntable th
{
    /*background: url("../Images/gridHeaderBG.png") left bottom repeat-x #fff;
    min-height:24px;
    vertical-align:middle;
    line-height:24px;
    color:#638db7;
    font-size:12px;
    font-weight:bold;
    padding:0px 2px;
    border-bottom:1px solid #7e9db9;*/

    background: #e4e4e4;
    background: -webkit-linear-gradient(#e4e4e4, #e4e4e4);
    background: -o-linear-gradient(#e4e4e4, #e4e4e4);
    background: -moz-linear-gradient(#e4e4e4, #e4e4e4);
    background: linear-gradient(#e4e4e4, #e4e4e4);
    min-height: 24px;
    vertical-align: middle;
    line-height: 24px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 20px;
    text-transform: capitalize;
    border-right: 0px solid #cdd0d9 !important;
    border-bottom: 1px solid #cdd0d9;
    border-top: 1px solid #cdd0d9;
    text-shadow: none;
 font-family: 'Lato-Semibold' !important;
}
.assigntable th a {
    color:#638db7 !important;
    font-size:12px !important;
    font-weight:bold !important;
}
.assigntable tr
{
    background-color:#fff;
    border-bottom:1px solid #c6d5e1;
    padding:0px;
    color:#5e5e5e;
    font-size:0.8em;
}
.assigntable tr td
{
    /*padding:4px 2px;
    border-right:1px solid #c6d5e1;*/
        padding: 5px 20px;
    border-right: 0px solid #cdd0d9 !important;
    border-bottom: 1px solid #cdd0d9 !important;
    font-size: 13px !important;
    border-left: 1px solid #cdd0d9;
    font-family: 'Lato-Regular';
    font-weight: normal;
        border-collapse: collapse !important;
}
.assigntable tr .LastTD
{
    padding:4px 2px;
    border-right:0px none #c6d5e1;
    /*width:7%;*/
}
.toosmallTD
{
    width:3%;
}
.tdfor2Icons
{
    width:8%;
}
.tdfor3Icons
{
    width:10%;
}
.tdbasicSize
{
 width:10%;
}
.tdmoderateSize
{
 width:14%;
 text-align:left;
}
.tdbasicPlusSize
{
 width:12%;
}
.tdSemiSize
{
 width:18%;
}
#answerTab .tdbigSize
{
    width:21% !important
}
#answerTab .tdSemiSize
{
 width:18% !important;
 text-align:left;
}
#answerTab .notsoBig
{
    width:29% !important
}
#answerTab .nearlyBig
{
    width:32% !important
}
#answerTab .tdbigSize .delGrid {
    margin-top: -2px !important;
    margin-left: -2px !important;
    width: 26px !important;
    height: 26px !important;
}
.processWarn
{
    width:20px;
    filter: invert(0%);
    margin-right:5px;
}
.processWarn:hover
{
    filter: invert(100%);
}
#tblAssign td
{
    /*padding:0px 2px !important;*/
}
.assigntable tr .SpaceTD
{
    width:12%;
}
.assigntable tr .bigSpaceTD
{
    width:21%;
}
.assigntable tr .smallTD
{
    width:8%;
}
.assigntable .alternateTR
{
    background-color: #ecf2f6;
}
.assigntable tr:nth-child(odd){ 
		background: #fff none repeat scroll 0% 0%;
	}
	/*  Define the background color for all the EVEN background rows  */
.assigntable tr:nth-child(even){
		background: #f5f5f5;
	} 

.headerChkBoxAssign
{
    height:20px !important;
    padding:0px 5px !important;
    margin:0px 5px !important;
    float:left;
}
.unassignCheck
{
    height:20px !important;
    padding:0px 5px !important;
    margin:0px 5px !important;
    float:left;
}
.headerChkBoxUnAssign
{
    height:20px !important;
    padding:0px 5px !important;
    margin:0px 5px !important;
    float:left;
}
.assignBtn{
    background:url(../../Images/assignBTN-new.png) center top no-repeat transparent !important;
    width:100% !important;
    height:40px !important;
    margin:30px 0px 1px !important;
    padding:0px !important;
    border:0px none #fff !important;
    opacity:.6;

   
}
.UNassignBtn{
    background:url(../../Images/assignBTN-new.png) center -42px no-repeat transparent !important;
    width:100% !important;
    height:40px !important;
    margin:0px 0px 1px !important;
    padding:0px !important;
    border:0px none #fff !important;
      opacity:.6;
}
.assignBtn:hover, .UNassignBtn:hover{
  
    opacity:1;

   
}

.assignsearchBlock
{
    /*width:23%;
     float: left;
    min-height: 61px;
    padding: 0px;
    margin: 0px 10px 0px;
    border: 0px solid #F00;*/
    float: left;
    min-height: 75px;
    padding: 0px;
    margin: 0px 10px 0px;
    border: 0px solid #F00;
    width: 22%;
    
}
.assignsearchBlock span
{
    /*float: left;
    width: 90%;
    border-radius: 0.2em;
    vertical-align: middle;
    color: #9E9E9E;
    font-size: 0.9em;
    margin-top: 5px;
    background-color: #FFF;
    border: 1px solid #D6F4FB;
    padding: 2px 5px;
    min-height: 18px;
    line-height: 18px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;*/
    /*border: 1px solid #9ac5ff;
    color: #333;
    font-size: 12px;
    margin: 5px 0 6px 0;
    padding: 3px 3px;
    width: 96%;
    background:none #fdfdfd;
    height:22px;
    line-height:21px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;*/


    border: 1px solid #cdd0d9;
    color: #333;
    font-size: 1em;
    margin: 10px 0 15px 0;
    padding: 3px 8px;
    width: 92.2%;
    background: none #fdfdfd;
    height: 28px;
    line-height: 26px;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    color: #333;
        float:left;
    overflow:hidden;
}

.assignButtonBlock
{
    float:right;
    width:25%;
    min-height:36px;
    padding:0px;
    margin:26px 20px 0px 0px;
    border:0px solid #f00;
}
.assignsearchBlock label
{
    margin-left: 2px;
    font-size: 13px !important;
    color: #000 !important;
    /* font-weight: 500 !important; */
    font-family: 'Lato-Regular';
}
#idvalue input
{
        border: 1px solid #cdd0d9 !important;
    margin-top: 8px !important;
    padding: 4px 8px !important;
}

/*.assignsearchBlock select
{
    border: 1px solid #b4c6d4;
    background: #fff;
    color: #333;
    font-size: 12px;
    margin: 5px 0px 6px;
    padding: 3px 5px;
    width: 90%;
    background:none #fff;
    height:24px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
}*/
.assignsearchBlock select
{
    
    /*border: 1px solid #9ac5ff;
    color: #333;
    font-size: 12px;
    margin: 5px 0 6px 0;
    padding: 3px 3px;
    width: 96%;
    background:none #fdfdfd;
    height:30px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;*/
    float:left;

    border: 1px solid #cdd0d9;
    color: #333;
    margin: 8px 0 15px 0;
    padding: 8px 5px;
    width: 99.5%;
    background: none #fdfdfd;
    height: 36px;
    line-height: 26px;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    color: #333;
}
.assignBTNContainer
{
    float:left;
    width:100%;
       text-align:right; margin-top:10px;

}
.assignBTNContainer .FormButtonResetSearchPanel
{
    margin:0px 0px 0px 10px !important;
}
.assignBTNContainer .FormButtonResetSearchPanel:hover
{
    margin:0px 0px 0px 10px !important;
}
/*==================================================================================*/
/*==================================AuditView Styles=================================*/
.auditViewDataContainer {
    border: 0px none #fff;
    padding: 0px 10px;
    background: none transparent !important;
    width: 100%;
    min-height: 1px;
    margin-bottom: 8px;
    float: left;
    box-shadow: none;
    border-bottom: 1px dashed #cdd0d9;
    border-radius: 0px !important;
}
.auditViewDataContainer .auditNARow
{
    margin-bottom:0px;
}
.auditNACommentRow{
    padding: 2px !important;
    width: 100% !important;
}
.auditNARow
{
   /*background-color: #f9f9f9;*/
   background-color:transparent;
float: left;
width: 99.9%;
border-radius: 2px;
    padding: 0px 2px;
    margin-bottom: 4px;
    margin-top: 0px;
}
.allquestionSelect
{
        background-color: #f9f9f9 !important;
   /* float: left !important;
    margin-left: 0px !important;
    width: 98.7% !important;*/
    margin-left: 0px !important;
    width: 26% !important;
    margin-right: 5px !important;
    float:right !important;
    padding: 2px 4px !important;
    margin-top: 2px;
    margin-bottom:2px;
}
.allquestionSelect span
{
    float:left;
}
.allquestionSelect label
{
    float:left;
    padding-left: 2px;
}
.allquesScoreComment
{
    float: right !important;
    border: 0px none !important;
}
.QCOverride
{
     background-color: #f9f9f9 !important;
    margin-left: 0px !important;
    width: 8% !important;
    margin-right: 5px !important;
    float:right !important;
    padding: 2px 4px !important;
    margin: 2px 10px 2px 2px !important;
    border-radius: 4px !important;
    line-height: 24px !important;
}
.QCOverride input
{
        float: left;
    margin-top: 5px !important;
}
.QCOverride .noshadow1
{
    float: left;
    margin-top: 5px !important;
}
.QCOverride span
{
    float:left;
}
.QCOverride label
{
    float:left;
    padding-left: 2px;
    font-size:12px;
    font-weight:600;
    margin-right: 4px;
}
.isapplicableleftRow
{
   /*float: left;
height: 100%;
width: 25%;
padding: 4px;
margin: 2px 10px 2px 2px;
background-color: #f1f1f1;
border-radius: 2px;
font-size:12px;
line-height:24px;*/

       float: right;
    height: 100%;
    width: auto !important;
    padding: 0px;
    margin: 2px 10px 2px 2px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 24px; display:inline;
}
.isapplicableleftRow input
{
    float:left;
    width:28px !important;
}
.isapplicableleftRow .checkBoxDiv
{
    float:left;
    /*min-width: 23%;*/
    min-width: 50%;
    max-width: 65%;
}
.chckboxdivSpcl
{
    width: 45%;
}
.checkBoxDiv span
{
        float: left;
    margin-top: 3px;
}

.checkBoxDiv input
{
    /*margin:3px 0px !important;*/
        margin: 9px 4px 0px 4px !important;
            width: auto !important;
    /*width: 16px !important;
    height: 16px !important;*/
}
.checkBoxDivShadow
{
    border-right: 1px dotted rgb(192, 192, 192);
box-shadow: 1px 0px rgb(255, 255, 255);
margin-right: 7px;
}
.isapplicabrightRow
{
    /*float: left;
border-radius: 2px;
width: 72.5%;
padding: 4px;
min-height: 24px;
margin: 2px 0px 2px;*/
    float: right;
    border-radius: 2px;
    min-width: 0%;
    padding: 4px;
    min-height: 24px;
    margin: 2px 0px 2px;
    max-width: 20%;
}  
.spanSelectInside
{
    padding-top: 0px !important;
height: 20px !important;
padding-right: 2px !important;
padding-left: 2px !important;
}
.spanSelectInsideSelect
{
   margin: 2px 0px !important;
border: 0px none !important;
height: 20px !important;
font-size: 11px !important;
width: 100% !important;
padding: 0px !important;
}
.updtBtnSpcl
{
    float: left;
margin-top: 2px;
}
.isapplicabrightRow .commentInput
{
    margin: 0px !important;
border: 1px solid #7f9db9 !important;
box-shadow: none !important;
width: 98.5% !important;
border-radius:3px !important;
}
#hideNotApplicableComment .commentInput
{
    margin: 0px !important;
border: 1px solid #cdd0d9 !important;
}
.jobInfoBlockBig {
}
.spacingLeft
{
    padding-left:8px !important;
}
.spacingBottom
{
    padding-bottom:10px !important;
}
.jobInfoBlock
{
    /*float: left;
    width: 23% !important;
    min-height: 50px;
    padding: 0px;
    margin: 0px 20px 5px 0px;
    border: 0px solid #F00;
    width: 23% !important;
    min-height: 10px;
    padding: 2px 5px 5px;
    margin: 0px 10px 3px 0px;
    border: 1px solid #e2e2e2;
    background-color: #f1f1f1;
    float: left !important;
    border-radius: 2px;*/
        width: auto !important;
    min-height: 10px;
        padding: 0px 10px 5px 0px;
    margin: 0px 10px 3px 0px;
    float: left !important;
    border-radius: 0px;
    border-right: 0px solid #999;
        min-width: 23%;
}
.jobInfoBlockBig {
    /*width: 73% !important;*/
}
.jobInfoBlockHidden {
   display:none !important
}
.jobInfoBlock span
{

    /*border: 0px solid #7f9db9;
    font-size: 12px;
    margin: 2px 0 0px 0;
    padding: 3px 5px 1px;
    min-width: 50%;
    background: none;
    height: 18px;
    line-height: 18px;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    color: #333;
    float: left;
    font-weight: bold;*/
    border: 0px solid #7f9db9;
    font-size: 17px;
    margin: 5px 0 0px 0;
    padding: 3px 5px 1px;
    /*min-width: 50%;*/
    background: none;
    height: 18px;
    line-height: 18px;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    /*color: #0393d1;*/
    color:#000;
    float: left;
    font-family: 'Lato-Semibold','open_sanslight',"Segoe UI";
    font-weight: normal;

}
.jobInfoBlock label
{
   margin-left: 2px;
    font-size: 13px !important;
    color: #000;
    float: left;
    margin: 3px 0 0px 0;
    padding: 2px 5px;
    text-transform:uppercase;
   font-family: 'Lato-Semibold','open_sanslight',"Segoe UI";
}
.jobInfoBlock h1
{
    margin-left: 2px;
    font-size: 17px;
    color: #000;
    float: left;
    margin: 4px 0 0px 5px;
    padding: 2px 5px;
    text-transform:uppercase;
   font-family: 'Lato-Semibold','open_sanslight',"Segoe UI";
}
.greytext
{
color: #111 !important;
    font-family: 'Lato-Light' !important;
    font-weight: normal !important;
    font-size: 15px !important;
    margin-top: 5px !important;
}

.auditDetailsBlock
{
    /*float: left;
    width: 23% !important;
    min-height: 50px;
    padding: 0px;
    margin: 0px 20px 5px 0px;
    border: 0px solid #F00;*/
        /*width: 23% !important;*/
      /* width: 23% !important; */
    /*width: 99% !important;
    min-height: 50px;
    padding: 2px 5px 5px;
    margin: 0px 10px 2px 0px;
    border: 0px solid #F00;
    background-color: #e6e6e6;
    float: left !important;
    border-radius: 4px;*/

   /* width: auto !important;
    min-height: 50px;*/
   width: 23% !important;
   padding: 2px 5px 2px;
    margin: 0px 10px 0px 0px;
    border-bottom: 0px solid #e2e2e2;
    /*background-color: #f1f1f1;*/
    float: left !important;
    border-radius: 0px;
    position: relative;
    min-width:15%;
}
    .auditDetailsBlock span {
        border: 0px solid #7f9db9;
        font-size: 13px;
        margin: 1px 0 0px 0;
        padding: 5.5px 5px 1px;
        width: auto;
        background: none;
        height: auto;
        line-height: 18px;
        border-radius: 0.2em;
        -moz-border-radius: 0.2em;
        -webkit-border-radius: 0.2em;
        /* color: #0393d1; */
        color: #000;
        float: left;
        font-family: 'Lato-Semibold', 'open_sansRegular', "Segoe UI", 'Lato-Regular';
        font-weight: normal;
        max-width: 138px !important;
        overflow: hidden;
    }
.auditDetailsBlock label
{
  /*margin-left: 2px;
    font-size: 12px !important;
    color: #555;
    float: left;
    margin: 4px 4px 0px 0px;
    padding: 1px 5px 3px 2px;
    border-right: 0px solid #999;
    box-shadow: 1px 0px #fff;*/
  margin-left: 2px;
    font-size: 13px !important;
    color: #000;
    float: left;
    margin: 3px 0 0px 0;
    padding: 2px 5px 2px 0px;
    font-family: 'Lato-Semibold','open_sanslight',"Segoe UI";
    min-width: 165px;
    max-width: 165px;
    overflow:hidden;
        height: auto;
    line-height: 20px;
}
/*.dataEntryBlockSpecialDemo
{
    max-width:23% !important;
}*/
.dataentryclsSpclDemo input
{
    /*width:96% !important;*/
    width:99% !important;
}
.dataEntryBlock
{
    /*width: 99% !important;*/
     width: 23% !important;
    min-height: 60px !important;
    padding: 2px 5px 5px;
    margin: 0px 10px 5px 0px;
    border: 0px solid #F00;
    background-color: #fdfdfd;
    float: left !important;
    border-radius: 0px;
    border-bottom:0px solid #e2e2e2;
}
.dataEntryBlock span
{
    
     background-color: #FFF;
/*border: 1px solid #9AC5FF;*/
border:1px solid #7f9db9;
    /*font-size: 0.8em;*/
    font-size:12px;
    margin: 4px 0 0px 0;
    padding: 3px 5px;
    /*width: 97%;*/
    width:95%;
    background:none #fff;
    height:18px;
    line-height:18px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    /*color:#797979;*/
    color: #333;
        /*box-shadow: 0px 1px 1px #E0E0E0 inset;*/
    float:left;

}
.dataEntryBlock label
{
    margin-left:2px;
    /*font-size:0.9em !important;*/
    font-size:13px !important;
    color:#000;

        height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.auditCustomFldBlock
{
    float: left !important;
    width: 23% !important;
    min-height: 50px !important;
    padding: 0px;
    margin: 0px 20px 5px 0px;
    border: 0px solid #F00;
}
.auditCustomFldBlock span
{
    /*border: 1px solid #D6F4FB;*/
    float: left;
width: 90%;
vertical-align: middle;
font-size: 0.9em;
margin-top: 5px;
background-color: #FFF;
border: 1px solid #9AC5FF;
padding: 0px 1px 0px 0px;
min-height: 18px;
line-height: 18px;
border-radius: 0.2em;
box-shadow: none inset;
}
.auditCustomFldBlock label 
{
    margin-left:2px;
    font-size:0.9em !important;
    color:#000;
}
.auditCustomFldBlock .customFieldAuditLabel
{

}
.auditCustomFldBlock input
{   /*border:0px !important;
    margin:0px !important;
    font-size:0.9em !important;
    color:#222;
    box-shadow:none !important;height:24px !important;
    padding:0px !important;*/
    
    border: 0px !important;
    margin: 0px !important;
    font-size: 0.9em !important;
    color: #222;
    box-shadow: none !important;
    height: 24px !important;
    padding: 2px 1px 2px 4px !important;
    width: 97.9% !important;
    box-shadow: 0px 1px 1px #E0E0E0 inset !important;
}
.mainAuditContainer
{
    float:left;
    width:100%;
    min-height:200px;
    padding:0px;
    margin:0px 0px 10px;
}
.mainAuditContainer h2
{
     float: left;
    font-size: 12px !important;
    color: #111;
    text-transform: uppercase;
    padding: 8px 0px 8px 10px;
    border: 1px solid #cdd0d9;
    background-color: #f5f5f5;
    width: 99.3%;
    height: 14px !important;
    /* margin: 0px 0px 8px; */
    margin: 1px 0px 2px;
    border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-border-radius: 2px !important;
    padding: 8px 0px 8px 12px;
}
.clsdivcustoms h2
{
        background-color: transparent;
    border: 0px none;
    border-bottom: 1px solid #cdd0d9;
    padding-left: 2px;
    color: #2c7bd0;
    width: 99.7%;
    border-radius: 0px !important;
}
.ngScopeWidthOmit
{
    width:auto !important;
}
.teamblockrightcontent
{
    padding-top:4px;
}
.mainAuditContainer .ng-scope
{
    float:left;
    width:100%;
    /*min-height:24px;*/
    min-height:20px;
}
.mainAuditContainer select
{
        /* border: 1px solid #b4c6d4; */
    border: 1px solid #cdd0d9;
    background: #fff;
    font-size: 12px;
    margin: 4px 0 0px 0;
    padding: 8px 5px;
    width: 98%;
    background: none #fff;
    height: auto;
    line-height: 26px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    /* color: #797979; */
    color: #333;
    float: left;
}
.mainAuditContainer input {
    /* background-color: #FFF;
border: 1px solid #9AC5FF;
    color: #333;
    font-size: 0.8em;
    margin: 4px 0 0px 0;
    padding: 3px 5px;
    width: 97%;
    background:none #fff;
    height:17px;
    line-height:18px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
        box-shadow: 0px 1px 1px #E0E0E0 inset;*/
    background-color: #FFF;
    /*border: 1px solid #9AC5FF;*/
    border: 1px solid #cdd0d9;
    font-size: 12px;
    margin: 4px 0 0px 0;
    padding: 7px 5px;
    width: 95%;
    background: none #fff;
    height: auto;
    line-height: 18px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /*color: #797979;*/
    color: #333;
    float: left;
    box-sizing: border-box !important;
}
.mainAuditContainer textarea
{
       background-color: #FFF;
    /*border: 1px solid #9AC5FF;
    border:1px solid #7f9db9;*/
    border:1px solid #cdd0d9;
    color: #333;
    font-size: 12px;
    margin: 4px 0 0px 0;
    padding: 3px 5px;
    width: 95%;
    background: none #fff;
    height: 17px;
    line-height: 18px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #333;
    float: left;
   resize:vertical;

}
.noshadow1
{
    margin-top: 2px;
}
.spclWidthforAUNAComment
{
    width:98.5% !important;
    margin-top:0px !important;
    resize: vertical;
}
#hideNotApplicableComment .spclWidthforAUNAComment
{
    margin-top:0px !important;
}

.mainAuditContainer .noshadow1 input
{
    border: 1px solid #b4c6d4;
    background: #fff;
    color: #333;
    font-size: 12px;
    margin: 5px 0 0px 0 !important;
    padding: 3px 5px;
    width: 20%;
    background:none #fff;
    height:auto;
    line-height:18px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
}
.dataentrycls input
{
    /*width:96% !important;*/
width:96.2% !important;
    font-size:12px !important;
    resize:vertical !important;
}
.dataentrycls select
{
    width:100% !important;
    font-size:12px !important;
}
.dataentrycls textarea
{
    width:96.2% !important;
    font-size:12px !important;
    min-height:22px;
}

.noshadow
{
    box-shadow:none !important;
}
.noshadow:focus
{
    box-shadow:none !important;
    border:0px solid #fff !important;
    
}
.cstRepeat
{
    width:22% !important;
    /*background-color: #f1f1f1;*/
    padding: 4px;
    border-radius: 4px;
    margin-right: 8px;
}
.cstRepeat input
{
    width: 97% !important;
    font-size: 12px !important;
    border: 1px solid #cdd0d9 !important;
    box-shadow: none !important;
    padding: 2px !important;
    height: 20px !important;
}
.spclHeight
{
    height: 24px;
margin-bottom: 3px;
}
.ScoreItem .AuditorCommentinRow
{
    margin-top:1px !important;
        margin-left: 5px;
}
.ScoreItem .Conversation
{
    margin-top:0px !important
}
.AuditorCommentinRow {
    /*background:url(../../Images/AuditorComment.png) center top no-repeat transparent !important;
     background:url(../../Images/auditCommentN.png) center 3px no-repeat transparent !important;*/
    background: url(../../Images/feedback.svg) center 1px no-repeat transparent !important;
    width: 24px !important;
    height: 24px !important;
    border: 0px none #fff !important;
    float: right !important;
    margin-top: 0px !important;
    margin-bottom: 1px !important;
    box-shadow: none !important;
    margin-right: 0px !important;

}
    .AuditorCommentinRow:hover {
        /*background: url(../../Images/AuditorComment.png) center -28px no-repeat transparent !important;
    background: url(../../Images/auditCommentN.png) center -26px no-repeat transparent !important;*/
        background: url(../../Images/feedback.svg) center top no-repeat transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.AuditCommentWithoutCursor
{
        background: url(../../Images/AuditLvlComment.svg) center top no-repeat transparent !important;
    width: 24px !important;
    height: 24px !important;
    border: 0px none #fff !important;
    float: right !important;
    margin-top: 2px !important;
    margin-right: 0px !important;
    margin-left: 3px !important;
    border-radius:0px !important;
}
    .AuditCommentWithoutCursor:hover {
        background: url(../../Images/AuditLvlComment.svg) center top no-repeat transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.Conversation {
    /*background:url(../../Images/AuditorComment.png) center top no-repeat transparent !important;*/
    background: url(../../Images/msgaudit.svg) left top no-repeat transparent !important;
    width: 28px !important;
    height: 28px !important;
    border: 0px none #fff !important;
    float: right !important;
    margin-top: -1px !important;
    margin-bottom: 1px !important;
    box-shadow: none !important;
    margin-right: 4px !important;
    /*filter: contrast(70%);*/
}
    .Conversation:hover {
        /*background: url(../../Images/AuditorComment.png) center -28px no-repeat transparent !important;*/
        /*background: url(../../Images/chatIco.png) left -39px no-repeat transparent !important;*/
        background: url(../../Images/msgaudit.svg) left top no-repeat transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.attachInfo
{
         /* background: url(../../Images/AuditorComment.png) center top no-repeat transparent !important; */
    background: url(../../Images/information.svg) left 3px no-repeat transparent !important;
    width: 18px !important;
    height: 22px !important;
    border: 0px none #fff !important;
    float: right !important;
    margin-top: 0px !important;
    margin-bottom: 1px !important;
    box-shadow: none !important;
    margin-right: 4px !important;
    filter: contrast(70%);
    margin-left: 2px;
    cursor:pointer;
}
.attachInfo:hover {
    /*background: url(../../Images/AuditorComment.png) center -28px no-repeat transparent !important;*/
    /*background: url(../../Images/chatIco.png) left -39px no-repeat transparent !important;*/
    background:url(../../Images/information.svg) left 3px no-repeat transparent !important;
    filter:contrast(100%);
    cursor:pointer;
}
.auditTableContainer 
{
    border:0px solid #e3e2e2;
    margin:4px 0px;
    background-color:#f9f9f9;
    -webkit-border-radius:0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    padding:0px;
    width:99% !important;
    min-height:30px;
    float:left;
}
.auditTable 
{
    border:0px solid #e3e2e2;
    margin:4px 0px;
    background-color:#fdfdfd;
    -webkit-border-radius:0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    padding:0px;
    /*width:99% !important;*/
    width:100% !important;
    min-height:30px;
    float:left;
}

.statusInfo
{
        float: left;
    background-color: #fff;
    padding: 1px 2px 1px 0px;
    margin: 2px 2px 2px 0px;
    border-radius: 4px;
}
.statusInfo label
{
    float: left;
color: #444;
font-size: 11px;
padding-right: 3px;
line-height: 18px;
padding-left: 3px;
text-transform: uppercase;
    padding-top: 2px;
}
.statusInfo img
{
    float:left !important;
    margin-top: 0px !important;
    margin-bottom: 1px !important;
}
.historyIcon {
    background: url(../../Images/audithistory.svg) no-repeat left 1px transparent !important;
    border: 0px none #ff0 !important;
    margin: 1px 0px 0px 2px !important;
    /*width: 20px !important;
    height: 22px !important;*/
    width: 24px !important;
    height: 24px !important;
    float: left;
    padding: 0px !important;
    box-shadow: none !important;
}
    .historyIcon:hover {
        background: url(../../Images/audithistory.svg) no-repeat left 1px transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.auditFilterButtonLeftSpace
{
    margin-left:4px !important;
}
.DochistoryIcon {
       background: url(../../Images/docHistory.svg) no-repeat left 2px transparent !important;
    border: 0px none #ff0 !important;
    margin: -2px 0px 0px 2px !important;
    width: 22px !important;
    height: 24px !important;
    float: left;
    padding: 0px !important;
    box-shadow: none !important;
    cursor:pointer;

}
.DochistoryIcon:hover {
     background: url(../../Images/docHistory.svg) no-repeat left 2px transparent !important;   
        filter: grayscale(100%);
        cursor:pointer;
}

.QCFailAuditReport {
    background: url("../../Images/qcfail.svg") no-repeat left top transparent !important;
    border: 0px none #ff0 !important;
    margin: 0px 2px 0px 0px !important;
    width:22px !important;
    height:21px !important;
    float:right !important;
    padding:0px !important;
    box-shadow:none !important;
    filter: grayscale(0%);

}
.QCFailAuditReport:hover {
    background: url("../../Images/qcfail.svg") no-repeat left top transparent !important;  
    filter: grayscale(100%); 
}
.toggle {
    background: url("../Images/toggle.png") no-repeat left 2px transparent !important;
    border: 0px none #ff0 !important;
    margin: 0px 2px 0px 0px !important;
    width:22px !important;
    height:21px !important;
    float:right !important;
    padding:0px !important;
    box-shadow:none !important;

}
.toggle:hover {
    background: url("../Images/toggle.png") no-repeat left -27px transparent !important;    
}
.pdfPrintIcon {
    background: url("../Images/pdfDload.png") no-repeat left -30px transparent !important;
    border: 0px none #ff0;
    margin-left: 2px;
}
.ExportPDF {
    /*background: url("../Images/expPdf.png") no-repeat left top transparent !important;*/
    background: url(../../Images/pdf2.svg) no-repeat left top transparent !important;
    border: 0px none #ff0;
    margin-left: 0px;
    /*    width: 20px;
    height: 18px;*/
    width: 24px;
    height: 22px;
    float: left;
    padding: 0px;
    margin-top: 3px;
}
    .ExportPDF:hover {
       /* background: url(../../Images/pdf.svg) no-repeat left top transparent !important;*/
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.ExportPDFRed {
    background: url("../Images/expPdfR.png") no-repeat left top transparent !important;
    border: 0px none #ff0;
    margin-left: 2px;
    width:22px;
    height:22px;
    float:left;
    padding:0px;
}
.ExportPDFRed:hover {
    background: url("../Images/expPdfR.png") no-repeat left -28px transparent !important;    
}

.previewToggleIcon {
    background: url("../Images/previewTog.png") no-repeat left top transparent !important;
    width: 22px;
    height: 22px;
    border: 0px none #ff0;
    cursor: pointer;
    float: left;
    margin-left: 0px;
    padding:0px;
    margin-right:2px;
}
.previewToggleIcon:hover {
    background: url("../Images/previewTog.png") no-repeat left -23px transparent !important;
    
}
.previewToPDF {
        background: url(../../Images/expData.svg) no-repeat left 1px transparent !important;
    width: 24px;
    height: 24px;
    border: 0px none #ff0;
    cursor: pointer;
    float: left;
    margin-left: 4px;
    padding: 0px;
    margin-right: 1px;
    margin-top: 5px;
}
.previewToPDF:hover {
        background: url(../../Images/expData.svg) no-repeat left 1px transparent !important;
        filter: grayscale(100%);
    
}
.pointsInfoSection
{
 float: left;
width: 15%;
padding: 5px 10px 2px 6px;
text-align: left;
    font-size: 15px;
    color: #fff;
}
.pointsInfoSectionRight
{
    /*float:right;
    width:78%;
    padding:0px 10px;
    margin-top: -4px;*/

    /*float: right;
    width: 34%;
    padding: 0px 10px;
    margin-top: 5px;*/

    float: left;
    width: 48%;
    padding: 0px 10px;
    margin-top: 5px;
}
.pointsInfoSectionRightInner
{
 float: left;
width: auto !important;
padding: 2px 10px !important;
text-align: left;
margin-top: 1px !important;
min-height: 10px !important;
}
.pointsInfoSectionRightInner span
{
    padding-left:0px;
}
.auditPointsDiv
{
    /*color: #fff;
font-weight: normal;
font-family: 'Lato-Semibold';
    width: 99.2%;
    padding: 4px;
float: left;
font-size:12.5px;
background: -moz-linear-gradient(top, #007f9f, #007f9f);
background: #007f9f; 
    background: -webkit-linear-gradient(#007f9f, #007f9f); 
    background: -o-linear-gradient(#007f9f, #007f9f); 
    background: -moz-linear-gradient(#007f9f, #007f9f); 
        background: linear-gradient(#007f9f, #007f9f);
-webkit-border-radius:0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    text-align:right;
    margin-bottom: 5px;
    height:34px;*/

        color: #fff;
    font-weight: normal;
    font-family: 'Lato-Semibold';
    width: 98.8%;
    padding: 0px !important;
    float: left;
    font-size: 12.5px;
    background: -moz-linear-gradient(top, #007f9f, #007f9f);
    background: #007f9f;
    background: -webkit-linear-gradient(#007f9f, #007f9f);
    background: -o-linear-gradient(#007f9f, #007f9f);
    background: -moz-linear-gradient(#007f9f, #007f9f);
    background: linear-gradient(#007f9f, #007f9f);
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0px;
    text-align: right;
    margin-bottom: 5px;
    height: 30px;
    background: none transparent;
        border-bottom: 1px solid #cdd0d9;
}
.teamblockrightcontent .auditPointsDiv
{
    padding: 4px 4px 9px;
    width: 99.3%;
}
.auditTotalPointsSec
{
float: right;
    min-width: 9.8%;
    padding-left: 4px;
    border-left: 0px dotted #d4d4d4;
    margin-right: 10px;
    margin-top: 7px;
    color: #fff;
}
.sticky .auditTotalPointsSec 
{
    color:#fff !important;
}
.auditNumberheader {
    background: #012636 !important;
    border-bottom: 0px solid #d4d4d4 !important;
    border-radius: 0px !important;
    margin-bottom: 5px !important;
    padding: 8px 8px !important;
    height: auto !important;
    /* border-radius: 2px !important; */
    opacity: 0.7;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 18px !important;
}
.auditTotalPointsSecLeft
{
    float:right;
    min-width:9.8%;
    padding-left:4px;
    margin-left:10px
}
.AuditFilterContainer
{
    /*float:left;
    width:100%;
    min-height:10px;
    padding:2px 0px;
    margin:0px;*/

    float: left;
    width: 98.3%;
    min-height: 10px;
    padding: 2px 6px;
    margin: 0px;
    background-color: #f6f6f6;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.AuditFilterContainer label
{
    /*font-size:12px;*/
    float:left;
    height:20px;
    line-height:20px;
    margin-bottom:1px;
    /*font-weight:bold;*/
    font-weight: normal;
font-family: 'Lato-Semibold';
font-size:11.3px;
}
.auditFilters
{
/*float: left;
background-color: #e0e0e0;
margin: 4px 5px 0px 0px;
width: 20%;
padding: 0px 4px 4px;
border-radius: 0.2em;
font-size: 0.9em;
font-weight: normal !important;
color: #222;
min-height:45px;
overflow:hidden;*/
float: left;
    background-color: transparent;
    margin: 4px 5px 0px 0px;
    width: 14%;
padding: 0px 0px 4px 2px;
    border-radius: 0px;
    font-size: 0.9em;
    font-weight: normal !important;
    color: #222;
    min-height: 45px;
    overflow: hidden;
    border-right: 0px solid #cdd0d9;
}
.AuditFilterContainer select
{
    margin-top:0px !important;
}
.AuditFilterContainer input
{
    margin-top:0px !important;
        width: 97% !important;
}
.auditFilterButton input
{
    margin-top:0px !important;
}
.auditFilterButton
{
/*float: left;
background-color: #fafafa;
margin: 4px 5px 0px 5px;
width: 2.8%;
padding: 4px 4px 0px;
border-radius: 0.2em;
font-size: 0.9em;
font-weight: normal !important;
color: #555;
height: 51px;
overflow: hidden;
text-align: center;
min-width:30px;*/
   float: right;
    margin: 2px 0px 0px 2px;
    width: 24px;
    padding: 0px 0px 0px;
    font-weight: normal !important;
    color: #555;
    height: 24px;
    overflow: hidden;
    text-align: center;
}
.auditFilterSmall
{
/*float: left;
background-color: #e0e0e0;
margin: 4px 5px 0px 0px;
width: 7%;
padding: 0px 4px 4px;
border-radius: 0.2em;
font-size: 0.9em;
font-weight: normal !important;
color: #555;
min-height:45px;
overflow:hidden;*/

float: left;
    background-color: transparent;
    margin: 4px 5px 0px 0px;
    width: 14%;
padding: 0px 0px 4px 4px;
    border-radius: 0px;
    font-size: 0.9em;
    font-weight: normal !important;
    color: #555;
    min-height: 45px;
    overflow: hidden;
    border-right: 0px solid #cdd0d9;
}
.auditFilterBIG
{
/*float: left;
background-color: #e0e0e0;
margin: 4px 0px 0px 0px;
width: 49.5%;
padding: 0px 4px 4px;
border-radius: 0.2em;
font-size: 0.9em;
font-weight: normal !important;
color: #555;
min-height:45px;
overflow:hidden;*/
    float: left;
    background-color: transparent;
    margin: 4px 0px 0px 0px;
    width: 37%;
padding: 0px 0px 4px 4px;
    border-radius: 0px;
    font-size: 0.9em;
    font-weight: normal !important;
    color: #555;
    min-height: 45px;
    overflow: hidden;
    border-right: 0px solid #cdd0d9;
}
.auditleftRow {
    /*float: left;
    height: 100%;
    width: 15%;
    border-radius: 0.2em;
    -webkit-border-radius:0.2em;
    -moz-border-radius: 0.2em;
    background-color:#fff;
    padding:2px;
    margin: 0px 10px 5px 0px;
    border:1px solid #f0f0f0;
    overflow-y: scroll;*/
    /*float: left;
    height: 100%;
    width: 15%;
    background-color: #fdfdfd;
    padding: 2px;
    margin: 0px 10px 5px 0px;
    border-right: 1px solid #cdd0d9;
    overflow-y: scroll;
    border-radius:0px;*/

    min-height: 340px;
    float: left;
    height: 100%;
    width: 13%;
    background-color: #fdfdfd;
    padding: 10px 2px 10px 12px;
    margin: 0px 10px 5px 0px;
    border: 1px solid #cdd0d9;
    overflow-y: scroll;
    overflow-x: hidden !important;
    border-radius: 2px;
    max-height: 500px;
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
    SCROLLBAR-FACE-COLOR: #d1d1d1;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff;
    SCROLLBAR-SHADOW-COLOR: #fff;
    SCROLLBAR-3DLIGHT-COLOR: #fff;
    SCROLLBAR-ARROW-COLOR: #fff;
    SCROLLBAR-TRACK-COLOR: #fff;
    SCROLLBAR-DARKSHADOW-COLOR: #fff;
}

.auditleftRow h3
{
background-color: #e4e4e4;
border-radius: 0.2em;
color: #555;
margin: 2px 0px;
float: left;
width: 96%;
padding: 4px !important;
font-size: 0.7em;
font-weight: bold;
}
    .auditleftRow table {
        margin: 0px 1px;
width: 99.2%;
    border-collapse: collapse !important;
    }
.auditleftRow td
{
width: 100%;
padding: 2px 0px;
background-color: #f6f6f6;
float: left;
border-bottom: 1px solid #e8e8e8;
margin-bottom: 0px;
}
    .auditleftRow td a {
       text-decoration: none;
font-size: 0.8em;
font-weight: normal;
color: #666;
margin: 0px 0px 1px 4px;
padding: 0px 2px;
float:left;
    }
    .auditleftRow td a:hover {
        border-radius: 0.2em;
    -webkit-border-radius:0.2em;
    -moz-border-radius: 0.2em;
    background-color:#fff;
    /*font-size:1.1em;*/
    font-size: 12px;
    font-weight:600;

    }
.loanStatus
{
    background-color:#d4d4d4 !important;
    color:#666 !important;
    /*font-size:12px !important;
    font-weight:600 !important;*/
    font-weight: normal;
font-family: 'Lato-Semibold';
font-size:10.5px;

}
.loanStatus td
{
float: none !important;
    padding: 10px 2px !important;
    color: #000;
    font-size: 13px;
    font-family: 'Lato-Regular';
}
.loanStatusRow
{
    background-color:#fff !important;
    color:#111 !important;
    font-size:12px !important;
    font-weight:500 !important;
    width:100% !important;
    float:none !important;
    border-bottom:1px solid #e2e2e2;
      

}
.loanStatusRow td
{
    float:none !important;
    padding: 2px 2px 2px 0px !important;
     background-color:#fff !important;
      font-size:14px !important;
        border-bottom: 0px none !important;
}
.loanStatusRow td img
{
    padding-top:3px;
}
    .loanStatusRow input {
        /*border: 1px solid #d4d4d4 !important;
margin: 2px 0px 4px !important;
font-size: 0.9em !important;
color: #222;
box-shadow: none !important;
height: 22px !important;
padding: 2px 1px 2px 4px !important;
width: 97% !important;
box-shadow: 0px 1px 1px #E6e6e6 inset !important;*/
        /*border: 1px solid #9AC5FF !important;*/
        border: 1px solid #d4d4d4 !important;
        margin: 2px 0px 4px !important;
        font-size: 11px !important;
        color: #222;
        box-shadow: none !important;
        height: auto !important;
        padding: 7px 1px 7px 6px !important;
        width: 97% !important;
        border-radius: 8px;
    }

.selected{
            /*background-color: #32C6EC;
            background-color:#007f9f;*/
font-weight: bolder;
/*font-style: oblique;
font-size: 1.1em !important;*/
font-size: 12px !important;
    color: #2c8edb !important;
    /*padding: 4px 5px !important;*/
        padding: 0px 5px 4px !important;
    margin: 0px !important;
    border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    /* font-weight: 600 !important; */

        }
.selected:hover {
    color: #222 !important;
}
.rightRow {
    float: left;
    background-color: #Fdfdfd;
    border-radius: 2px;
    /*width: 84%;*/
    width: 82.26%;
    padding: 10px 20px 20px;
    border: 1px solid #cdd0d9;
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
}  
.blueFont
{
    /*color:#007f9f !important;*/
    color:#03e1fb !important;
        margin-right: 10px;
}
.sticky .blueFont
{
    color:#03e1fb !important
}
.darkBlueFont
{
    color:#007f9f !important;
    margin-right:8px;
}
.AuditrowHeader
{
    float:left;
    -webkit-border-radius:0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    background-color:#fdfdfd;
    width:100%;
    min-height:20px;
    padding:0px;
    margin:0px;
    line-height:20px;
    vertical-align:middle;
}
.QuestionGrpHeader
{
    /*background-color:#e7f5f7 !important;*/
    /*background-color:#b0b0b0 !important;*/
    /*background-color:#a9defd !important;*/
    background-color:transparent !important;
    border:0px none #c9dae4 !important;
    margin-bottom:0px !important;
    border-radius: 2px;
}
.QuestionGrpHeader b
{
    /*color: #f8f8f8;*/
    /*color:#075f9d;font-weight: 600;*/
    color:#2c8edb;
font-size: 15px;
font-weight:normal !important;
font-family: 'Lato-Semibold';
float:left;
padding-left:3px;

}
.skype_c2c_container img
{
    display:none !important;
    visibility:hidden !important;
    width:0px !important;
    height:0px !important;
    padding:0px !important; margin:0px !important
}
.positionRight
{
    float:right !important;
}
.AuditDetailsRow {
    /*float:left;
    background-color:#fdfdfd;
    padding:0px;
    width:99.5%;
    border-bottom:1px solid #cdd0d9;*/
    float: left;
    background-color: #fdfdfd !important;
    padding: 5px 2px;
    width: 99.2%;
    border-bottom: 1px dashed #cdd0d9 !important;
}
.auditAnsContainer
{
border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-border-radius: 0.2em !important;
    float: left;
    padding: 4px 0px;
    background-color: #fdfdfd;
    margin: 2px 1px;
    width: 99.5%;
    font-size: 13px;
    color: #222;
    font-family: 'Lato-Semibold';
    font-weight:normal;
}
.AnsHeader
{
    float: left; 
    width: 89.5%;
    border-bottom:1px dotted #b0b0b0;
    padding-left: 10px;
}
.ScoreHeader
{
    float: left;
border-bottom: 1px dotted #B0B0B0;
margin-left: 5px;
width:8.8%;
padding-left: 3px;
text-align:right
}
.AnsItem
{
    float: left; 
    width: 89.5%;
    border-bottom:1px dotted #e2e2e2;
    padding-left: 10px;
    font-size:12px !important;
        font-family: 'Lato-Regular' !important;
    font-weight:normal;
}
.AnsItem input
{
    margin-right:5px !important;
}
.AnsItemLast
{
    border:0px none !important;
}
.ScoreItemLast {
    border:0px none !important;
}
.iconBesideScore {
    float: left;
    border-bottom: 0px dotted #d0d0d0;
    margin-left: 3px;
    width: 70%;
    padding-left: 3px;
    font-size: 0.9em !important;
    margin-top: -2px;
}
.ScoreItem {
    float: left;
    border-bottom: 1px dotted #d0d0d0;
    /*margin-left: 5px;
width: 8.9%;*/
    margin-left: 2px;
    width: 9%;
    font-size: 0.9em !important;
    padding: 3px 0px;
}
.ScoreItem label
{
    float:right;
    margin-left:5px;
}
.auditfinalButtonContainer
{
    float: left;
    width: 99.8%;
    text-align: right;
    margin: 8px 0px 8px 0px;
}

.web_dialog_overlay
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    display: none;
}

.web_dialogB {
    display: none;
    position: fixed;
    width: 802px;
    height: auto;
    top: 22%;
    left: 34%;
    margin-left: -190px;
    margin-top: -100px;
    border: 0px solid #336699;
    padding: 0px;
    z-index: 102;
    font-family: Verdana;
    font-size: 10pt;
}

/*.NewPopUpStyleDiv {
    font: normal 11px auto "Trebuchet MS", Verdana;
    background-color: #FFFFFF;
    color: #4f6b72;
    padding: 0px !important;
    border: 1px solid #d4d4d4;
    overflow: hidden;
}*/

.NewPopUpHeader {
    color: #585858 !important;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#0c72b9), to(#095488));
    background: -moz-linear-gradient(top, #0c72b9, #095488);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c72b9, endColorstr=#095488);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c72b9, endColorstr=#095488)";*/
     background: #cdd0d9; /* For browsers that do not support gradients */
   
    padding-left: 0px;
    height: 25px;
    padding: 4px 8px 2px;
    font-weight: 600;
}

.popupscrollingBig {
    float: left;
    overflow-y: hidden;
    overflow-x: hidden;
    SCROLLBAR-FACE-COLOR: #d1d1d1;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff;
    SCROLLBAR-SHADOW-COLOR: #fff;
    SCROLLBAR-3DLIGHT-COLOR: #fff;
    SCROLLBAR-ARROW-COLOR: #fff;
    SCROLLBAR-TRACK-COLOR: #fff;
    SCROLLBAR-DARKSHADOW-COLOR: #fff;
    width: 794px;
    padding: 2px;
    height: auto;
    max-height:500px;
}

.qSettingPOPAUDIT {
    /*background-color: #E7F5F7;
    border-top: 1px solid #FFFFFF;
    font-size: 12px;
    margin: 0px 0px 0px 1px;
    padding: 4px 10px 10px;
    border-radius:4px;*/

        background-color: #fdfdfd;
    border-top: 1px solid #FFFFFF;
    font-size: 12px;
    margin: 0px 0px 0px 1px;
    padding: 4px 10px 10px;
    border-radius: 2px;
}



.commentGrid {
    width: 99%;
    min-height: 0px;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
    SCROLLBAR-FACE-COLOR: #d1d1d1;
    SCROLLBAR-HIGHLIGHT-COLOR: #e7f5f7;
    SCROLLBAR-SHADOW-COLOR: #e7f5f7;
    SCROLLBAR-3DLIGHT-COLOR: #e7f5f7;
    SCROLLBAR-ARROW-COLOR: #d4d4d4;
    SCROLLBAR-TRACK-COLOR: #e7f5f7;
    SCROLLBAR-DARKSHADOW-COLOR: #e7f5f7;
    /*background-color: #e7f5f7;
    border: 1px solid #c6d5e1;
    padding: 1px;*/
    background-color: #fdfdfd;
    border: 1px solid #e2e2e2;
    padding: 5px 0px 5px 5px;
    border-radius: 2px;
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
}
.commentGridPopup {
    width: 99%;
    min-height: 0px;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
    SCROLLBAR-FACE-COLOR: #d1d1d1;
    SCROLLBAR-HIGHLIGHT-COLOR: #e7f5f7;
    SCROLLBAR-SHADOW-COLOR: #e7f5f7;
    SCROLLBAR-3DLIGHT-COLOR: #e7f5f7;
    SCROLLBAR-ARROW-COLOR: #d4d4d4;
    SCROLLBAR-TRACK-COLOR: #e7f5f7;
    SCROLLBAR-DARKSHADOW-COLOR: #e7f5f7;
    background-color: transparent;
    border: 1px solid #c6d5e1;
    padding: 4px;
    border-radius:4px;
}
.commentGridPopup table
{
    width:100%;
}

.auditHistoryGrid {
    width: 100%;
    min-height: 0px;
    max-height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
    SCROLLBAR-FACE-COLOR: #d1d1d1;
    SCROLLBAR-HIGHLIGHT-COLOR: #e7f5f7;
    SCROLLBAR-SHADOW-COLOR: #e7f5f7;
    SCROLLBAR-3DLIGHT-COLOR: #e7f5f7;
    SCROLLBAR-ARROW-COLOR: #d4d4d4;
    SCROLLBAR-TRACK-COLOR: #e7f5f7;
    SCROLLBAR-DARKSHADOW-COLOR: #e7f5f7;
    background-color: #e7f5f7;
    border: 1px solid #c6d5e1;
    padding: 1px;
}

.popGridTable {
    border: 0px solid #cdd0d9;
    margin: 0px;
}

    .popGridTable th {
        /*background: url("../Images/gridHeaderBG.png") left bottom repeat-x #fff;
     color: #638db7 !important;
    background: url("../images/gridHeader2.png") repeat-x scroll left top #d4e4f3;
    min-height:24px;
    vertical-align:middle;
    line-height:24px;
    color:#638db7;
    font-size:12px;
    font-weight:700;
    padding:4px;
    border-bottom:1px solid #c0c0c0;
    border-top:1px solid #c0c0c0;
    text-transform:uppercase;
    background: #e4e4e4 !important;*/
        /*background: -webkit-linear-gradient(#fff, #d6e5f4);
    background: -o-linear-gradient(#fff, #d6e5f4);
    background: -moz-linear-gradient(#fff, #d6e5f4);
    background: linear-gradient(#fff, #d6e5f4);*/
        background: #fff !important;
        min-height: 24px;
        vertical-align: middle;
        line-height: 24px;
        color: #638db7;
        padding: 4px 5px;
        text-transform: uppercase;
        border-right: 0px solid #e7f5f7 !important;
        border-bottom: 1px solid #cdd0d9;
        border-top: 0px solid #cdd0d9;
        text-shadow: 0px 1px #fff;
        font-size: 13px !important;
        text-transform: none !important;
        font-family: 'Lato-Semibold' !important;
        font-weight: normal !important;
    }
.popGridTable th a {
    color:#638db7 !important;
    font-size:1em !important;
    font-weight:700 !important;
}
    .gridtable th a:hover {
        background: none #fff;
    }
.popGridTable tr
{
    background-color:#fff;
    /*border-bottom:1px solid #e3e3e3;*/
    border-bottom:1px solid #cdd0d9;
    padding:0px;
    color:#5e5e5e;
    font-size:13px;
}
.popGridTable tr td
{
    font-size: 12px !important;
    color: #000 !important;
    border-right: 0px solid #cdd0d9 !important;
    padding: 8px !important;
    border-left: 0px solid #cdd0d9;
    text-align:left;
}
.popGridTable tr td a
{
    color:#32c6ec;
    text-decoration:none;
}
    .popGridTable tr td a:hover {
        color:#5e5e5e;
        background-color:#fff;
        border-radius:0.2em;
        -moz-border-radius:0.2em;
        -webkit-border-radius:0.2em;
    }
.popGridTable tr .LastTD
{
    padding:4px 2px;
    border-right:0px none #c6d5e1;
    /*width:7%;*/
    min-width:40px;
    max-width:40px;
}
.popGridTable .alternateTR
{
    background-color: #f9f9f9;
}
.popGridTable tr:nth-child(odd){ 
		/*background: #f9f9f9;*/
        background: #fff none repeat scroll 0% 0%;
	}
	/*  Define the background color for all the EVEN background rows  */
.popGridTable tr:nth-child(even){
		background: #f5f5f5;
	} 

.popgridScroll
{
    height:200px !important;
    scrollbar-face-color: #b2b2b2 !important; 
    scrollbar-highlight-color: #fff !important; 
    scrollbar-shadow-color: #fff !important; 
    scrollbar-3dlight-color: #fff !important; 
    scrollbar-arrow-color: #FFF !important; 
    scrollbar-track-color: #fff !important;
    scrollbar-darkshadow-COLOR: #fff !important; 
    overflow-y: scroll;
    border:1px solid #d4d4d4;
}




.popGridHeader {
    color: #222 !important;
    /*background: url("../images/gridHeader2.png") repeat-x scroll left top #d4e4f3;*/
    height: 25px;
    border-left: 1px solid #7e9db9;
    border-right: 1px solid #7e9db9;
    border-bottom: 1px solid #7e9db9;
}

.popGridHeader th {
    color: #222;
    padding: 8px;
    border-bottom: 1px solid #cdd0d9;
        text-align: left !important;
}

.popGridTr {
    background: none repeat scroll 0 0 #FFFFFF;
}



.popGridTD {
    padding: 4px 2px;
    border-right: 1px solid #C6D5E1;
    border-bottom: 1px solid #C6D5E1;
}
.disputeSelection
{
    border:2px dotted #e2c501;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-radius:0.2em !important;
    float:left;
    width: 99%;
    padding: 2px;
    margin-top: 2px;
    background-color: rgba(255,230,63,0.2);
}
.disputeSelection .quesScoreSec 
{
    background-color:transparent !important;
}
.disputeSelection .AuditDetailsRow
{
    background-color:transparent !important;
}
.disputeSelection .auditAnsContainer
{
    background-color:transparent !important;
}
disputeSelection .AnsItemRadioSingleLine
{
    background-color:transparent !important;
}
.auditSubmissionError {
    border: 2px dotted #f56262;
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-radius: 8px !important;
    float: left;
    width: 99%;
    padding: 5px 0px 5px 5px;
    margin-top: 2px;
    background-color: rgba(227,58,58,0.2);
}
.auditSubmissionError select
{
        margin-top: 0px !important;
}
    .auditSubmissionError input {
        /*margin-top: 5px !important;*/
        margin-top: 1px !important;
    }
.auditSubmissionError textarea
{
        margin-top: 0px !important;
}
.auditSubmissionError .ScoreHeader
{
    width:8% !important;
}
.auditSubmissionError .ScoreItem
{
    width:8% !important;
}
 .warningGeneric
{
    /*display:block;
    position:fixed;
    z-index:999999;
    background:url(../../Images/warningTrns.png) left top transparent;
    width:40%;
    left:30%;
    bottom:4px;
    border:1px solid #efd000;
    padding:5px;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-radius:0.2em !important;
    text-align:center;*/

    display: block;
    position: fixed;
    z-index: 999999;
    background: url(../../Images/warningTrns.png) left top transparent /*#efd000*/ ;
    /*min-width: 22%;
    left: 40%;*/
     width:40%;
    left:30%;
    bottom: 4px;
    border: 1px solid #efd000;
    padding: 0px;
    border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-radius: 0.2em !important;
    text-align: center;
    box-shadow: 0 2px 10px rgba(70,74,84,.25);
}
 /*.alertContainer
 {
     float: left;
    background-color: #fff;
    min-width: 60px;
    height: 60px;
    text-align: center;
 }
 .rtArrow
 {
background: url(../../Images/rtArrow.png) left center no-repeat transparent;
    margin-top: 20px;
    float: left;
    margin-left: -7px;
 }
 .warningGeneric .alertContainer img
 {
         margin-top: 10px;
    min-width: 32px;
     background: url(../../Images/newWarning.png) left center no-repeat transparent;
 }*/
.warningGeneric h4 
{
    /*font-size:0.95em;
    font-weight:bold;
    color:#ec732a;
    background:url(../../Images/newWarning.png) left center no-repeat transparent;
    padding-left:36px;
    min-height:32px;
    margin:5px 0px;
    vertical-align: middle;
    line-height: 32px;
       text-transform:initial;
    min-width: 32px;
    display: inline-block;*/

        font-size: .95em;
    font-weight: bold;
    color: #ec732a;
    background: url(../../Images/newWarning.png) left center no-repeat transparent;
    padding-left: 36px;
    min-height: 32px;
    margin: 5px 0px 5px;
    vertical-align: middle;
    line-height: 20px;
    text-transform: initial;
    min-width: 32px;
    display: inline-block;
    padding-top: 10px;

    /*font-size: .95em;
    font-weight: bold;
    color: #111;
    background: url(../../Images/newWarning2.png) left center no-repeat transparent;
    padding-left: 20px;
    min-height: 32px;
    margin: 5px 0px 5px;
    vertical-align: middle;
    line-height: 20px;
    text-transform: initial;
    min-width: 32px;
    display: inline-block;
    padding-top: 15px;
    float: left;*/
}
.errorGeneric
{
    display:block;
    position:fixed;
    z-index:999999;
    background:url(../../Images/errorTrns.png) left top transparent;
    width:40%;
    left:30%;
    bottom:4px;
    border:1px solid #f56262;
    padding:5px;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-radius:0.2em !important;
    text-align:center;
}
/*.errorGeneric .alertContainer img
 {
         margin-top: 10px;
    min-width: 32px;
     background: url(../../Images/newExclam.png) left center no-repeat transparent;
 }*/
.errorGeneric h4 
{
    font-size:0.95em;
    font-weight:bold;
    color:#fff;
    background:url(../../Images/newExclam.png) left center no-repeat transparent;
    padding-left:36px;
    min-height:32px;
    margin:5px 0px;
    vertical-align: middle;
    line-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-transform:initial;
}
.blankGeneric {
    display:none;
}

 .successGeneric
{
    display:block;
    position:fixed;
    z-index:999999;
    background:url(../../Images/SuccessTrns.png) left top transparent;
    width:40%;
    left:30%;
    bottom:4px;
    border:1px solid #8bdb24;
    padding:5px;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-radius:0.2em !important;
    text-align:center;
}
.successGeneric h4 
{
    font-size:0.95em;
    font-weight:bold;
    color:#fff;
    background:url(../../Images/SuccessIco.png) left center no-repeat transparent;
    padding-left:36px;
    min-height:32px;
    margin:5px 0px;
    vertical-align: middle;
    line-height: 32px;
       text-transform:initial;
    min-width: 32px;
    display: inline-block;
}
.toolTipDisplay
{
    background-color:#fffca3;
    padding:1px 2px;
    border:1px solid #d1cd56;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-radius:0.2em !important;
    font-size:0.9em;
    color:#222;
    margin-left:2px
}
.hiddenSection
{
    display:none !important;
}
.logoutBTNCont
{
    /*float:right;
    width:25px;
    padding-left:8px;
    border-left:1px dotted #32c6ec;
    text-align:center;
    margin:32px 2px 0px 8px*/

    float: right;
width: 25px;
padding-left: 0px;
border-left: 1px dotted #32C6EC;
text-align: center;
/*margin: 8px 10px 0px 8px;*/
margin: 8px 20px 0px 0px;
}
.logoutBTNContwithoutborder
{
    border-left: 0px dotted #32C6EC;
}
.logout{
    background:url(../../Images/logout.png) left top no-repeat transparent;
    width:21px;
    height:20px;
    padding:0px;
    margin:0px;
    border:0px none #fff !important;
    float:left;
}
.logout:hover {
    background: url(../../Images/logout.png) left -40px no-repeat transparent;
    border:0px none #f00;
    float:left;
}

.logout img
{
	border:0px none #fff !important;
}

.QrowHeaderError
{
    float:left;
    border-color: #ff0000;
    -webkit-border-radius:0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    background-color:#f8f8f8;
    width:872px;
    min-height:20px;
    padding:4px;
    margin:0px 0px 4px 0px;
    line-height:20px;
    vertical-align:middle;
}

.folderAuditReopen {
    background: url(../../Images/folder2.svg) no-repeat left top transparent !important;
    /*width: 22px !important;
    height: 24px !important;*/
    width: 16px !important;
    height: 18px !important;
    float: left;
    /*filter: grayscale(100%); */
}

    .folderAuditReopen:hover {
        background: url(../../Images/folder2.svg) no-repeat left top transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.QrowInfo
{
    float:left;
    border-radius: 0px;
      background-color: #f9f9f9;
    width: 100%;
    min-height: 20px;
    padding: 4px 0px 0px;
    margin: 0px 0px 2px 0px;
    line-height: 20px;
    vertical-align: middle;
}
.QrowInfo label
{
    /*color:#666;
    font-weight:600;
    font-size: 14px;*/
    /*color: #000;
    font-size: 13px;
    padding: 5px 10px;
    border-bottom: 0px solid #cdd0d9;*/

    color: #000;
    font-size: 13px;
    padding: 5px 0px 5px 10px;
    border-bottom: 0px solid #cdd0d9;
    float: left;
}
.ansSelectionRows
{
    padding: 5px 10px;
    border-bottom: 1px dashed #cdd0d9;
    background-color: #fff;
}
.na
{
    color: #fff !important;
    background: url("../../Images/na.svg") no-repeat left top transparent  !important;
    border:0px solid #054472 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 25px !important;
    float: right !important;
    margin: 0px 0px 0px !important;
    text-decoration: none !important;
    text-shadow: none !important;    
    width: 23px !important;
    height: 23px !important;
    vertical-align:middle;
    text-transform:uppercase;
    padding:0px !important;
    text-align:center;
    box-shadow:none !important;

}
    .na:hover {
        background: url("../../Images/na.svg") no-repeat left top transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.ResetFilterBtn
{
    color: #fff !important;
    background: url("../../Images/filter2.svg") no-repeat left top transparent  !important;
    border:0px solid #054472 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 25px !important;
    float: right !important;
    margin: 0px 0px 0px !important;
    text-decoration: none !important;
    text-shadow: none !important;    
    width: 24px !important;
    height: 24px !important;
    vertical-align:middle;
    text-transform:uppercase;
    padding:0px !important;
    text-align:center;
    box-shadow:none !important;

}
    .ResetFilterBtn:hover {
        background: url("../../Images/filter2.svg") no-repeat left top transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.ResetFilterBtnDisabled
{
    color: #fff !important;
    background: url("../../Images/reset.png") no-repeat left -88px transparent  !important;
    border:0px solid #054472 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 25px !important;
    float: right !important;
    margin: 0px 0px 0px !important;
    text-decoration: none !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0) !important;    
    width:32px !important;
    height:33px !important;
    vertical-align:middle;
    text-transform:uppercase;
    padding:0px !important;
    text-align:center;
     font-family:"Segoe UI", Open Sans,"Trebuchet MS",Arial;
}
.ResetFilterBtnDisabled:hover
{
    color: #fff !important;
    background: url("../../Images/reset.png") repeat-x left -88px transparent  !important;
    border:0px solid #054472 !important;
    cursor: pointer !important;
    float: right !important;
     margin: 8px 0px 0px !important;
    text-shadow: 0 1px rgba(255, 255, 255, 0.4) !important;  
    text-transform:uppercase;   
}
/*=============================== Job Sampling part ===================================*/
.FilterTable
{
    background-color: #f6f6f6;
padding: 4px;
border-radius: 4px;
margin-left:18px;
}
/*=====================================================================================*/
a.alinkADD:link 
{
    background:url(../../Images/addIcon.png) right 1px no-repeat;
    min-height:16px;
    color:#6086A8;
    padding: 3px 18px 3px 0;
    float:right;
    margin-right:4px;
    font-size:0.8em;
    text-transform:uppercase;
    text-decoration: none;
} 
a.alinkADD:visited 
{
    background:url(../../Images/addIcon.png) right 1px no-repeat;
    color:#6086A8;
    padding: 3px 18px 3px 0;
    float:right;
    margin-right:4px;
    font-size:0.8em;
     text-transform:uppercase;
     text-decoration: none;
}
a.alinkADD:hover 
{
    background:url(../../Images/addIcon.png) right -23px no-repeat;
    color:#cc0000;
    text-decoration: underline;
    padding: 3px 18px 3px 0;
    float:right;
    margin-right:4px;
    font-size:0.8em;  
     text-transform:uppercase;
     text-decoration: none;
}
 a.alinkADD:active 
{
    background:url(../../Images/addIcon.png) right -24px no-repeat;
    color:#e3742f;
    text-decoration: none;
    padding: 3px 18px 3px 0;
    float:right;
    margin-right:4px;
    font-size:0.8em;
     text-transform:uppercase;
}
.logoHeader {
    /*float: left;
    width: 100%;
    background: #fff;
    text-align: left;
    border-bottom: 1px solid #e7edf6;
    position: fixed;
    z-index: 9999;*/
    float: left;
    width: 100%;
    background: #f8f9fb;
    text-align: left;
    border-bottom: 0px solid #e7edf6;
    position: fixed;
    z-index: 9999;
    padding: 5px 0px;
}
 /*========================================== LOGO ROTAION STYLES ========================================*/
 .companyLogo
 {
     float:right;
     /*border-left: 1px dotted #888;*/
    margin-top: 5px;
    padding-left:5px;
    width:156px;
     /*height:60px;*/
     height:30px;
     margin-right: 11px;
     
 }	
 .companyLogo img
 {
     /*width:156px;*/
     width:78px;
     height:32px;
     margin-top:2px;
 }
 .logoDesktopLogin {
	float: left;
    height:50px;
    margin-top:-3px;	
}
 .logoDesktopLogin a {
    margin-top:0px !important;	
}
.logoDesktop {
    /*float: left;
	margin-left:20px;
        margin-top: 1px;
    margin-bottom: 1px;*/
    float: left;
    margin-left: 60px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.logoDesktop a
{
float: left;
    width: 220px;
    height: 36px;
    margin-top: 8px;
}
/*.link-3d {
	display: block;
	height: 52px;
	width: 112px;
	outline: 0;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-o-transition: .4s ease;
	transition: .4s ease;
	margin-top: 12.5px;
	
}

.link-3d .cube-link {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-o-transition: .4s ease;
	transition: .4s ease;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50px center 0;
	-moz-transform-origin: 50px center 0;
	-o-transform-origin: 50px center 0;
	-ms-transform-origin: 50px center 0;
	transform-origin: 50px center 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	
	
}

.link-3d .cube-link .front-face {
	position: absolute;
	
}
.link-3d .cube-link .right-face {
	position: absolute;
	top: 0;
	left: 0;
	height: 52px;
	width: 257px;
	-webkit-transform-origin: 0px center 0;
	-moz-transform-origin: -11px center 0;
	-o-transform-origin: -11px center 0;
	-ms-transform-origin: -11px center 0;
	transform-origin: -11px center 0;
	-webkit-transform: rotate3d(0, 1, 0, 90deg) translate3d(-20px, 0, 50px);
	-moz-transform: rotate3d(0, 1, 0, 90deg) translate3d(-20px, 0, 50px);
	-o-transform: rotate3d(0, 1, 0, 90deg) translate3d(-20px, 0, 50px);
	-ms-transform: rotate3d(0, 1, 0, 90deg) translate3d(-20px, 0, 50px);
	transform: rotate3d(0, 1, 0, 90deg) translate3d(-20px, 0, 50px);
    opacity:0;


	
}
    .link-3d .cube-link .right-face:hover {
        opacity:1;
        transition: ease-in-out;
    }

.logoDesktop:hover .link-3d {
	width: 257px;
    opacity:1;
	
}
.logoDesktop:hover .link-3d .cube-link.reveal-right {
	
	-webkit-transform: translate3d(-50px, 0, -50px) rotate3d(0, 1, 0, -90deg);
	-moz-transform: translate3d(-50px, 0, -50px) rotate3d(0, 1, 0, -90deg);
	-o-transform: translate3d(-50px, 0, -50px) rotate3d(0, 1, 0, -90deg);
	-ms-transform: translate3d(-50px, 0, -50px) rotate3d(0, 1, 0, -90deg);
	transform: translate3d(-50px, 0, -50px) rotate3d(0, 1, 0, -90deg);
	
}*/
link-3d {
	display: block;
	height: 58px;
	width: 156px;
	outline: 0;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-o-transition: .4s ease;
	transition: .4s ease;
	margin-top: 12.5px;
	
}

.link-3d .cube-link {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-o-transition: .4s ease;
	transition: .4s ease;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50px center 0;
	-moz-transform-origin: 50px center 0;
	-o-transform-origin: 50px center 0;
	-ms-transform-origin: 50px center 0;
	transform-origin: 50px center 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	
	
}

.link-3d .cube-link .front-face {
	position: absolute;
	top: 0px;
	left: 0px;
	
}
.link-3d .cube-link .right-face {
	position: absolute;
	top: 0px;
	left: -17px;
	height: 58px;
	width: 257px;
	-webkit-transform-origin: 62px center 0;
	-moz-transform-origin: 62px center 0;
	-o-transform-origin: 62px center 0;
	-ms-transform-origin: 62px center 0;
	transform-origin: 62px center 0;
	-webkit-transform: rotate3d(0, 1, 0, 90deg) translate3d(62px, 0, 62px);
	-moz-transform: rotate3d(0, 1, 0, 90deg) translate3d(62px, 0, 61px);
	-o-transform: rotate3d(0, 1, 0, 90deg) translate3d(62px, 0, 62px);
	-ms-transform: rotate3d(0, 1, 0, 90deg) translate3d(62px, 0, 62px);
	transform: rotate3d(0, 1, 0, 90deg) translate3d(62px, 0, 62px);

	
}

.logoDesktop:hover .link-3d {
	width: 156px;
	
}
.logoDesktop:hover .link-3d .cube-link.reveal-right {
	
	-webkit-transform: translate3d(-50px, 0, -50px) rotate3d(0, 1, 0, -90deg);
	-moz-transform: translate3d(-50px, 0, -50px) rotate3d(0, 1, 0, -90deg);
	-o-transform: translate3d(-50px, 0, -50px) rotate3d(0, 1, 0, -90deg);
	-ms-transform: translate3d(-50px, 0, -50px) rotate3d(0, 1, 0, -90deg);
	transform: translate3d(-50px, 0, -50px) rotate3d(0, 1, 0, -90deg);
	
}
/*.logoExpand
{
    background:url(../../Images/longHairLogoN3.png) left top no-repeat transparent;
    width:111px;
    height:52px;
     -webkit-transition: width 2s;
    transition: width 2s;
    -moz-transition: width 2s;
    margin-top:5px;
     transition-duration: 0.5s;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     cursor:pointer
}
.logoExpand:hover
{
    width:257px;
    transition: width 2s;
    transition-timing-function: ease-in-out;
     transition-duration: 0.5s;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     cursor:pointer
}*/
 /*=======================================================================================================*/
 .welcomeUser
 {
      /*background:url(../../Images/wUser.png) left center no-repeat;*/
      float: right !important;
min-height: 24px;
line-height: 24px;
vertical-align: middle;
color: #00B4ED;
padding-left: 24px;
text-transform: capitalize;
font-size: 0.9em;
min-width: 120px;
margin-top: 24px;
 }
 .welcomeUser span
 {
     color:#5e5e5e;
 }
#SecrchResult {
    /*float:left;
    width:100%;
    min-height:30px;
    padding:0px 0px 10px;
    margin:0px 0px 10px;
    border:0px solid #f00;*/
    float: left;
    /*width: 100%;*/
    width: 98.6%;
    min-height: 30px;
    padding: 10px 10px 10px;
    margin: 10px 0px 10px;
    border: 0px solid #f00;
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
}
#SecrchResult .export-Table
{
    width:99.9% !important;
}
.pagingContainer
{
    float:left;
    width:99%;
    padding:5px 10px;
    text-align:right;
    min-height:24px;
}
.pagingContainer .pagingList 
{
    float:right;
    min-width:150px;
    min-height:24px;
}
.pagingContainer .pagingNo 
{
    float:right;
    min-width:30px;
    min-height:24px;
    margin-left:5px
}
.gridsecContainer {
    float:left;
    padding:5px 0px;
    margin:5px 0px 5px 0px;
   border:0px solid #a2a2a2;
   /*background-color:#f0f0f0;*/
   border-radius:0.2em;
   -moz-border-radius:0.2em;
   -webkit-border-radius:0.2em;
   float:left;
   width:100%;
}
.gridsecContainer #gridOuterDiv
{
    width:100% !important;
}
.linkbtn
{
    float:left;
    width:99.9%;
    margin:4px 0px 5px;
    text-align:right;
}
.linkbtn select
{
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    padding: 1px 2px;
    margin: 0px !important;
    float: left;
    height: auto;
    padding: 10px 10px;
}
.dataperPage {
    float: left;
    width: 80px;
    height: 34px;
    padding: 2px 0px 2px 0px;
    line-height: 24px;
    vertical-align: middle;
    border-radius: 4px;
    border: 0px solid rgb(212, 212, 212);
    margin: 0px 0px 0px 10px;
}
.getnextCont
{
    width: 95px;
    background-color: #fdfdfd;
    height: 30px;
    float: right;
    border-radius: 4px;
    margin-top: -43px;
    margin-right: 120px;
    border: 1px solid #d4d4d4;
    line-height: 30px;
    padding-left: 10px;
    text-decoration: none;
    text-transform: uppercase;
    color:#444
}
.getnextCont:hover
{
    background-color: #f6f6f6;
    color:#000;
}
.getnext
{
    height: 24px !important;
    color: #6086A8 !important;
    padding: 0px !important;
    float: right !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    cursor: pointer !important;
    margin: 3px 4px 0px 0px !important;
    /*background: transparent url(../../Images/excel.svg) no-repeat scroll left top !important;*/
     background: transparent url(../../Images/getNext.svg) no-repeat scroll left top !important;
    width: 24px;
}
.getnext:hover
{
    background: transparent url("../../Images/getNext.svg") no-repeat scroll left top !important;
    filter:grayscale(80%)
}
.exportContainer
{
    /*float: right;
    width: 96px;
    height: 24px;
    padding: 2px 0px 4px 3px;
    line-height: 24px;
    vertical-align: middle;
    background-color: rgb(246, 246, 246);
    border-radius: 4px;
    border: 1px solid rgb(212, 212, 212);*/
    float: right;
    width: 110px;
    height: 34px;
    padding: 2px 0px 1px 3px;
    line-height: 24px;
    vertical-align: middle;
    background-color: transparent;
    border-radius: 4px;
    border: 0px solid rgb(212, 212, 212);
}
.export {
    height: 28px !important;
    color: #6086A8 !important;
    padding: 0px !important;
    float: right !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    cursor: pointer !important;
    margin: 4px 4px 0px 0px !important;
    /*background: transparent url(../../Images/excel.svg) no-repeat scroll left top !important;*/
    background: transparent url(../../Images/download.svg) no-repeat scroll left top !important;
    width: 28px;
}
    .export:hover {
        background: transparent url("../../Images/download.svg") no-repeat scroll left top !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    } 
.selected_row #linkbtn
{
    background-color:transparent;
}
.exportLink
{
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 2px;
}
.addelementIconlink
{
    float:right;
}
.colorcont .addelementIconlink
{
    float:left;
    padding-left:0px !important
}
.colorcont .addelementIconlink .addelement
{
    margin-left:0px !important
}
.addNoSpace
{
    float: right;
    margin: 0px !important;
    padding: 0px;
}
.norightSpace
{
    padding-right:0px !important;
    margin-right:0px !important;
    padding-left: 0px !important;
}
.addelement {
    background: url(../../Images/plus.svg) left top no-repeat transparent !important;
    color: #cc0000 !important;
    /* min-height: 20px !important; */
    cursor: pointer;
    float: right;
    margin: 6px 0px 0px 1.8px !important;
    width: 28px;
   /* filter: saturate(0.5) !important;*/
    height: 28px;
}
    .addelement:hover {
        background: url(../../Images/plus.svg) left top no-repeat transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
#gridOuterDiv .FormButtonGrey
{
    margin-top:7px !important;
}

#gridOuterDiv
{
    float:left;
    /*width:99.6%;*/
    width:100%;
    border:0px solid #c6d5e1;
    border-collapse:collapse;
    border-radius:0.2em;
    -webkit-border-radius:0.2em;
    -moz-border-radius:0.2em;
padding:0px;
margin:2px 0px;
background-color:transparent; box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important;

}
#gridOuterDiv .gridtable
{
    border-collapse:collapse;
    width:100%;
    border:0px none #fff;
    /*margin-top:0.25em;
    margin-bottom:0.25em;*/
    margin-top:0px;
    margin-bottom:0px;
}

.commentTable
{
    border:1px solid #b4c6d4 !important;
}
.commentTable table
{
    margin-top:0px !important;
}


/*#gridOuterDiv table
{
    border-collapse:collapse;
    width:100%;
    border:0px none #fff;
    margin-top:0.25em;
    margin-bottom:0.25em;
}*/
.GridHeader
{
        /*border-left: 1px solid #7e9db9 !important;
    border-right: 1px solid #7e9db9 !important;*/
            border-left: 1px solid #cdd0d9!important;
            border-right: 1px solid #cdd0d9 !important;
}
.gridtable tr
{
    border-left:0px solid #cdd0d9;
    border-right:0px solid #cdd0d9 !important;
}
.gridtable th
{
    background: transparent !important ;
    min-height: 24px;
    vertical-align: middle;
    line-height: 24px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    padding: 9px 10px;
    text-transform: capitalize;
border:0px none !important;
    text-shadow: none;
    font-family: 'Lato-Regular';
    text-align: left;
    font-weight:700;

}
#gridOuterDiv .UserGridNoSpace th
{
    padding: 9px 5px !important;
}
#gridOuterDiv .UserGridNoSpace td
{
    padding: 9px 5px !important;
}
.gridtable th a {
    color:#638db7 !important;
    /*font-size:1em !important;*/
    font-weight:normal !important;
}
    .gridtable th a:hover {
        background: none transparent;
        text-decoration:underline;
    }
.gridtable thead tr
    {
         border-left: 0px solid #cdd0d9;
         border-right: 0px solid #7e9db9;
    }
.gridtable .motherTR
{
    border-left: 1px solid #7e9db9;
}
#answerTab td
{
    text-align:left;
}
.gridtable tr {
    background-color: #fff;
    /*border-bottom:1px solid #e3e3e3;
    border-bottom:1px solid #a5bacb;*/
    border-bottom: 1px solid #e7edf6;
    padding: 0px;
    /*color:#5e5e5e;*/
    color: #222;
    /*font-size:0.8em;*/
    border-left: 0px solid #cdd0d9;
    border-right: 0px solid #cdd0d9;
}
.gridtable tr td
{
    /*padding:8px 2px;
    border-right:0px solid #c6d5e1 !important;
    font-size:13px !important;
        padding: 15px 20px;*/
        padding: 9px 10px !important;
    border-right: 0px solid #cdd0d9 !important;
    font-size: 13px !important;
   /* font-size: 12px !important;*/
    border-left: 0px solid #cdd0d9 ;
    font-family: 'Lato-Regular';
    font-weight: normal;
    text-align:left;
    word-break:break-word;
}
.gridtable tr td a
{
    /*color:#32c6ec;*/
    /*color:#638db7;*/
    color:#3a78b6;
    text-decoration:none;
}
    .gridtable tr td a:hover {
        color:#5e5e5e;
        background-color:#fff;
        border-radius:0.2em;
        -moz-border-radius:0.2em;
        -webkit-border-radius:0.2em;
    }
    .gridtable tr td img
    {
        /*margin-top:-1px !important;*/
        margin-top:0px !important;
    }
.gridtable tr .LastTD
{
    /*padding:4px 2px;*/
    padding:4px 10px;
    border-right:1px none #e7f5f7;
    /*width:7%;*/
    min-width:40px;
    max-width:40px;
}
.gridtable tr .LastTDbig
{
    padding:15px 20px;
    border-right:1px none #e7f5f7;
    width:9%;
    min-width:40px;
    max-width:40px;
}
.LastTDbig a
{
    float:right !important;
}
.LastTDbig a img:hover
{
    background-color:transparent !important;
}
.LastTDbig a:hover
{
    float:right;
    background-color:transparent !important;
}
.LastTDbig .delGrid 
{
    float:right !important;
}
.Icon4td{
    width:12% !important;
}
.bigIconSpace
{
    width:40% !important;
}
.gridtable tr .SpaceTD
{
    width:12%;
}
.gridtable tr .bigSpaceTD
{
    width:21%;
}
.gridtable tr .smallTD
{
    width:8%;
}
.gridtable .alternateTR
{
    background-color: #f9f9f9;
}
.gridtable tr:nth-child(odd){ 
		/*background: #f9f9f9;*/
        /*background: #ecf2f6 none repeat scroll 0% 0%;*/
        background: #fff none repeat scroll 0% 0%;

	}
	/*  Define the background color for all the EVEN background rows  */
.gridtable tr:nth-child(even) {
    background: #f8f9fb;
} 
.chatTable tr:nth-child(odd){ 
		/*background: #f9f9f9;*/
        /*background: #ecf2f6 none repeat scroll 0% 0%;*/
        background: #fff none repeat scroll 0% 0% !important;

	}
	/*  Define the background color for all the EVEN background rows  */
.chatTable tr:nth-child(even){
		background: #fff !important;
	}
.gridtable td select {
    /*border: 1px solid #b4c6d4;
    background: #fff;
    color: #333;
    font-size: 1em;
    margin: 2px 0 2px 0;
    padding: 3px 5px;
    width: 90%;
    background:none #fff;
    height:24px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;*/
    /*border: 1px solid #9ac5ff;*/

    border: 1px solid #cdd0d9;
    background: #fdfdfd;
    font-size: 12px;
    margin: 0px !important;
    padding: 8px 5px !important;
    width: 90%;
    background: none #fdfdfd;
    height: auto !important;
    line-height: 20px !important;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #111;
}
.gridtable td select option
{
    border-radius:2px !important;
}

.gridtable tr td span.tooltip {position:absolute;top:30px;left:20px;display:inline;border:2px solid green;}

.itemclass:hover
{
    /*font-size:95%;
    height:120%;*/
    background-color:#c7f7ff !important;
    color:#101010;
    border:1px solid #7e9db9;
    border-left:0px none #fff !important;

}

.ALTitemclass:hover
{
    /*font-size:95%;
    height:120%;*/
    background-color:#c7f7ff !important;
    color:#101010;
    border:1px solid #7e9db9;

}
/*================================== BOOTSTRAP OVERWRITE==========================*/
/**, *:before, *:after {
    -webkit-box-sizing: unset !important;
    -moz-box-sizing: unset !important;
    box-sizing:unset !important
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
       font-family: "Segoe UI",'Lato-Regular' !important;
    font-weight: 700 !important;
    line-height: UNSET!important;
    color: inherit !important;
}*/
.btn {
    display: inline-block;
    padding: 5px 8px 3px !important;
    margin-bottom: 0 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1.428571429 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    background-image: none !important;
    border: 1px solid #7f9db9 !important;
    border-radius: 4px !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
}
.chatSpecialSelectCont {
    padding: 4px 4px 4px 8px !important;
}
.chatSpecialSelectCont table
{
    margin-top:0px !important;
}
.chatSpecialSelectCont table td
{
    padding:0px !important;
}
.multiselect-container .checkbox
{
    float: left;
    line-height: 28px;
}

/*=================== REPORT GRID CSS ==========================================*/
#ReportResult
{
    float:left;
    width:100%;
    min-height:30px;
    padding:0px 0px 10px;
    margin:0px 0px 10px;
    border:0px solid #f00;
}


#reportOuterDiv
{
    float:left;
    width:99.9%;
    border:0px solid #c6d5e1;
    border-collapse:collapse;
    border-radius:0.2em;
    -webkit-border-radius:0.2em;
    -moz-border-radius:0.2em;
padding:0px;
margin:2px 0px;
background-color:#fff;

}
#reportOuterDiv .reportTable
{
    border-collapse:collapse;
    width:100%;
    border:0px none #fff;
    margin-top:0.25em;
    margin-bottom:0.25em;
    /*border-right:1px solid #d4d4d4;
    border-left:1px solid #d4d4d4;*/
}


/*#gridOuterDiv table
{
    border-collapse:collapse;
    width:100%;
    border:0px none #fff;
    margin-top:0.25em;
    margin-bottom:0.25em;
}*/

.reportTable th
{
    /*background: url("../Images/gridHeaderBG.png") left bottom repeat-x #fff;*/
    background: none #F9F9F9;
    min-height:22px;
    vertical-align:middle;
    line-height:22px;
    color:#444;
    font-size:11px;
    font-weight:700;
    padding:1px 2px;
    border-bottom:1px solid #d4d4d4;
    border-top:1px solid #d4d4d4;
    text-transform:uppercase;
}
.reportTable th a {
    color:#638db7 !important;
    font-size:1em !important;
    font-weight:700 !important;
}
    .reportTable th a:hover {
        background: none #fff;
    }
.reportTable tr
{
    /*background-color:#fff;*/
    /*border-bottom:1px solid #e3e3e3;*/
    border-bottom:1px solid #d4d4d4;
    padding:0px;
    color:#444;
    font-size:0.8em;
    border-right:1px solid #d4d4d4;
    border-left:1px solid #d4d4d4;
}
.reportTable tr td
{
    padding:4px;
    
    font-size:11px;
    border-right:1px solid #d4d4d4;
    text-align:left;
}
.dashboardInteractive tr td a
{
    color:#666 !important;
    cursor:pointer;
}
.dashboardInteractive
    {
        max-height:300px;
        overflow:auto;
    }
.reportTable tr td a
{
    color:#32c6ec;
    text-decoration:none;
}
    .reportTable tr td a:hover {
        color:#5e5e5e;
        background-color:#fff;
        border-radius:0.2em;
        -moz-border-radius:0.2em;
        -webkit-border-radius:0.2em;
    }
.reportTable tr .LastTD
{
    padding:4px 2px;
    border-right:0px none #c6d5e1;
    /*width:7%;
    min-width:40px;
    max-width:40px;*/
}

.reportTable .alternateTR
{
    background-color: #f9f9f9;
}
.reportTable tr:nth-child(odd){ 
		/*background: #f9f9f9;*/
        background: #f1f1f1 none repeat scroll 0% 0%;
	}
	/*  Define the background color for all the EVEN background rows  */
.reportTable tr:nth-child(even){
		background: #fff;
	} 
.reportItemclass:hover
{
    /*font-size:95%;
    height:120%;*/
    background-color:#c0c0c0 !important;
    color:#101010;
    border-bottom:0px solid #888;

}
.reportTable th {
    /* background: url(../../Images/gridHeaderBG.png) left bottom repeat-x #fff; */
    background: none #F9F9F9;
    min-height: 22px;
    vertical-align: middle;
    line-height: 22px;
    color: #444;
    font-size: 11px;
    font-weight: 700;
    padding: 1px 2px;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    text-transform: uppercase;
    border-right: 1px solid #d4d4d4;
}
.reportnostyle td {
    padding: 0px !important;
    margin: 0px !important;
}

.reportnostyle table input {
    height: auto !important;
    width: auto !important;
    padding: 0px !important;
    border: 0px none !important;
    margin: 2px !important;
}

#rvSiteMapping_fixedTable input {
    height: auto !important;
    width: auto !important;
    padding: 0px !important;
    border: 0px none !important;
}
.reportMinheightCont
{
    min-height:300px !important;
}


/*==============================================================================*/

/*===============================Report Listing=================================*/

.reportListingContainer
{
    float:left;
    width:100%;
    min-height:10px;
    margin:20px 10px 20px 20px;
    padding:5px;
}
.reportListingContainer ul
{
    float:left;
    width:100%;
    min-height:10px;
    margin:0px 0px 0px 0px;
    padding:0px;
}
.reportListingContainer li
{
    background: #f9f9f9 url("../Images/reportBullet.png") no-repeat scroll 4px 3px;
    min-height: 24px;
    float: left;
    margin: 5px 0px;
    list-style-type: none;
    width: 94%;
    text-transform: uppercase;
    padding: 4px 4px 4px 26px;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    line-height: 23px;
    border-radius:4px;
}
.reportListingContainer li:hover
{
    background-color:#fff;
    border: 1px dashed #c0c0c0;
    
    
    font-weight:600;
}
.reportListingContainer li a
{
    text-decoration:none;
    color:#5e5e5e;
    font-size:12px;
    font-weight:600;
    
}
.reportListingContainer li a:hover
{
    color:#32C6EC;
    font-weight:600;
    font-size:110% !important;
    
}

/*==============================================================================*/

/*===================================DASHBOARD CSS==============================*/

.dashboardContainer
{
    /*float:left;
    width:97%;
    min-height:10px;
    background-color:#ebf5f7;
    border:1px solid #a4bccf;
    padding:20px 20px 0px;
    border-radius:0.2em;
    box-shadow:0px 1px #fff inset;*/
    float: left;
    width: 97%;
    min-height: 10px;
    background-color: transparent;
    border: 0px solid #a4bccf;
    padding: 0px 10px 0px;
    border-radius: 0.2em;
}
.chartContainerFullWidth
{
    float:left;
    width:99%;
    min-height:280px;
    background-color:#fff;
    /*border:1px solid #d4d4d4;*/
    border:0px solid #d4d4d4;
    margin:0px 24px 24px 0px;
    padding:5px 5px 12px 5px;
    text-align:center;
    border-radius:0.2em;
    max-height:280px;
}
.chartContainerSpace
{
    float:left;
    margin-left:200px;

}
.conversationView textarea
{
    /*background-color: rgb(246, 246, 246);
    line-height: 16px;
    margin: 2px 0px !important;*/
        background-color: #f8f8f8;
    line-height: 16px;
    margin: 2px 0!important;
    color: #000;
    font-size: 12px !important;
}
 
.nocommentsContainer {

    min-height: 40px !important;
    background-color: #f9f9f9 !important;

}
.nocomment
{
    float:left;
    font-family: 'Lato-Semibold';
    font-size:16px;
    background: url("../images/nocomment.png") no-repeat scroll left top transparent;
    height:32px;
    line-height:32px;
    color:#888;
    padding-left:38px;
    margin:10px;
    opacity:0.7;

}

.chartTopContainer
{
    float: left;
    /*width: 99%;*/
    min-height: 160px;
    background-color: #fff;
    border: 0px solid #d4d4d4;
    margin: 0px 0px 24px 0px;
    padding: 5px 5px 6px 5px;
    text-align: center;
    border-radius: 0.2em;
    max-height: 862px;
}
.dashedborder
{
    float: left;
    width: 99%;
    /*margin: 0px 5px;*/
        margin: 5px 5px 0px 0px;
    height: 1px;
    border-bottom: 1px dashed #a0a0a0;
    box-shadow: 0px 1px #fff;
}
.msgCentreSeach {
    padding-top: 5px !important;
    margin: 0px 4px !important;
    width: 95.6% !important;
    background: transparent !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-color: #d4d4d4 !important;
    border-bottom: 0px none !important;
    border: 0px none !important;
    box-shadow: none;
}
    .msgCentreSeach select {
        height: auto !important;
        border: 1px solid #cdd0d9 !important;
        background-color: #fff !important;
        margin-bottom: 8px !important;
        padding: 8px 5px !important;
    }
    .msgCentreSeach input {
        border: 1px solid #cdd0d9 !important;
        background-color: #fff !important;
        height: auto !important;
        margin-bottom: 8px !important;
        width: 82% !important;
        padding: 3px 5px !important;
    }
.msgCentreSeach label
{
    text-align:left;
    font-size:13px !important;
    float:left;
}
.msgCentreSeach .searchDropDownBlock 
{
    /*width:16%*/
    width:14%;
    margin-left: 0px !important;
}
.msgCentreSeach .searchButtonBlock
{
    width: 9%;
    margin-top: 18px;
        float: left;
        margin-left:5px;
}
.chartTopContainer .headerConversation
{
    color: #111/*{fcHeader}*/;
    font-weight: bold;
    border: 1px solid #cdd0d9;
    box-shadow: none !important;
    background: -webkit-linear-gradient(#e9eaed, #e9eaed) !important;
    background: -o-linear-gradient(#e9eaed, #e9eaed) !important;
    background: -moz-linear-gradient(#e9eaed, #e9eaed) !important;
    background: linear-gradient(#e9eaed, #e9eaed) !important;
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: bold;
    /*text-shadow: 0px 1px #000;
     font-family: "Segoe UI",'Open Sans', Verdana, Helvetica, Sans-Serif !important;*/
    font-family: 'Lato-Semibold';
     word-spacing: 1px;
   
    text-align:left;
        border-radius: 2px;
    padding: 12px 6px;
    margin-bottom:10px;
}
.chatSectionTotalHeader
{
    width: 99.5% !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin-bottom: 4px !important;
    box-shadow: 0px 1px #d4d4d4 inset;
    background: -webkit-linear-gradient(#777777, #888888) !important;
    background: -o-linear-gradient(#777777, #888888) !important;
    background: -moz-linear-gradient(#777777, #888888) !important;
    background: linear-gradient(#777777, #888888) !important;
}

.msgContainerBox
{
        padding-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 2px !important;
}
.conversationContainer
{
    /*float:left;
    width: 48%;
    min-height: 200px;
    background-color: #f8f8f8;
    border: 1px solid #d4d4d4; 
    border: 1px solid #e4e4e4;
    margin: 10px 10px 24px 2px;
    padding: 5px 5px 12px 5px;
    text-align:center;
    border-radius:0.2em;
    max-height:200px;
    overflow-y:scroll;
    overflow-x:hidden;*/

    float: left;
    /*width: 93.04%;*/
     width: 90%;
    min-height: 490px;
    background-color: transparent;
    border-right: 0px solid #e4e4e4;
    border-bottom: 0px solid #d4d4d4;
    border-top: 0px solid #d4d4d4;
    margin: 0px 0px 5px 5px;
    padding: 0px 2px 10px 0px;
    text-align: center;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 0px;
    max-height: 150px;
    /* overflow-y: scroll; */
    overflow: hidden;

}
.conversationTree {
    width: 100px;
    margin: 0px 0px 4px 12px;
    padding: 5px 2px 5px 14px;
    list-style-image: none;
    list-style-type: none;
    float: left;
    text-align: left;
    background-color: transparent;
    /* min-height: 155px;
    min-height: 722px; */
    min-height: 492px;
    border-left: 0px solid #d4d4d4;
    border-bottom: 0px solid #d4d4d4;
    border-top: 0px solid #d4d4d4;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0px;
        border-right: 1px solid #e2e2e2;
    margin-left: 5px;
}
.conversationTree a
{
    padding-left:22px;
    font-size:10px;
    font-family: 'Lato-Semibold';
    /*color:#52677b;*/
    color:#333;
    text-transform:capitalize;
    margin-bottom: 4px;
    line-height:18px;
}
.conversationBold
{
    /*font-weight:600 !important;*/
    font-family: 'Lato-Bold' !important;
}
.conversationTree .msgSent
{
    background:url(../../Images/msgSent.png) 0px top no-repeat transparent;
    /*width:20px;
    height:17px;*/
    float:left;
}
.conversationTree .msgSent:hover
{
    background:url(../../Images/msgSent.png) 0px -24px no-repeat transparent;
}
.conversationTree .msgN
{
    background:url(../../Images/msgN.png) 0px top no-repeat transparent;
    /*width:20px;
    height:17px;*/
    float:left;
}
.conversationTree .msgN:hover
{
    background:url(../../Images/msgN.png) 0px -24px no-repeat transparent;
}
.conversationTree .msgRcvd
{
    background:url(../../Images/msgRcvd.png) 0px top no-repeat transparent;
    /*width:20px;
    height:17px;*/
    float:left;
}
.conversationTree .msgRcvd:hover
{
    background:url(../../Images/msgRcvd.png) 0px -24px no-repeat transparent;

}
.conversationTree li
{
    padding:2px 0px !important
}
.msgSelection
{
    background-color: #4a99ac !important;
    border: 1px solid #4a99ac !important;
    border-radius: 2px !important;
    color: #fff !important;
}
.conversationContainerScroller
{
    padding:0px 0px 2px;
    width:100%;
    /*min-height:150px;
    min-height:690px;*/
    min-height:492px;
    max-height:131px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.conversationContainerRight
{
    /*margin-right:0px !important;
    width:49% !important;*/
    margin-right: 0px !important;
    width: 99% !important;
    margin-top: 0px;
    min-height: 180px;
}
.replyContainer
{
    /*background: #d6e5f4;
    background: -webkit-linear-gradient(#fff,#d6e5f4);
    background: -o-linear-gradient(#fff,#d6e5f4);
    background: -moz-linear-gradient(#fff,#d6e5f4);
    background: linear-gradient(#fff,#d6e5f4);
    border: 1px solid #7e9db9;
    border-radius: 4px;
    float: left;
    width: 99.8% !important;
    padding: 10px 4px 10px 0px;
    height: 198px;
    overflow-y: scroll;*/

    background: none transparent;
    background: -webkit-linear-gradient(#fff,#d6e5f4);
    background: -o-linear-gradient(#fff,#d6e5f4);
    background: -moz-linear-gradient(#fff,#d6e5f4);
    background: transparent;
    border: 0px solid #7e9db9;
    border-radius: 0px;
    float: left;
    width: 99% !important;
    padding: 0px 4px 0px 0px;
    height: 198px;
    overflow-y: scroll;
    border-bottom: 1px solid #cdd0d9;
    margin-right: 0px !important;
}
.replyContainer textarea
{
    /*border: 1px solid #7f9db9;
    background: #fdfdfd;
    color: #333;
    margin: 8px 0 4px 4px!important;
    padding: 2px 5px!important;
    width: 98%;
    background: none #fdfdfd;
    min-height: 50px!important;
    line-height: 20px!important;
    border-radius: .2em;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    color: #000;
    resize: vertical;
    font-size: 12px!important;
    float:left;
    min-height:50px !important;*/
    border: 1px solid #e2e2e2;
    background: #fdfdfd;
    color: #333;
    margin: 8px 0 10px 0px !important;
    padding: 2px 5px!important;
    width: 97.2%;
    background: none #fdfdfd !important;
    min-height: 50px!important;
    line-height: 20px!important;
    border-radius: .2em;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    color: #000;
    resize: vertical;
    font-size: 12px!important;
    float: left;
    min-height: 50px !important;
    border-radius: 0px;

}
.mailReplyLine
{
    float:left;
    width:99%;
    min-height:20px;
    margin-left: 0px;
}
.mailReplyLine .FormButtonGrey
{
    margin-right: 10px !important;
}
.mailReplyLine .lblSmall
{
    /*float:left;
    width:10%;
    color:#3a78bc;
     font-family: 'Lato-Semibold';
     font-size:11.4px;
     text-align:right;*/
    /*float: left;
    width: 6%;
    color: #fff;
    font-family: 'Lato-Semibold';
    font-size: 11.4px;
    text-align: right;
    margin-left: 4px;
    background-color: #7e9db9;
    margin: 1px 4px;
    padding: 4px;
    border-radius: 3px;
    line-height: 20px;
    text-align:left;
    border:1px solid #7e9db9;*/

   float: left;
    width: 6%;
    color: #000;
    font-family: 'Lato-Semibold';
    font-size: 11.4px;
    text-align: right;
    margin-left: 4px;
    background-color: transparent;
    margin: 1px 0px;
    padding: 4px 0px;
    border-radius: 0px;
    line-height: 20px;
    text-align: left;
    border: 0px solid #7e9db9;
    box-shadow: none;
    border-bottom: 1px solid #cdd0d9;

}
.mailReplyLine .lblbig
{
    /*float:left;
    width:89%;
    color:#333;
     font-family: 'Lato-Semibold';
     font-size:11.4px;
     text-align:left;
     padding-left:4px;*/
    /*float: left;
    width: 90.7%;
    color: #000;
    font-family: 'Lato-Semibold';
    font-size: 11.4px;
    text-align: left;
    padding: 4px;
    background-color: #fff;
    margin: 1px 4px;
    line-height: 20px;
    border-radius: 3px;
    opacity: 1;
    border:1px solid #7f9db9;
    min-height:20px;*/
    float: left;
    width: 91.6%;
    color: #000;
    font-family: 'Lato-Regular';
    font-size: 13px;
    text-align: left;
    padding: 4px;
    background-color: #fff;
    margin: 1px 13px 1px 0px;
    line-height: 20px;
    border-radius: 0px;
    opacity: 1;
    border: 0px solid #7f9db9;
    min-height: 20px;
    border-bottom: 1px solid #cdd0d9;
}
.mailReplyLine .lblMid
{
    /*width:40.35% !important;*/
    width:41% !important;
}

.chartContainer
{
    float:left;
    width:48%;
    min-height:380px;
    background-color:#fff;
    /*border:1px solid #d4d4d4;*/
    border:0px solid #d4d4d4;
    /*margin:0px 24px 24px 0px;*/
    margin:0px 32px 24px 0px;
    padding:5px 5px 12px 5px;
    text-align:center;
    border-radius:0.2em;
    max-height:380px;
}
.chartContainerRight
{
    float: left;
    width: 47.6%;
    min-height: 380px;
    background-color: #fff;
    /*border: 1px solid #d4d4d4;*/
    border:0px solid #d4d4d4;
    margin: 0px 0px 20px 0px;
    padding: 5px 5px 12px 5px;
    text-align: center;
    border-radius: 0.2em;
    max-height: 380px;
}
.chartContainerFullWidth h6 {
     border: 0px solid #D4D4D4 !important;
    padding: 3px 0px 3px 10px !important;
    text-align:left !important;
}
.dashboardContainer h6
 {
    margin: 0px 0px 5px;
    font-weight: 700;
    color: #666;
    text-transform: uppercase;
    border: 1px solid #D4D4D4;
    padding: 3px 0px;
    background-color: #F6F6F6;
    border-radius: 0.2em;
    min-height: 24px;
    line-height: 24px;
    /*font-family: "Lato-Regular";*/
    box-shadow: 0px 1px #FFF inset;
    font-size: 12px;
    letter-spacing: 1px;
    text-shadow: 0px 1px rgb(255, 255, 255);
}
.dashboardSelectorContainer
{
    float:right;
    background-color:#f2f2f2;
    padding:6px 10px;
    border-radius:3px;
}
.dashboardSelectorContainer select
{
    float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 2px 2px;
font-size: 11.5px;
color: #777 !important;
margin: 0px 0px 0px 3px !important;
}
.msgNotifyCont {
    float: right;
    width: 27px;
    height: 30px;
    /*margin-top: 11px;*/
    margin-top: 9px;
    margin-right: 0px;
}
.msgNotifyCircle
{
    background:url(../../Images/bell.svg) left top no-repeat transparent;
    width:27px;
    height:26px;
    float:left;
    /*background-color:#f00;*/
    margin-left:4px;
    /*border-radius:50%;*/
    transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition:background-color 0.3s ease;
        cursor:pointer;
       /* filter:invert(1)*/
}
    .msgNotifyCircle:hover {
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
    .MsgnotificationIcon {
        /*width: 10px;*/
        width: 15px;
        height: 9px;
        float: right;
        padding: 4px 4px 4px 3px;
        border-radius: 50%;
        color: #fff;
        background-color: #eb050a;
        font-size: 9px;
        text-align: center;
        position: relative;
        margin-top: -5px;
        /*margin-right: -4px;*/
        margin-right: -8px;
        /* box-shadow: 0px 0px 0px 2px #fff; */
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
        line-height: 9px;
        box-sizing: unset !important;
    }
.textAreaReadOnly
{
    background-color:#f1f1f1 !important;

}

/*==============================================================================*/
.loopcount
{


       /*background: url(../../Images/qcfailloop4.png) no-repeat left top transparent !important;
    width: 21px;
    height: 13px;
    margin-left: 2px;
    padding: 10px 5px 1px 10px;
    border-radius: 6px;
    color: #000;
    font-size: 10px;
    font-weight: 600;
    float: left;
    line-height: 11px;
    letter-spacing: -1px;
    box-shadow: 0px 0px #999 inset;
    border: 0px solid #222;
    margin-top: -5px;
    text-align: left;*/

        /*background: url(../../Images/qcfailloop2.png) no-repeat left top transparent !important;
        width: 23px;
    height: 20px;
    margin-left: 5px;
    padding: 3px 6px 1px 14px;
    border-radius: 6px;
    color: #e30303;
    font-size: 10px;
    font-weight: 600;
    float: left;
    line-height: 11px;
    letter-spacing: -1px;
    box-shadow: 0px 0px #999 inset;
    border: 0px solid #222;
    margin-top: -1px;
    text-align: left;*/

        background: url(../../Images/qcfailloop3.png) no-repeat left top transparent!important;
    width: 21px;
    height: 20px;
    margin-left: 2px;
    padding: 3px 5px 1px 12px;
    border-radius: 6px;
    color: #000;
    font-size: 10px;
    font-weight: 600;
    float: left;
    line-height: 11px;
    letter-spacing: -1px;
    box-shadow: 0 0 #999 inset;
    border: 0 solid #222;
    margin-top: 0;
    text-align: left;

}
.gridtable .statusTDwithloopcont
{
        padding: 10px 0px 5px 7px !important;
}
.statusTDwithloopcont img
{
    float:left
}
/*.qcloopContainer
{
    float:left;
    background-color:#f6f6f6;
    border:1px solid #222;
    padding:2px 4px;
    border-radius:4px;
}*/
#btnsaveprog
{
    float:right;
}

.ALTitemclass
{
    
    background-color:#FFF !important;
    border-bottom:1px dashed #d4d4d4;

}
.addlistItem {
    background: url(../../Images/noteIcon.svg) no-repeat left top transparent !important;
    width: 16px;
    height: 23px;
    float: left;
    margin-right: 4px;
    cursor: pointer;
    box-shadow: none !important;
    filter: grayscale(100%);
    margin-top: -4px;
}
.addlistItem:hover {
    /*background: url(../../Images/noteIcon.png) no-repeat left -24px transparent !important;*/
    background: url(../../Images/noteIcon.svg) no-repeat left top transparent !important;
    box-shadow:none !important;
    filter:grayscale(0%);
}
.editGrid {
    /*width:16px;
    height:16px;
    float:left;
    margin-right:2px;
    cursor:pointer;
    box-shadow:none !important;
        margin-bottom: 4px;*/

    background: url(../../Images/edit4.svg) no-repeat left top transparent !important;
    width: 24px !important;
    height: 24px !important;
    float: left !important;
    margin: 0px 4px 0px 0px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    filter: grayscale(0%);
    box-sizing: border-box !important;
}
    .editGrid:hover {
        background: url(../../Images/edit4.svg) no-repeat left top transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.darkSection .editGrid {
    margin-right: 1px !important;
}
.tdfor3Icons .editGrid {
    box-sizing: unset !important;
}
.LastTDbig .editGrid {
    box-sizing: unset !important;
}
.addTree {
    /*background: url(../../Images/delete3.svg) no-repeat left top transparent !important;
    width: 20px !important;
    height: 20px !important;
    float: left !important;
    margin: -2px 4px 0px 0px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    filter: grayscale(0%);
    background-size: 20px 20px !important;
    box-sizing: border-box !important;*/
    background: url(../../Images/del2.svg) no-repeat left top transparent !important;
    width: 26px !important;
    height: 26px !important;
    float: left !important;
    margin: 0px 0px 0px -2px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    filter: grayscale(0%);
    background-size: 26px 26px !important;
    box-sizing: border-box !important;
}

    .addTree:hover {
        background: url(../../Images/del2.svg) no-repeat left top transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.changeStatus {
    /*background: url(../../Images/chngStat.png) no-repeat left top transparent !important;
    width:16px;
    height:16px;
    float:left;
    margin-right:2px;
     cursor:pointer;
     box-shadow:none !important;*/
     background: url(../../Images/chngStat2.svg) no-repeat left top transparent !important;
     width: 22px !important;
    height: 20px !important;
    float:left !important;
    margin:0px 4px 0px 0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    filter: grayscale(100%);
}
.changeStatus:hover {
    background: url(../../Images/chngStat2.svg) no-repeat left top transparent !important;
box-shadow:none !important;
 filter: grayscale(0%);
}

/*.changeStatus:hover {
    background: url(../../Images/chngStat.png) no-repeat left -24px transparent !important;

}*/

.chPasswordNA {
    background: url(../../Images/chpass.png) no-repeat left top transparent !important;
    width:16px;
    height:16px;
    float:left;
    margin-right:2px;
     cursor:pointer;
}
.chPassword {
    background: url(../../Images/chpass.svg) no-repeat left top transparent !important;
    width:18px;
    height:20px;
    float:left;
    margin-right:5px;
     cursor:pointer;
}
.chPassword:hover {
    background: url(../../Images/chpass.svg) no-repeat left top transparent !important;
     cursor:pointer;
     filter:contrast(160%) brightness(100%);
}
.editGrid img
    {
        width:16px;
        height:16px;
        border:0px none #fff;
    }
.processwarning 
{
background: url(../../Images/Process-Warning.png) no-repeat left top transparent !important;
    width:16px !important;
    height:16px !important;
    float: right !important;
margin-right: 8px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
}
.permission
{
    background: url(../../Images/permission.png) no-repeat left top transparent !important;
    width:20px !important;
    height:20px !important;
    float:right !important;
    margin-left:2px !important;
    margin-right:3px;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.permission:hover
{
    background: url(../../Images/permission.png) no-repeat left -40px transparent !important;
    width:20px !important;
    height:20px !important;
    float:right !important;
    margin-left:2px !important;
    margin-right:3px;
    border:0px none #fff !important;
    cursor:pointer !important;
     box-shadow:none !important;
}

.viewMember {
    background: url(../../Images/Vmember.svg) no-repeat left top transparent !important;
width: 20px;
    height: 19px;
    float: left;
    margin-right: 2px;
    cursor: pointer !important;
    filter: grayscale(100%);
    /* opacity: 0.8; */
    margin-top: 1px;
}
.viewMember:hover {
    background: url(../../Images/Vmember.svg) no-repeat left top transparent !important;
    filter: grayscale(0%);
}
.delGrid {
    /*background: url(../../Images/cross-script.png) no-repeat left top transparent !important;*/
    background: url(../../Images/del2.svg) no-repeat left top transparent !important;
    /*width: 17px !important;
     height: 16px !important; */
    width: 24px !important;
    height: 26px !important;
    float: left !important;
    margin: -1.5px 4px 0px 2px !important;
    /*    margin:0px 4px 0px 2px !important;*/
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    /*    filter: grayscale(0%);*/
}
    .delGrid:hover {
        /*background: url(../../Images/cross-script.png) no-repeat left -16px transparent !important;*/
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
    .delGrid img
    {
        width:16px;
        height:16px;
        border:0px none #fff;
    }
    .colorcont .delGrid
    {

    }
.ansIconContainer .delGrid
{
    box-sizing:border-box !important;
}

.attachHistory {
    /*background: url(../../Images/cross-script.png) no-repeat left top transparent !important;*/
    background: url(../../Images/attachHistory.svg) no-repeat left top transparent !important;
    /*width: 17px !important;
     height: 16px !important; */
    width: 18px !important;
    height: 20px !important;
    float: left !important;
    margin: 0px 0px 0px 2px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    filter: grayscale(100%);
}
.attachHistory:hover {
    /*background: url(../../Images/cross-script.png) no-repeat left -16px transparent !important;*/
    box-shadow:none !important;
    background: url(../../Images/attachHistory.svg) no-repeat left top transparent !important;
    filter: grayscale(0%);
}
.deleteiconPos a
{
    margin-top: 6px !important;
}
.blankImgLink {
    background: url(../../Images/blankImg.png) no-repeat left top transparent !important;
    width:16px !important;
    height:16px !important;
    float:left !important;
    margin-left:2px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
}
.blankImgLink:hover {
    background: url(../../Images/blankImg.png) no-repeat left -16px transparent !important;
    width:16px;
    height:16px;
    float:left;
    margin-left:2px;
    border:0px none #fff;
    cursor:pointer;
}
    .blankImgLink img
    {
        width:16px;
        height:16px;
        border:0px none #fff;
    }


    /*======================================= Audit Template Answer Options ============================================*/
    .defAnsGrid {
    background: url(../../Images/defAnsD.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
    margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }
    .defAnsfalse {
    background: url(../../Images/defAnsD.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
    margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

     .defAnsEnabledGrid {
        background: url(../../Images/defAnsG.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

     .defAnstrue {
        background: url(../../Images/defAnsG.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }
     .commentRequiredClass {
    background: url(../../Images/reqComD.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

     .commentRequiredfalse {
    background: url(../../Images/reqComD.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

     .commentRequiredtrue {
      background: url(../../Images/reqComG.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

     .commentRequiredEnabledClass {
        background: url(../../Images/reqComG.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

     .criticalErrorClass {
    background: url(../../Images/criErrD.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

     .criticalErrorEnabledClass {
        background: url(../../Images/criErrG.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

       .criticalErrorfalse {
    background: url(../../Images/criErrD.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

        .criticalErrortrue {
        background: url(../../Images/criErrG.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

      .ansCalcuationClass {
    background: url(../../Images/calScD.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
    margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

     .ansCalcuationEnabledClass {
        background: url(../../Images/calScG.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;

    }

     .ansCalcuationfalse {
    background: url(../../Images/calScD.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
    margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

      .ansCalcuationtrue {
        background: url(../../Images/calScG.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;

    }

         .ansRootCauseClass {
    background: url(../../Images/rootD.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

     .ansRootCauseEnabledClass {
        background: url(../../Images/rootG.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

        .ansRootCausefalse {
    background: url(../../Images/rootD.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

         .ansRootCausetrue {
        background: url(../../Images/rootG.svg) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
     margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }
   
     /*======================================= Audit Template Answer Options ============================================*/

/*======================================= Custom Field Orientation ============================================*/
.minitext
{
    clear: both;
    float: left;
    line-height: 30px;
    margin-left:10px;
}
.spaceTop
{
    margin-top:20px !important;
}
#normalFlowTop .scch2 {
    background-color: #fdfdfd !important;
    width: 100% !important;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    margin-top: -5px !important;
    margin-bottom: 30px !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}
#normal .formLineDiv
{
    float:left !important;
}
.customFieldContainer
{
    /*background-color:#e0e0e0;
    border-radius:4px;
    min-width:280px;
    float:left;
    max-width: 23.45%;
    padding:0px 5px 5px;
    margin:10px 10px 10px 0px;
    border:1px solid #d4d4d4;*/
   background-color: #e4e4e4;
    border-radius: 4px;
    min-width: 280px;
    float: left;
    max-width: 21%;
    padding: 10px 10px 15px;
    margin: 10px 13px 10px 13px;
    border: 1px solid #e2e2e2;
}
.customFieldContainer input
{
    border: 1px solid #cdd0d9 !important;
    height: 24px !important;
    line-height: 24px !important;
    color: #111 !important;
}
.customFieldContainerHead
{
    float:left;
    min-height:22px;
    width:100%
}
.customFieldContainerHead label
{
    /*font-size: 11px;
font-weight: 700;
color: #111;
line-height: 22px;
float: left;
vertical-align: middle;
margin: 0px;
padding: 0px;*/
        font-size: 13px;
    font-weight: 700;
    color: #111;
    line-height: 22px;
    float: left;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    font-family: 'Lato-Regular';
}
/*==============================================================================================================*/
.innerHeader
{
    background: url("../Images/innerHeader.png") center bottom no-repeat;
    height:83px;
    width:960px;
    padding:0px;
    margin:0px;
}

#body {
    /*background-color: #efeeef;*/
    background-color: #fff;
    clear: both;
    padding-bottom: 85px;
    /*min-height:800px;*/
}
.hrStyle
{
    margin: 0px !important;
    border: 0;
    border-top: 1px solid #aaa !important;
}

    .main-content {
        /*background: url("../Images/accent.png") no-repeat;*/
        padding-left: 10px;
        padding-top: 5px;
    }

    .featured + .main-content {
        background: url("../Images/heroAccent.png") no-repeat;
    }

header .content-wrapper {
    padding-top: 0px; 
}

footer {
    clear: both;
    /*background-color: #e2e2e2;*/
    font-size: .8em;
    height: 40px;
}

/*============================= form Grid Table ========================================================*/
#FormgridOuterDiv
{
    float:left;
    width:99.6%;
    border:0px solid #c6d5e1;
    border-collapse:collapse;
    border-radius:0.2em;
    -webkit-border-radius:0.2em;
    -moz-border-radius:0.2em;
padding:0px;
margin: 0px 2px 2px;
/*background-color:#fff;*/

}
.ansSetupTable 
{
   Padding:0px;
   margin:10px 0px 5px 0px;
   border:1px solid #a2a2a2;
   background-color:#fff;
   border-radius:0.2em;
   -moz-border-radius:0.2em;
   -webkit-border-radius:0.2em;
   float:left;
   width:99.8%;
   margin:4px 0px;
}
#FormgridOuterDiv .formgridtable
{
    border-collapse:collapse;
    width:100%;
    border:0px none #fff;
    margin-top:0.25em;
    margin-bottom:0.25em;
}
.formgridtable input
{
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 1em;
    margin: 5px 0 6px 0;
    padding: 2px 3px;
    width: 96%;
    background:none #fdfdfd;
    height:22px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
}

/*#gridOuterDiv table
{
    border-collapse:collapse;
    width:100%;
    border:0px none #fff;
    margin-top:0.25em;
    margin-bottom:0.25em;
}*/
.formgridtable
{
    width:99%;
}
.table-slaheader
{
    border-bottom: 1px solid #e2e2e2;
    color: #222;
    font-size: 13px;
    font-family: 'Lato-Semibold';
}
.formgridtable th
{
    /*background: url("../Images/gridHeaderBG.png") left bottom repeat-x #fff;*/
    background: none #fff;
    min-height:24px;
    vertical-align:middle;
    line-height:24px;
    color:#638db7;
    font-size:1em;
    font-weight:bold;
    padding:4px 2px;
    border-bottom:1px solid #c0c0c0;
    border-top:1px solid #c0c0c0;
    text-transform:uppercase;
    min-width:25%;
}
.formgridtable th a {
    color:#638db7 !important;
    font-size:1em !important;
    font-weight:700 !important;
}
    .formgridtable th a:hover {
        background: none #fff;
    }
.formgridtable tr
{
    background-color:#fff;
    border-bottom:1px solid #e3e3e3;
    padding:0px;
    color:#5e5e5e;
    font-size:0.8em;
}
.formgridtable tr td
{
    padding:8px 7px;
    border-right:0px solid #c6d5e1 !important;
     font-size:12px;
}
.formgridtable tr td a
{
    color:#32c6ec;
    text-decoration:none;
}
    .formgridtable tr td a:hover {
        color:#5e5e5e;
        background-color:#fff;
        border-radius:0.2em;
        -moz-border-radius:0.2em;
        -webkit-border-radius:0.2em;
    }
.formgridtable tr .LastTD
{
    padding:4px 2px;
    border-right:0px none #c6d5e1;
    /*width:7%;*/
    min-width:40px;
    max-width:40px;
}
.formgridtable tr .SpaceTD
{
    width:12%;
}
.formgridtable tr .bigSpaceTD
{
    width:21%;
}
.formgridtable tr .smallTD
{
    width:8%;
}
.formgridtable .alternateTR
{
    background-color: #f9f9f9;
}
.formgridtable tr:nth-child(odd){ 
		background: #f9f9f9;
	}
	/*  Define the background color for all the EVEN background rows  */
.formgridtable tr:nth-child(even){
		background: #fff;
	} 
.formgridtable td select
{
    border: 1px solid #b4c6d4;
    background: #fff;
    color: #333;
    font-size: 1em;
    margin: 2px 0 2px 0;
    padding: 3px 5px;
    width: 90%;
    background:none #fff;
    height:24px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
}


/*======================================= My Account Page Styles ======================================*/
.profileViewContainer
{
    float:left;
    width:240px;
    min-height:10px;
    background-color:#ebf5f7;
    border:1px solid #b4d2e9;
    padding:10px;
    border-radius:0.2em;
    box-shadow:0px 1px #fff inset;
}
.porfileBigImageCont
{
    float: left;
    width: 240px;
    height: 260px;
    background-color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;

}
.profileImage
{
   float: left;
width: 240px;
height: 260px;
margin: 0px;
border-radius: 4px;
margin-top: -80px;
}
.profileNameTrns
{background: url("../Images/blackTrns.png") left top transparent;
width: 240px;
height: 80px;
position: relative;
left: 0px;
top: 180px;
z-index: 999999;
display: block;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
}
.profileNameTrns h2
{
    color: #c4c4c4;
font-size: 18px;
font-family: 'Lato-Semibold';
float: left;
padding: 12px 10px 2px;
margin: 0px;
background: none !important;
text-transform: capitalize;
width: 200px;
min-height:20px;
height:auto;
text-align:left

}
.profileNameTrns h4
{
    color: #fff;
font-size: 11px;
font-family: 'Lato-Regular';
float: left;
padding: 0px 10px;
margin: 0px;
background: none !important;
text-transform: capitalize;
width: 200px;
font-weight:500;
text-transform:uppercase;
text-align:left;
}
.subscriptionDetails
{
    width: 99%;
float: left;
border-radius: 4px;
background-color: #fff;
/*box-shadow: 0px 1px 1px #d4d4d4 inset;
border: 1px solid #b4d2e9;*/
min-height: 50px;
margin-top: 20px;
font-family: 'Lato-Regular';
padding-bottom:15px;
}

.subscribe {
    background: url("../Images/pin.png") left top no-repeat transparent !important;
}
.date {
    background: url("../Images/date.png") left top no-repeat transparent !important;
}
    .subscriptionDetails h1 {
        
height: 40px;
color: #444;
font-size: 14px;
font-family: 'Lato-Semibold' !important;
float: left;
padding: 0px 0px 0px 48px;
margin: 0px;
text-transform: uppercase;
width: 200px;
line-height: 48px;
font-weight: 500;

    }
    .subscriptionDetails span
    {
        float: left;
color: #00B4ED;
font-size: 11px;
margin: 2px 4px 0px;
padding: 0px 0px 0px 48px;
width: 74%;
line-height: 18px;
text-transform: uppercase;
font-weight: 500;

    }
.spanAddr
{
    color:#666 !important;
}
.rightSideContainerOuter
{
    float:left;
    width:77%;
    margin:0px 0px 20px 20px;
    min-height:20px;
}
.rightSideContainer
{
    float:left;
    width:100%;
    margin:0px 0px 20px 0px;
    background-color:#f6f6f6;
    border-radius:4px;
    min-height:200px;
}
.rightSideContainer h1
{
    font-family: 'open_sanslight';
font-size: 30px;
padding: 15px 20px 5px 0px;
margin: 0px 20px 0px 20px;
float: left;
color: #32c6ec;
width: 93%;
text-transform: capitalize;
font-weight: 400;
border-bottom: 1px solid #e0e0e0;
box-shadow: 0px 1px #fff;
}
.profileLinksContainer
{
    padding: 15px 20px 5px 0px;
margin: 0px 20px 0px;
float: left;
color: #32c6ec;
width: 93%;
}
.profileLinks
{
    width:128px;
    height:128px;
    /*background-color:#32c6ec;*/
    text-align:left;
    color:#fff;
    padding:5px;
    /*line-height:128px;*/
    float:left;
    margin:10px 10px 10px 18px;
    font-size:14px;
    font-family: 'Lato-Regular';
    border-radius:4px;
    font-weight:500;
    text-transform:uppercase;
    cursor:pointer;
    transition:background-color 0.3s ease;
    border:1px solid #32c6ec;

}
.profileLinks:hover {
    background-color:#fff;
    color:#32c6ec !important;
    transition:background-color 0.3s ease;
    border:1px dashed #32c6ec;
}
.profileLinks a
{
    float:left;
    text-align:left;
    color:#fff;
    text-decoration:none;
    padding-top:90px;
    width:128px;
    height:38px;
    
}
.profileLinks a:hover
{

    color:#32c6ec !important;
}
.profileLinksSecTop
{
    width:128px;
    height:128px;
    /*background-color:#32c6ec;*/
    text-align:left;
    color:#fff;
    padding:5px;
    /*line-height:128px;*/
    float:left;
    margin:10px 10px 10px 18px;
    font-size:14px;
    font-family: 'Lato-Regular';
    border-radius:4px;
    font-weight:500;
    text-transform:uppercase;
    cursor:pointer;
    transition:background-color 0.3s ease;
    border:1px dashed #32c6ec;

}
.profileLinksSecTop:hover {
    background-color:#32c6ec;
    color:#fff !important;
    transition:background-color 0.3s ease;
    border:1px solid #32c6ec;
}
.profileLinksSecTop a
{
    float:left;
    text-align:left;
    color:#32c6ec;
    text-decoration:none;
    padding-top:90px;
    width:128px;
    height:38px;
    
}
.profileLinksSecTop a:hover
{

    color:#fff !important;
}
.upgrade
{
    float:left;
    background: url("../Images/upgrade.png") left 30px no-repeat #32c6ec !important;
    cursor:pointer;
    transition:background-color 0.5s ease;
}
.upgrade:hover {
    background: url("../Images/upgrade.png") left -138px no-repeat #fdfdfd !important;
    transition:background-color 0.5s ease;
}
.manage
{
    float:left;
    background: url("../Images/manage.png") left 30px no-repeat #32c6ec !important;
    cursor:pointer;
    transition:background-color 0.5s ease;
}
.manage:hover {
    background: url("../Images/manage.png") left -138px no-repeat #fdfdfd !important;
    transition:background-color 0.5s ease;
}
 .editSub
{
    float:left;
    background: url("../Images/editSub.png") left 30px no-repeat #32c6ec !important;
    cursor:pointer;
    transition:background-color 0.5s ease;
}
.editSub:hover {
    background: url("../Images/editSub.png") left -138px no-repeat #fdfdfd !important;
    transition:background-color 0.5s ease;
}

.bell
{
    float:left;
    background: url("../Images/bell.png") left 30px no-repeat #32c6ec !important;
    cursor:pointer;
    transition:background-color 0.5s ease;
}
.bell:hover {
    background: url("../Images/bell.png") left -138px no-repeat #fdfdfd !important;
    transition:background-color 0.5s ease;
}
.editprofile
{
    float:left;
    background: url("../Images/profile.png") left -138px no-repeat #fdfdfd !important;
    cursor:pointer;
    transition:background-color 0.5s ease;
}
.editprofile:hover {
    background: url("../Images/profile.png") left 30px no-repeat #32c6ec !important;
    transition:background-color 0.5s ease;
}
.billing
{
    float:left;
    background: url("../Images/billing.png") left -138px no-repeat #fdfdfd !important;
    cursor:pointer;
    transition:background-color 0.5s ease;
}
.billing:hover {
    background: url("../Images/billing.png") left 30px no-repeat #32c6ec !important;
    transition:background-color 0.5s ease;
}


/*=====================================================================================================*/







/*=================== Standard comment inside grid ====================================================*/
.formSteps1
{
    /*background-color: #D0D0D0;
    border: 1px solid #b2b2b2;
    padding: 10px;
    width: 97.3%;
    float: left;
    margin: 0px 10px 10px 5px;
    min-height: 100px;
    border-radius:4px;*/

    background-color: #fafafa;
    border: 0px solid #b2b2b2;
    padding: 10px;
    width: 97.3%;
    float: left;
    margin: 0px 10px 10px 8px;
    min-height: 100px;
    border-radius: 2px;
}
.step1Lbl
{
    float:left;
    text-align:right;
    width:29.5%;
    min-height:20px;
    padding:0px;
    margin:2px 5px 0px 0px
}
    .step1Lbl label
    {
        /*font-size:0.95em;*/
        font-size: 13px;
    color: #000;
    float: right;
    line-height: 28px;
    vertical-align: middle;
    font-family: 'Lato-Semibold';
    }
.step1Input
{
    width:64.5% !important;
}
.step1Select
{
    width:66% !important;
}
.step1field
{
    float:left;
    text-align:left;
    width:69.2%;
    min-height:20px;
    padding:0px;
    margin:0px 0px 0px 5px
}
.step2field
{
    float:left;
    text-align:left;
    width:69.7%;
    min-height:20px;
    padding:0px;
    margin:0px 0px 0px 5px
}
.step3field
{
    float:left;
    text-align:left;
    width:68.7%;
    min-height:20px;
    padding:0px;
    margin:0px 0px 0px 5px
}
.formSteps2
{
    /*background-color: #D9D9D9;
    border: 1px solid #c2c2c2;
    padding: 10px;
    width: 97.3%;
    float: left;
    margin: 0px 10px 10px 5px;
    min-height: 100px;
    border-radius:4px;*/

        background-color: #f6f6f6;
    border: 0px solid #c2c2c2;
    padding: 10px;
    width: 97.3%;
    float: left;
    margin: 0px 10px 10px 7px;
    min-height: 100px;
    border-radius: 2px;
}
.step2Lbl
{
    float:left;
    text-align:right;
    width:29%;
    min-height:20px;
    padding:0px;
    margin:2px 5px 0px 0px
}
    .step2Lbl label
    {
        /*font-size:0.95em;
        color:#5e5e5e;
        float:right;
        line-height:28px;
        vertical-align:middle;*/

        font-size: 13px;
    color: #000;
    float: right;
    line-height: 28px;
    vertical-align: middle;
    font-family: 'Lato-Semibold';
    }
.step2Input
{
    width:66.2% !important;
}
.step2Select
{
    width:67.8% !important;
}
.formSteps3
{
    /*background-color: #E0E0E0;
    border: 1px solid #C9C9C9;
    padding: 10px;
    width: 97.3%;
    float: left;
    margin: 0px 10px 10px 5px;
    min-height: 26px;
    border-radius:4px;*/

    background-color: #f0f0f0;
    border: 0px solid #C9C9C9;
    padding: 10px;
    width: 97.3%;
    float: left;
    margin: 0px 10px 10px 7px;
    min-height: 26px;
    border-radius: 2px;
}
.step3Lbl
{
    float:left;
    text-align:right;
    width:28.4%;
    min-height:20px;
    padding:0px;
    margin:2px 5px 0px 0px
}
    .step3Lbl label
    {
        /*font-size:0.95em;
        color:#5e5e5e;
        float:right;
        line-height:28px;
        vertical-align:middle;*/

        font-size: 13px;
    color: #000;
    float: right;
    line-height: 28px;
    vertical-align: middle;
    font-family: 'Lato-Semibold';
    }
.step3Input
{
    width:68% !important;
}
.step3Select
{
    width:67.8% !important;
}



.formSteps4
{
    background-color: #e2e2e2;
    border: 0px solid #D4D4D4;
    padding: 10px;
    width: 97.3%;
    float: left;
    margin: 0px 10px 10px 5px;
    min-height: 26px;
    border-radius:4px;
}

.step4Lbl
{
    float:left;
    text-align:right;
    width:27.8%;
    min-height:20px;
    padding:0px;
    margin:2px 5px 0px 0px
}
    .step4Lbl label
    {
            font-size: 13px;
    color: #000;
    float: right;
    line-height: 28px;
    vertical-align: middle;
    font-family: 'Lato-Semibold';
    }
.step4Input
{
    width:68% !important;
}
.step4Textarea
{
    width:69.8% !important;
}

.FormButtonLeft {
    /*color: #333 !important;
    background: none #fdfdfd !important;
    border: 1px solid #14b474 !important;
    font-family: 'Lato-Regular';
    cursor: pointer !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 21px !important;
    float: left !important;
    margin: 4px 10px 0px 0px !important;
    text-decoration: none !important;
    text-shadow: none;
    height: auto !important;
    text-transform: uppercase;
    padding: 8px 12px !important;
    text-align: center;
        border-radius: 8px;*/
    color: #333 !important;
    background: none #fdfdfd !important;
    border: 1px solid #e2e2e2 !important;
    font-family: 'Lato-Regular';
    cursor: pointer !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 21px !important;
    float: left !important;
    margin: 4px 10px 0px 0px !important;
    text-decoration: none !important;
    text-shadow: none;
    height: auto !important;
    text-transform: uppercase;
    padding: 8px 12px !important;
    text-align: center;
    border-radius: 8px;
    padding: 10px 20px 10px 20px !important;
    text-align: center;
    letter-spacing: .3px;
    border-radius: 22px !important;
    vertical-align: middle;
    /* filter: saturate(0.5) !important; */
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
}
    .FormButtonLeft:hover {
        /*color: #828282 !important;  
    background: url("../Images/formButtonLeft.png") no-repeat  left -42px transparent  !important;
    border:0px solid #054472 !important;
    cursor: pointer !important;
    float: left !important;
    margin: 0 10px 0 0 !important;
    text-transform:uppercase;*/
        background: none #fff !important;
        color: #000 !important;
        border: 1px solid #5075a6 !important;
    }
.form-field .FormButtonLeft
{
    margin: 4px 10px 0px 0px !important;
}
.FormButtonRightInner {
    color: #333 !important;
    background: none #fdfdfd !important;
    border: 1px solid #14b474 !important;
    font-family: 'Lato-Regular';
    cursor: pointer !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 21px !important;
    float: right !important;
    margin: 4px 0px 0px 10px !important;
    text-decoration: none !important;
    text-shadow: none;
    height: 30px !important;
    text-transform: uppercase;
    padding: 4px 10px !important;
    text-align: center;
    border-radius: 0.2em;
    width: auto !important;
}
.FormButtonRightInner:hover
{
    color: #000 !important;  
    background-color:#fff;
    /*background: url("../Images/formButtonLeft.png") no-repeat  left -42px transparent  !important;*/
    
}



.FormButtontooBIG {
    /*color: #828282 !important;
    background: transparent url("../Images/formBtntooBig.png") no-repeat scroll left top !important;
    border: 0px solid #054472 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 25px !important;
    float: right !important;
    margin: 0px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px rgba(255, 255, 255, 0.4) !important;
    min-width: 190px !important;
    height: 28px !important;
    text-transform: uppercase;
    padding: 0px !important;
    text-align: center;*/

      color: #333 !important;
    background: none #fdfdfd !important;
    border: 1px solid #14b474 !important;
    font-family: 'Lato-Regular';
    cursor: pointer !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 21px !important;
    float: right !important;
    margin: 0px 10px 0px 0px !important;
    text-decoration: none !important;
    text-shadow: none;
  
    height: 30px !important;
    text-transform: uppercase;
    padding: 4px 10px !important;
    text-align: center;
}
.FormButtontooBIG:hover
{
    /*color: #828282 !important;
    background: url("../Images/formBtntooBig.png") no-repeat left -42px transparent  !important;
    border:0px solid #054472 !important;
    cursor: pointer !important;
    text-transform:uppercase;*/  

    color: #000 !important;  
    background-color:#fff;
}
.FormButtonBIG {
    /*color: #828282 !important;
    background: transparent url("../Images/formBtnBig.png") no-repeat scroll left top !important;
    border: 0px solid #054472 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 25px !important;
    float: right !important;
    margin: 0px !important;
    text-decoration: none !important;
    text-shadow: 0px 1px rgba(255, 255, 255, 0.4) !important;
    min-width: 160px !important;
    height: 28px !important;
    text-transform: uppercase;
    padding: 0px !important;
    text-align: center;*/

      color: #333 !important;
    background: none #fdfdfd !important;
    border: 1px solid #14b474 !important;
    font-family: 'Lato-Regular';
    cursor: pointer !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 21px !important;
    float: right !important;
    margin: 0px 10px 0px 0px !important;
    text-decoration: none !important;
    text-shadow: none;
    min-width: 160px !important;
    height: 30px !important;
    text-transform: uppercase;
    padding: 4px 0px !important;
    text-align: center;
}
.FormButtonBIG:hover
{
    /*color: #828282 !important;
    background: url("../Images/formBtnBig.png") no-repeat left -42px transparent  !important;
    border:0px solid #054472 !important;
    cursor: pointer !important;
    text-transform:uppercase;*/  
    color: #000 !important;  
    background-color:#fff;
}


.formInsideGridContainer
{
    width:62.8%;
}

.formInsideGridLight
{
    /*background-color: #e7f5f7;
    background-color:#fff;
padding: 2px 5px 5px;
border-radius: 4px;
border:1px solid #7f9db9;
box-shadow: 0px 1px 1px #E0E0E0 inset;
margin-bottom:4px;
margin-top:4px;*/


        background-color: #fff;
    padding: 2px 5px 5px;
    border-radius: 2px;
    border: 1px solid #e2e2e2;
    box-shadow: none;
    margin-bottom: 4px;
    margin-top: 4px;
}
.formInsideGridLight .gridtable td
{
    border-right:1px solid #cdd0d9 !important;
}
.colorcont .formInsideGridLight
{
    width:97% !important;
}
.formInsideGroupControlCont
{
    /*background-color: #e7f5f7;*/
    background-color: #F8F8F8;
border-radius: 4px;
border: 1px solid #9AC5FF;
box-shadow: 0px 1px 1px #E0E0E0 inset;
float: left;
padding: 0px 5px;
}
.formInsideGroupControlCont a
{
float: left;
font-size: 12px;
text-decoration: none;
height: 26px;
line-height: 26px;
vertical-align: middle !important;
margin-right: 3px;
color: #888;
margin-top: 2px;
padding: 2px;
}
    .formInsideGroupControlCont a:hover {
        float: left;
        background-color:#C7D1D6;
        border-radius:2px;
        padding:2px;
    }
.formInsideGroupControlCont img
{
    float:left;
    margin: 1px 3px 1px 0px;
    width: 32px;
height: 32px;
border-radius: 50%;
}
.formInsideGridHeaderBlank
{
        background-color: transparent !important;
    background: linear-gradient(#f6f6f6, #f6f6f6) !important;
    border: 0px none !important;
padding: 2px 0px 7px !important;
}
.formInsideGridHeaderBlank .FormCaptionLabel
{
    font-size: 13px;
    padding: 5px 0px;
    border-bottom: 1px solid #cdd0d9;
}
.gridHeaderBottomBorder
{
    border:0px none !important;

}

#withoutBorder .formInsideGridHeaderBlank 
{
    border:0px none !important;

}
.formInsideGridHeader
 {
    /*background: none #e0e0e0 !important;
    background: none #f8f8f8 !important;*/
    min-height: 24px;
    vertical-align: middle;
    line-height: 24px;
    color: #333 !important;
    /*font-size: 1em;*/
    font-weight: bold;
    padding: 2px 2px;
    /*border-bottom: 1px solid #c9c9c9 !important;*/
    /*border-top: 0px solid #c0c0c0 !important;*/
    text-transform: uppercase;
    min-width: 25%;
    border:1px solid #cdd0d9 !important;
    
}
.formInsideGridLight .gridtable th
{
    border-right:1px solid #cdd0d9 !important;
}

/*======================================================================================================*/
/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}
.iconColumn{
    min-width:8% !important;
    max-width:11% !important;
}
.infoMsg {
    font-size: 11px;
    color: #00bdf0;
    padding-bottom: 10px;
    margin-top: 8px;
    display: block;
}

/*====================Report Styles========================*/

.reportMotherDiv
{
    float:left;
    width:100%;
    min-height:20px;
    margin:0px;
    padding:0px;
}
.reportMotherDiv label
{
    color: #fff;
font-size: 0.95em;
font-weight: 700;
/*background-color: #F7F7F7;*/
background-color:#32c6ec;
float: left;
width: 99.4%;
padding-left: 5px;
min-height: 30px;
line-height: 30px;
    border-radius:0.2em;
    
}
.reportLinkLine
{
    float:left;
    border-bottom:1px solid #f2fafc;
    width:100%;
    min-height:28px;
    padding:2px 0px;
    margin-bottom:3px;
}
.reportLinkLine a
{
    font-size: 0.94em;
    color:#a0a0a0;
    text-decoration:none;
    float: left;
    margin-top: 4px;
    margin-left:10px;
    /*text-transform:uppercase;*/
}
    .reportLinkLine a:hover {
        color:#222;
        background:none;
    }

/*=========================================================*/

/* login
----------------------------------------------------------*/
.loginBody
{
    background-color:#e9eaed;
}
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }
.loginContainerOuter {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    /*background-color:#f5f5f5;
    background-color:#e9eaed;*/
    background-color: #fff;
}
.loginPageHeader
{
 
    width:100%;
    height:44px;
    padding:0px;
    background: #0b63a0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#012636, #011b26); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#012636, #011b26); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#012636, #011b26); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#012636, #011b26); /* Standard syntax */
text-align: left;
/*border-bottom: 1px solid #00aedd;*/
border-bottom:1px solid #011b26;
    
}
.loginPageHeader img
{
    float:left;
    margin:0px;
}

#loginContainer {
    /*    width: 280px;
    height: 420px;
    padding: 0px;
    margin: 20px auto 0px;
    border: 1px solid #ddd;
    border-radius: 0.6em;
    box-shadow: #e5e5e5 1px 1px;
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    background-color: #fff;
    box-shadow: 0 1px 5px rgb(0 74 116 / 15%);*/
    width: 280px;
    min-height: 280px;
    padding: 20px;
    margin: 20px auto 0px;
    border: 1px solid #ddd;
    border-radius: 0.6em;
    box-shadow: #e5e5e5 1px 1px;
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    background-color: #fff;
    box-shadow: 0 1px 5px rgb(0 74 116 / 15%);
}
.loginContReg
{
    height:580px !important;
    margin:40px auto 0px !important;
    width:320px !important;
}
.loginContReg .loginBox
{
    width:300px !important;
}
    #loginContainer legend
    {
        float:left;
        /*background:url(../../Images/loginBoxHead.png) no-repeat left top transparent;
        width:312px;
        height:14px;
        padding:0px;
        margin:10px 0px 0px;
        display:inline;
        color:#777;
        font-size:18px;*/
padding: 0px 0px 10px 5px;
margin: 22px 0px 0px 14px;
display: inline;
color: #111;
font-size: 20px;
font-weight: 500;
width:94%;
text-align:left;
border-bottom:1px solid #d4d4d4;
font-family: 'Lato-Semibold';

    }
        #loginContainer legend span
        {
            float:left;
            width:94%;
        }
        .smallLegend {
            float: left;
            width: 90%;
            text-align: left;
            font-size: 12px;
            text-transform: uppercase;
            /*color:#00a0cb;*/
            color: #4a99ac;
            margin-top: 4px;
        }
    #loginContainer .loginBox
    {
        float:left;
        width:560px;
        /*min-height:399px;*/
        padding:0px 10px 0px;
        margin:0px;
        /*background:url(../../Images/loginBodyBG2.png) repeat-x left top transparent;*/
    }
     #loginContainer .loginBottom
    {
        float:left;
        width:280px;
        /*min-height:350px;*/
        padding:0px;
        margin:0px;
        /*background:url(../../Images/loginBottom.png) repeat-x left top transparent;*/
    }
     .copyright
     {
        
        width:280px;
        /*min-height:350px;*/
        padding:0px;
        margin:10px auto 15px;
        min-height:22px;
        font-size: 9px;
text-transform: uppercase;
letter-spacing: 4px;
color:#9f9f9f;
    text-align: center;
     }

    #loginContainer h2
    {
        float:left;
        color:#fff;
        padding:5px 0px 10px 50px;
        /*margin:25px 0px 0px;*/
        margin:5px 0px 0px;
        width:92%;
         /*background:url(../../Images/loginHeaderIcon.png) no-repeat left center transparent;*/
         font-size:1.3em;
         height:44px;
         line-height:44px;
         vertical-align:middle;

    }
    #loginContainer h3
    {
       float: left;
color: #000;
padding: 5px 0px 10px 5px;
margin: 5px 0px 0px;
width: 92%;
font-size: 16px;
height: 30px;
line-height: 30px;
vertical-align: middle;
text-align: left;
font-weight: normal;

    }
.inputSPCL {
    border: 0px none #fff;
    border-bottom: 1px solid #d4d4d4;
    background: #fff;
    margin: 10px 0 20px 5px;
    padding: 5px;
    width: 92%;
    height: 24px;
    line-height: 26px;
     -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #333;
    box-shadow: 0px 1px #f6f6f6;
    /*min-height: 46px;*/
    padding: 10px 14px;
    border: 1px solid var(--color-grey-2, #B2B2B2);
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.5;
    float:left
}

.nginputSPCL {
    border: 0px none #fff;
    border-bottom: 1px solid #d4d4d4;
    background: #fff;
    font-size: 1em;
    margin: 7px 0 10px 0;
    padding: 7px 5px;
    width: 94%;
    height: auto;
    line-height: 30px;
    padding: 10px 14px;
    border: 1px solid var(--color-grey-2, #B2B2B2);
    border-radius: 8px;
    color: #333;
    box-shadow: 0px 1px #f6f6f6;
}
    .ngnoSpace
    {
        margin-left:0px !important;
    }
    .nginputSPCL:focus {outline:none;/*border-bottom:1px solid #00bdf0;background:#fff; background-color:#fff;*/}
    .inputSPCL:focus {outline:none;/*border-bottom:1px solid #00bdf0;background:#fff; background-color:#fff;*/}
    /*.inputSPCL:active{background:#fff; background-color:#fff;}
    .inputSPCL::selection{background:#fff; background-color:#fff;}*/
.nginputSPCLReg
{
    margin: 7px 0 0px 0 !important;
}
.backlink
{
    padding-bottom:10px;
}
.backlink a{
    background: url(../../Images/back.png) 7px 8px no-repeat transparent;
    height: 20px;
    margin: 0px;
    border: 0px none #fff !important;
    color: #f7f7f7;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #707070;
    padding: 7px 30px;
    border-radius: 4px;
}
.backlink a:hover {
    background: url(../../Images/back.png) 7px 8px no-repeat transparent;
    border:0px none #f00;
    /*background-color:#32c6ec;*/
    background-color:#095488;
}

.loginBtn {
    height: 34px !important;
    font-size: 15px !important;
    color: #fff !important;
    font-weight: normal !important;
    text-align: center;
    /*width: 90px !important;*/
    width: 96% !important;
    /*min-width: 90px;*/
    padding: 8px 5px !important;
    float: left;
    border: 0px solid #00bdf0 !important;
    margin-left: 12px;
    font-family: 'Lato-Light','Open Sans','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: #3C85E0; 
    background: -webkit-linear-gradient(#3C85E0, #3C85E0); 
    background: -o-linear-gradient(#3C85E0, #3C85E0); 
    background: -moz-linear-gradient(#3C85E0, #3C85E0); 
    background: linear-gradient(#3C85E0, #3C85E0); 
    line-height: 30px;
    /*box-shadow: 0px 1px #8abbde inset;*/
    border: 0px solid #011b26 !important;
    letter-spacing: 0.5px;
    border-radius: 12px;
    min-height: 32px;
}
/*    .loginBtn:focus {
        border: 0px solid #00a0cb !important;
        width: auto !important;
        background: #005fe6;
    }*/
    .loginBtn:hover {
        /*background-color: #008eb4 !important;*/
        /*background-color: #014676 !important;*/
        background: #005fe6; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#005fe6, #005fe6); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#005fe6, #005fe6); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#005fe6, #005fe6); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#005fe6, #005fe6); /* Standard syntax */
         
         
    }
.editor-label
{
    margin-left:8px;
}
.editor-logo
{
    margin:0px;
}

.editor-field
{
    margin-left:8px;
}
.forgot
{
    /*background-color: #79E8F6;
    min-height: 18px;
    min-width: 90%;
    float: left;
    border-radius: 0.2em !important;
    margin: 0px 0px 0px 8px;
    padding: 2px 4px 2px 8px;
    text-align:center;*/
    min-height: 18px;
min-width: 97%;
float: left;
border-radius: 0.2em !important;
margin: -30px 0px 0px 2px;
padding: 0px 4px 0px 8px;
text-align: center;
}
.specialSpace {
    margin: 0px 0px 0px 2px !important;
}
.forgot label {
    /*width:150px;
    float:left;
    height: 24px;
line-height: 24px;*/
    vertical-align: middle;
    font-size: 1em;
    font-weight: normal;
    color: #888;
}
    .forgot a {
        color: #3c85e0;
        text-decoration: none;
        padding-left: 0px;
    }
        .forgot a:hover {
            color: #3c85e0;
            text-decoration: underline;
            background: transparent;
        }
.rememberMeSec
{
    background-color: #79E8F6;
    min-height: 18px;
    min-width: 263px;
    float: left;
    border-radius: 0.2em !important;
    margin: 0px 0px 0px 8px;
    padding: 2px 4px 2px 8px;
}
.rememberMeSec input
{
   font-size: 1em;
padding: 0px 3px;
width: 24px;
height: auto;
border-radius: 0.2em;
color: #797979;
float: left;
line-height: 20px;
margin: 10px 5px 0px 0px;
}

/* menu
----------------------------------------------------------*/
/*ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #333;
            text-decoration: none;
        }*/

/*=========================Job Sampling CSS=======================================================*/
.jobUploadFieldset
{
        float: left;
    width: 100%;
    min-height: 30px;
    padding: 0px 0px 10px !important;
    margin: 0px;
    display: inherit !important;
    -webkit-padding-start: 0px !important;
    -webkit-padding-after: 0px !important;
    -webkit-padding-before: 0px !important;
    -webkit-padding-end: 0px !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;
    min-width: inherit !important;
}
.jobuploadTable {
    margin: 0px;
    border: 1px solid #cdd0d9;
    background-color: #fff;
}
.jobuploadTable td {
    padding:0px;
}
.samplePageHeader {
    float:left;
    font-size: 0.9em;
    color: #7E8285;
    font-weight:bold;
    text-transform: uppercase;
    padding:4px 0px !important;
    border-bottom:1px solid #d4d4d4;
   /* background-color:#f2f2f2;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;*/
    width:100%;
    height:20px;
    margin:0px 0px;
}
.trSamplingType {
    width:100%;
    padding:0px;
    margin:0px;
}
    .trSamplingType h2 {
        margin: 0px 0px 20px !important;
        width: 100% !important;
        padding: 12px 20px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border: 0px none !important;
        background-color: #f9f9f9 !important;
        border-bottom: 1px solid #cdd0d9 !important;
        border-top: 1px solid #cdd0d9 !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
    }
.trSamplingType td h2 label 
{
    font-size: 12px !important;
    padding: 2px 0px 0px 2px !important;
    color: #222 !important;
}
.samplePopContainer
{ margin:0px 1%;
        float: right;
   
    width: 98%;
    background-color: #f1f1f1;
    border-radius: 2px;
    border: 1px solid #e2e2e2;
}
.trSamplingType .samplePopContainer h2 {
    margin: 0px 0px 20px !important;
    width: 100% !important;
    padding: 12px 20px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 0px none !important;
    background-color: transparent !important;
    border-bottom: 1px solid #cdd0d9 !important;
    text-transform: capitalize !important;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}
.rightPadding
{
    padding-right:30px !important;
}
.bothSideLargeSpacing
{
    padding-left: 45px !important;
    padding-right: 30px !important;
}
.sampleResult
{
background-color: #f1f1f1;
    border: 1px solid #cdd0d9;
    margin-left: 0px;
    float: left;
    /*min-width: 40%;*/
    min-width: 99.8%;
    margin-bottom: 18px;
}
.sampleResult td
{
    padding:5px 10px;
    border-bottom:1px solid #cdd0d9;
}
.topBottomPadding
{
    padding:15px !important;
}
.topBottomSmallPadding
{
    padding:5px !important;
}
.topBottomPadding .rad_methods
{
    width:18px;
    height:auto;
    float:left;
    margin-top: 2px;
    margin-right: 4px;
}
.topBottomPadding select
{
        height: 36px;
    padding: 4px;
    border: 1px solid #cdd0d9;
}
.ruleTable
{
    background-color: #fdfdfd;
    border: 1px solid #cdd0d9 !important;
        border-radius: 2px !important;
}
.ruleTable tr td
{
border: 1px solid #e2e2e2 !important;
    padding: 15px 10px;
    border-radius: 2px !important;
    font-size: 15px;
    font-family: 'Lato-Regular';
    font-weight: normal;
}
.fullPaddingLarge
{
    padding-left: 45px !important;
    padding-right: 30px !important;
    padding-top:15px !important;
    padding-bottom:15px !important;
}
.SamplesecTopHeader .transparentcolor
{
    background-color: transparent !important;
}
 .transparentcolor10
{
    background-color: transparent !important;
}
.radiobtnGroupHeader
{
    float: right;
    width: 94.5%;
    margin: 15px 30px;
    border-bottom: 1px solid #cdd0d9;
    padding: 8px 0px;
}
.radiobtnGroupHeader input
{
float: left;
    width: 16px !important;
    height: auto !important;
    margin-right: 4px;
    margin-top: 6px;
}
.radiobtnGroupHeader label
{
    float: left;
    margin-top: -3px;
    font-size: 15px;
}
.jobtopHeader {
    float: left;
    font-size: 0.7em;
    color: #7E8285;
    font-weight: bold;
    text-transform: uppercase;
    padding: 4px 0px 4px 8px !important;
    border-bottom: 1px solid #d4d4d4;
   /* background-color: #f2f2f2;
    border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-border-radius: 0.2em !important;*/
    width: 99.3%;
    height: 16px;
    margin: 0px 0px 8px;
}
.bckSampleHeader{
    float:left;
    font-size: 0.9em;
    color: #7E8285;
    font-weight:bold;
    text-transform: uppercase;
    padding:4px 0px 4px 8px !important;
    border-bottom:0px solid #d4d4d4;
    background-color:#f2f2f2;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    width:900px;
    height:18px;
    margin:0px 0px 8px;
}

.bckSampleStepInfo {
    float:right;
    background-color:#f2f2f2;
    border:1px solid #e3e3e3;
    padding:0px 4px 2px;
    color:#9a9a9a;
    text-transform:uppercase;
    font-size:14px;
    height:18px;
    line-height:20px;
    vertical-align:middle;
    text-align:center;
    width:94px;
    font-weight:bold;
    margin:0px 2px 0px 0px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;

}
.labelNoSpclStyle
{
float: left !important;
font-size: 12px !important;
color: #5e5e5e !important;
font-weight: bold !important;
}
.bckSampleHeader .FormHeader {
    float:left !important;
     font-size: 11px;
    color: #5e5e5e;
    font-weight:bold 
}
.jobtopHeader .FormHeader {
    float:left !important;
    color: #5e5e5e;
    font-weight:bold 
}
.samplePageHeader .FormSubHeader {
    float:left !important;
    color: #6299C5;
}

.FormSubHeader
{
    font-size: 12px;
    /*color: #7E8285;*/
    color: #333;
    text-transform: uppercase;
    padding-left:16px;
     /*font-family: 'open_sanssemibold';*/
     font-family: 'Lato-Semibold';
     font-weight:normal;
}
.formPerSecHeader
{
    font-size: 12px;
    color: #2c7bd0;
    text-transform: uppercase;
    padding-left: 10px;
    /*font-family: 'open_sanssemibold';*/
    font-family: 'Lato-Semibold';
    float: left;
    padding: 5px 25px;
    border-bottom: 1px solid #e2e2e2 !important;
    width: 96.5% !important;
}
.smallSecHeader
{
     font-size: 12px;
    color: #2c7bd0;
    text-transform: uppercase;
     font-family: 'Lato-Semibold';
    float: left;
    padding: 10px;
    border-bottom: 1px solid #e2e2e2 !important;
    background-color:#fdfdfd;
    width: 98.4%;
}
.FormSubHeaderInfo
{
    font-size: 12px;
    color: #7E8285;
    font-weight: 700;
    text-transform: uppercase;
    padding-left:12px
}
.smallSelect {
    width: 70px !important;
    padding: 6px 5px !important;
    margin: 1px 0px !important;
}
/*.trSamplingType h2
{
    float:left;
    font-size: 12px;
    color: #7E8285;
    font-weight:bold;
    text-transform: uppercase;
    padding:4px 0px 4px 8px;
    border-bottom:0px solid #d4d4d4;
    background-color:#f2f2f2;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    width:99.4%;
    height:18px;
    margin:0px 0px 4px;
}*/
.headerStyleDiv
{
    float:left;
    width:100%;
    border-bottom:1px dashed #d4d4d4;
    margin-bottom:4px;
}
.headerStyleDiv label
{
    color: #999;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
padding-left: 10px;
}
.fullwidth
{
    width:100%;
    border-left: 0px solid #cdd0d9;
    border-right: 0px solid #cdd0d9;
}
.fullwidth tr td
{
    border-bottom:1px solid #c6d5e1 !important
}
.transparentContainer
{
    background-color:#fff !important;
     margin:0px 0px;
}
.colorcontainerFull
{
    /*background-color:#f8f8f8;
    min-height:23px;
    width:99.4%;
    float:left;
    padding:3px 4px 4px;
    margin:4px 0px;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    font-size:0.8em;*/
        background-color: transparent;
    min-height: 23px;
    width: 98%;
    float: left;
    padding: 0px 1% 20px 1%;
    margin: -4px 0px 4px;
    border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-border-radius: 0.2em !important;
    font-size: 13px;
    font-family: 'Lato-Regular';
}
.colorcontainerFull input
{
    margin-top:4px !important
}
.colorcontRadio
{
   background-color: #F2F2F2;
min-height: 23px;
min-width: 62.8%;
float: left;
padding: 3px 4px 5px 8px;
margin: 0px 0px 0px 0px;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
}
/*.radioTD
{
    float:left;
    text-align:left;
    width:68%;
    min-height:20px;
    padding:0px;
    margin:0px 0px 0px 5px;

}*/
.radioTD input 
{
    float:left;
}
.radioTD label 
{
    float:left;
    /*margin-top:4px;*/
    line-height:21px;
    vertical-align:middle;
    margin-right:15px;
    font-size:1em;
    font-weight:normal;
}
.radioTD .rad_style {
    width:18px !important;
    height:auto !important;
}
.radioTD .rad_styledis {
    width:18px;
    height:auto;
}
.radioTDForm
{
    float:left;
    text-align:left;
    width:68%;
    min-height:20px;
    padding:0px;
    margin:0px 0px 0px 5px;

}
.radioTDForm input 
{
    float:left;
}
.radioTDForm .rad_style {
    width:18px;
    height:auto;
}
.radioTDForm .rad_styledis {
    width:18px;
    height:auto;
}
.radioTDForm label 
{
    float:left;
    /*margin-top:4px;*/
    line-height:21px;
    vertical-align:middle;
    margin-right:15px;
    font-size:1em;
    font-weight:normal;
}
.jobSecHeaderD
{
    font-size: 11px;
    color: #7E8285;
    font-weight:bold;
    text-transform: uppercase;
    padding:3px 4px 4px !important;
    border-bottom:0px solid #d4d4d4;
    background-color:#e7e7e7;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
}
.jobSecHeaderD span
{
    float:left;
}
.jobSecHeaderD input
{
    float:left;
}
.jobSecHeaderD .rad_methods {
        width:18px;
    height:auto;
}
.rad_samplemethods {
        width:18px;
    height:auto;
}
.jobSeccolorcontainer
{
    /*background-color: #f1f1f1;
min-height: 23px;
width: 100%;
float: left;
padding: 3px 4px 4px;
margin: 4px 0px 0px;
border-radius: 0.2em !important;
-moz-border-radius: 0.2em !important;
-webkit-border-radius: 0.2em !important;*/

        background-color: #f1f1f1;
    min-height: 23px;
    width: 94.5%;
    float: right;
    padding: 3px 4px 4px;
    margin: 4px 30px 20px;
    border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-border-radius: 0.2em !important;
    border: 1px solid #cdd0d9;
    border-radius: 2px !important;
   
}
.SamplesecTopHeader h2 {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
    padding: 4px 0px 4px 4px;
    border-bottom: 0px solid #d4d4d4;
    background-color: transparent !important;
    border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-border-radius: 0.2em !important;
    margin: 4px;
    width: 100% !important;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    margin-top: -1px !important;
    margin-left: 0px !important;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}
.jobSecradioCont
{
    width:100%;
    background-color:#f8f8f8;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    float:left;
    padding:2px 0px;
    margin:2px 0px;
}
.jobSecradioCont input 
{
    float:left;
    width:18px;
    height:auto;
    margin-left:5px;
}
.jobSecradioCont label 
{
    float:left;
     font-size:1em;
    font-weight:normal;
    line-height:21px;
    vertical-align:middle
}
.smallSpaceRight {
    padding-right:4px !important;
}
.topSpace
{
    margin-top:4px !important;
}
.topSpaceScroller
{
    margin-top: 8px !important;
    width: 99.2% !important;
    height: 332px;
    /* float: left; */
    overflow-y: scroll;
}
.bottomSpace
{
    margin-bottom:4px !important;
}
.bottomPadding
{
    padding-bottom:10px;
}
.topinnerSpace
{
    padding-top:4px !important;
}
.topinnerBigSpace
{
    padding-top:15px !important;
}
.radioButtonRow
{
    float:left;
    width:98%;
    min-height:20px;
    padding:2px 5px;
}
.radioButtonRow span{ float: left;
margin-top: 4px;
margin-left: 4px;}

.panelJobGridCont
{
   Padding:5px 20px 5px 5px !important;
   margin:15px 0px 15px 0px;
   background-color:#f8f8f8;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    float:left;
    min-height:1px;
}
.panelJobGridCont select
{
    border: 1px solid #9ac5ff;
    color: #333;
    font-size: 12px;
    margin: 5px 0 6px 0;
    padding: 2px;
    background:none #fdfdfd;
    height:26px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
.panelJobGridContDark
{
   Padding:5px 20px 5px 10px !important;
   margin:2px 5px 4px 0px;
   background-color:#f1f1f1;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    float:left;
    min-height:1px;
}
.panelJobGridContDark input
{
    float:none !important;
    margin-left:3px !important
}
.panelJobGridContDark select
{
    border: 1px solid #9ac5ff;
    color: #333;
    font-size: 12px;
    margin: 5px 0 6px 0;
    padding: 2px;
    background:none #fdfdfd;
    height:26px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
.samleJobInput
{
    border: 1px solid #9ac5ff;
    color: #333;
    font-size: 12px;
    margin:0px 0 0px 8px;
    padding: 2px;
    background:none #fdfdfd;
    height:26px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#797979;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
.panelJobGridCont input 
{
    float:none;
}
.panelJobGridCont label 
{
    float:left;
    line-height:25px;
    vertical-align:middle;
    margin-left:3px;
}
.centerAlign
{
    text-align:center !important;
}
.spaceBottom {
    padding-bottom:4px !important;
}
.outerSpaceBottom
{
    margin-bottom:4px !important;
}
.FormContentSubHeader
{
    /*font-size:0.9em !important;
    color:#444;
    font-weight:bold;
    text-transform:uppercase;
    padding:4px 0px 4px 9px;
    float:left;*/
font-size: 13px !important;
    color: #000;
    font-weight: normal;
    text-transform: uppercase;
    padding: 4px 0px 4px 9px;
    float: left;
    font-family: 'Lato-Semibold';
    min-width: 235px;
}
.FormContentSubHeaderValue
{
    /*font-size:0.9em !important;
    color:#7E8285;
    font-weight:bold;
    text-transform:uppercase;
    padding:4px 0px 4px 8px;
    float:left;*/
        font-size: 13px;
    color: #444;
    font-weight: normal;
    text-transform: capitalize;
    padding: 4px 0px 4px 8px;
    float: left;
    font-family: 'Lato-Regular';
}
.dateinput
{
    width:10% !important;
}
/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

        .featured hgroup.title h1, .featured hgroup.title h2 {
            color: #fff;
        }

        .featured p {
            font-size: 1.1em;
        }

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
    /*font-weight: 600;*/
    margin-bottom: 0px;
}

label.checkbox {
    display: inline;
}
.remMe
{
    width:150px;
    float:left;
    height:33px;
    line-height:33px;
    vertical-align:middle;
    font-size:1em;
    font-weight:normal;
    color:#fff;
}
.check-box
{
    height:16px;
    float:left;
}
.image {
    border-radius: 50%;
    height: 32px;
    width: 32px;
    margin-top:-3px;
    float:left;
    }
.usernameH3
{
    float: left;
    margin: -8px 2px 2px 4px;
    font-size: 14px;
    color: rgb(0, 180, 237);
    font-weight: 600;
}
.image_userlist{
    border-radius: 50%;
    height: 20px;
    width: 20px;
    vertical-align:middle;
    }
.editable-select select
{
    border: 1px solid #cdd0d9;
    color: #333;
    margin: 10px 0 15px 0;
    padding: 12px 5px;
    width: 99.5%;
    background: none #fff;
    height: auto;
    line-height: 26px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #333;

}
.editable-select input
{
    border: 1px solid #cdd0d9;
    color: #333;
    font-size: 1em;
    margin: 10px 0 15px 0;
    padding: 7px 8px;
    width: 92.2%;
    background: none #fff;
    height: auto;
    line-height: 26px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #333;


}


.msgButtonBlock .msgReset
{
     font-family:'proxima_nova_rgregular' !important;
    color: #fff !important;
    background: url("../../Images/msgReset2.svg") no-repeat left top transparent  !important;
    /*background: none repeat scroll 0% 0% #007f9f !important;*/
    border: 0px solid #017694 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 25px;
    float: left !important;
    margin: 0 5px 0 0px !important;
    text-decoration: none !important;
    text-shadow: 0 0px #000 !important;    
    width:24px !important;
    height:24px !important;
    vertical-align:middle;
    text-transform:uppercase;
    padding:0px !important;
    text-align:center;
    letter-spacing:.3px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
}
.msgButtonBlock .msgReset:hover
{
    color: #fff !important;
    background: url("../../Images/msgReset2.svg") no-repeat left top transparent  !important;
    filter:grayscale(100%);
   
}
.msgP
{
     font-family:'proxima_nova_rgregular' !important;
    color: #fff !important;
    background: url("../../Images/msgP.svg") no-repeat left top transparent  !important;
    /*background: none repeat scroll 0% 0% #007f9f !important;*/
    border: 0px solid #017694 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 25px;
    float: left !important;
    margin: 0 0px 0 0px !important;
    text-decoration: none !important;
    text-shadow: 0 0px #000 !important;    
    width:24px !important;
    height:24px !important;
    vertical-align:middle;
    text-transform:uppercase;
    padding:0px !important;
    text-align:center;
    letter-spacing:.3px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
}
.msgP:hover
{
    color: #fff !important;
   background: url("../../Images/msgP.svg") no-repeat left top transparent  !important;
     filter:grayscale(100%);
   
}

.msgButtonBlock
{
    width:8% !important;
        margin-top: 22px !important;
}

.form-field .FormButtonResetSearchPanel
{
    margin: 0 10px 0 0px !important;
}
.form-field .FormButtonBigger
{
    margin: 0 10px 0 0px !important;
}


.FormButtonGrey
{
     /*font-family:'proxima_nova_rgregular' !important;
    color: #888 !important;
    background: url("../Images/formBtnBottom.png") no-repeat left top transparent  !important;
    /*background: none repeat scroll 0% 0% #007f9f !important;*/
    /*border: 0px solid #017694 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 25px;
    float: right !important;
    margin: 0 0px 0 0px !important;
    text-decoration: none !important;
    text-shadow: 0 0px #000 !important;    
    width:122px !important;
    height:28px !important;
    vertical-align:middle;
    text-transform:uppercase;
    padding:0px !important;
    text-align:center;
    letter-spacing:.3px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;*/

     color: #333 !important;
    background: none #fdfdfd !important;
    border: 1px solid #14b474 !important;
    font-family: 'Lato-Regular';
    cursor: pointer !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 21px !important;
    float: right !important;
    margin: 0px 0px 0px 0px !important;
    text-decoration: none !important;
    text-shadow: none;
    width: 120px !important;
    height: 30px !important;
    text-transform: uppercase;
    padding: 4px 0px !important;
    text-align: center;
}
.FormButtonGrey:hover
{
    color: #000 !important;
     background: none #fff !important;
   
}
.btnLink
{
    /*line-height:27px !important*/
    line-height:36px !important
}
.spacer
{
    width:100%;
    height:5px;
    float:left;
}
/*============================= Loader Style ==================================*/

.loaderOuter
{
    /*background: url(../../Images/blckBG22.png) left top #fff !important;*/
    /*background:url(../../Images/loaderBG.png) left top transparent !important;*/
     width:100%;
    height:100%;
    z-index:99999;
    position:fixed;
    text-align:center; 
    top:40px;

    left:0%;
    right:0%;
    border-radius:4px;
    background-color:rgba(0,0,0,0.3);

}
.loaderContainer
{
    position: absolute; top: 35%; left: 40%; color: black;
    z-index:999999;
    width:300px;
    height:200px;

}
/*.blackLoader
{
   background: url(../../Images/blckBG.png) left top transparent !important;
width: 100%;
height: 100%;
position: relative;
z-index: 99999;
left: 0px;
top: 0px;
display: block;
}*/

/*=============================================================================*/


.FormButtonRightPos
{
     font-family:'proxima_nova_rgregular' !important;
    color: #fff !important;
    background: url("../Images/formButtonBG.png") no-repeat left top transparent  !important;
    /*background: none repeat scroll 0% 0% #007f9f !important;*/
    border: 0px solid #017694 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 25px !important;
    float: right !important;
    margin: 0 0px 0 0px !important;
    text-decoration: none !important;
    text-shadow: 0 0px #000 !important;    
    width:110px !important;
    height:28px !important;
    vertical-align:middle;
    text-transform:uppercase;
    padding:0px !important;
    text-align:center;
    letter-spacing:.3px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
}
.FormButtonRightPos:hover
{
    color: #fff !important;
    background: url("../Images/formButtonBG.png") repeat-x left -42px transparent  !important;
    border:0px solid #054472 !important;
     /*background: none repeat scroll 0% 0% #017694 !important;*/
    cursor: pointer !important;
    float: right !important;
    margin: 0 0px 0 0px !important;
    text-shadow: 0 1px #000 !important;  
    text-transform:initial; 
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em; 
    letter-spacing:.3px; 
    text-transform:uppercase;
}
.FormButtonResetSearchPanel {
    /* font-family: 'proxima_nova_rgregular' !important; */
    font-family: 'Lato-Regular' !important;
    color: #fff !important;
    /* background: url(../Images/formButtonBG.png) no-repeat left top transparent !important; */
    background: #2f79dc !important;
    border: 0px solid #017694 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 34px !important;
    float: right !important;
    margin: 1px 0px 0 10px !important;
    text-decoration: none !important;
    text-shadow: 0 0px #000 !important;
    width: auto !important;
    height: auto !important;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 6px 20px 6px 20px !important;
    text-align: center;
    letter-spacing: .3px;
    border-radius: 22px !important;
    vertical-align: middle;
    filter: saturate(0.5) !important;
}
.FormButtonResetSearchPanel:hover
{
    color: #fff !important;
    /*background: url("../Images/formButtonBG.png") repeat-x left -42px transparent  !important;*/
    border:0px solid #054472 !important;
    background: none repeat scroll 0% 0% #012636 !important;
}

.FormButtonResetSearchPanelMID
{
     font-family:'proxima_nova_rgregular' !important;
    color: #fff !important;
    background: url("../Images/formButtonBGBig.png") no-repeat left top transparent  !important;
    /*background: none repeat scroll 0% 0% #007f9f !important;*/
    border: 0px solid #017694 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 25px !important;
    float: left !important;
    margin: 0 10px 0 0px !important;
    text-decoration: none !important;
    text-shadow: 0 0px #000 !important;    
    width:124px !important;
    height:28px !important;
    vertical-align:middle;
    text-transform:uppercase;
    padding:0px !important;
    text-align:center;
    letter-spacing:.3px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
}
.FormButtonResetSearchPanelMID:hover
{
    color: #fff !important;
    background: url("../Images/formButtonBGBig.png") repeat-x left -42px transparent  !important;
    border:0px solid #054472 !important;
     /*background: none repeat scroll 0% 0% #017694 !important;*/
    cursor: pointer !important;
    float: left !important;
    margin: 0 10px 0 0px !important;
    text-shadow: 0 1px #000 !important;  
    text-transform:initial; 
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em; 
    letter-spacing:.3px; 
    text-transform:uppercase;
}
.FormButtonRight
{
     /*font-family:'proxima_nova_rgregular' !important;
    color: #fff !important;
    background: url("../Images/formButtonBGBig.png") no-repeat left top transparent  !important;
    border: 0px solid #017694 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 25px !important;
    float: right !important;
    margin: 0 0px 0 0px !important;
    text-decoration: none !important;
    text-shadow: 0 0px #000 !important;    
    width:124px !important;
    height:28px !important;
    vertical-align:middle;
    text-transform:uppercase;
    padding:0px !important;
    text-align:center;
    letter-spacing:.3px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;*/

     color: #333 !important;
    background: none #fdfdfd !important;
    border: 1px solid #14b474 !important;
    font-family: 'Lato-Regular';
    cursor: pointer !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 21px !important;
    float: right !important;
    margin: 4px 0px 0px 10px !important;
    text-decoration: none !important;
    text-shadow: none;
    width: 124px !important;
    height: 30px !important;
    text-transform: uppercase;
    padding: 4px 0px !important;
    text-align: center;
        border-radius: 0.2em;
}
.FormButtonRightInner:hover
{
    color: #000 !important;  
    background-color:#fff;
    /*background: url("../Images/formButtonLeft.png") no-repeat  left -42px transparent  !important;*/
    

}
.FormButtonBiggerRight {
    font-family: 'Lato-Regular' !important;
    color: #fff !important;
    background: none repeat scroll 0% 0% #2f79dc !important;
    border: 0px solid #017694 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 34px !important;
    float: right !important;
    margin: 0 0px 0 10px !important;
    text-decoration: none !important;
    text-shadow: 0 0px #000 !important;
    width: 170px !important;
    height: auto !important;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 6px 20px 6px 20px !important;
    text-align: center;
    letter-spacing: .3px;
    border-radius: 22px !important;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    filter: saturate(0.5) !important;
}
.FormButtonBiggerRight:hover
{
    /*background: url("../Images/formButtonBIGGER.png") repeat-x left -42px transparent  !important;*/
    background: none repeat scroll 0% 0% #012636 !important;
}

.FormButtonBigger
{
     font-family:'proxima_nova_rgregular' !important;
    color: #fff !important;
    /* background: url("../Images/formButtonBIGGER.png") no-repeat left top transparent  !important;
   background: none repeat scroll 0% 0% #007f9f !important;*/
    background: none repeat scroll 0% 0% #007f9f !important;
    border: 0px solid #017694 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 25px !important;
    float: left !important;
    margin: 0 10px 0 0px !important;
    text-decoration: none !important;
    text-shadow: 0 0px #000 !important;    
    width:170px !important;
    height:34px !important;
    vertical-align:middle;
    text-transform:uppercase;
    padding:0px !important;
    text-align:center;
    letter-spacing:.3px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
}
.FormButtonBigger:hover
{
    /*color: #fff !important;
    background: url("../Images/formButtonBIGGER.png") repeat-x left -42px transparent  !important;
    border:0px solid #054472 !important;
    cursor: pointer !important;
    float: left !important;
    margin: 0 10px 0 0px !important;
    text-shadow: 0 1px #000 !important;  
    text-transform:initial; 
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em; 
    letter-spacing:.3px; 
    text-transform:uppercase;*/

       color: #fff !important;
    /*background: url("../Images/formButtonBG.png") repeat-x left -42px transparent  !important;*/
    border:0px solid #054472 !important;
    background: none repeat scroll 0% 0% #012636 !important;
}

.buttonSizeMID
{
    color: #fff !important;
    background: url("../Images/formButtonBGBig.png") no-repeat left top transparent  !important;
    border:0px solid #054472 !important;
    cursor: pointer !important;
    display: block !important;
    font-size: 0.9em !important;
    font-weight: 700 !important;
    line-height: 25px !important;
    float: right !important;
    margin: 0 10px 0 0 !important;
    text-decoration: none !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0) !important;    
    width:124px !important;
    height:28px !important;
    vertical-align:middle;
    text-transform:uppercase;
    padding:0px !important;
    text-align:center;
    font-family:"Segoe UI", Open Sans,"Trebuchet MS",Arial;
}
.buttonSizeMID:hover
{
    color: #fff !important;
    background: url("../Images/formButtonBGBig.png") repeat-x left -42px transparent  !important;
    border:0px solid #054472 !important;
    cursor: pointer !important;
    float: right !important;
    margin: 0 10px 0 0 !important;
    text-shadow: 0 1px rgba(255, 255, 255, 0.4) !important;  
    text-transform:uppercase;   
}
/*.inputSPCL
{
    border: 0px solid #0199c4;
    background: #fff;
    color: #333;
    font-size: 1em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 266px;
    background:url(../../Images/InputBG2.png) repeat-x left top transparent;
    height:24px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#b8d5e2
}*/

input, textarea {
    /*border: 1px solid #b4c6d4;*/
    background: #fff;
    color: #333;
    font-size: 12px;
    /*margin: 5px 0 6px 0;*/
    margin:0px;
    padding: 4px 5px;
    width: 266px;
    background:none #fff;
    height:auto;
    line-height:26px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    color:#5e5e5e
}
.qcRadio input
{
    width:auto !important;
    margin-left: 9px !important;
    border:0px none !important;
    box-shadow:none !important
}
.qcRadio span
{
    background:none !important;
    border:0px none !important;
    width:100% !important;
    float:left !important;
    margin-top:0px !important
}
.qcRadio span strong {
    float:left;
    margin-left: 4px;
line-height: 21px;

}
.gridinput {

    /*border:1px solid #7f9db9;
    background: #fdfdfd;
    color: #333;
    font-size: 1em;
    margin: 5px 0 6px 0;
    padding:2px 5px !important;
    width: 96%;
    background:none #fdfdfd !important;
    height:20px !important;
    line-height:20px !important;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#5e5e5e;*/

    border: 1px solid #cdd0d9;
    background: #fdfdfd;
    color: #333;
    font-size: 1em;
    margin: 0px 0 0px 0 !important;
    padding: 2px 5px !important;
    width: 96%;
    background: none #fdfdfd !important;
    /*height: 28px !important;*/
    height: 26px !important;
    line-height: 20px !important;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    color: #111;

}
.gridtable .selectSize
{
    height:32px !important;
    margin-right:4px !important;
}
.checkboxInput {
    border: 1px solid #9ac5ff;;
    background: #fdfdfd;
    color: #333;
    font-size: 1em;
    margin: 6px 0px 4px;
    padding:2px 5px !important;
    width: auto !important;
    /*background:url(../../Images/InputBGSmall.png) repeat-x left bottom #fff !important;*/
    background:none #fdfdfd !important;
    line-height:20px !important;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#5e5e5e;
    box-shadow: none !important;
}
.gridselect {
    border: 1px solid #9ac5ff;
    background: #fff;
    color: #333;
    font-size: 1em;
    margin: 5px 0 6px 0;
    padding:2px 5px !important;
    width: 96%;
    /*background:url(../../Images/InputBGSmall.png) repeat-x left bottom #fff !important;*/
    background:none #fdfdfd !important;
    height:24px !important;
    line-height:24px !important;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#5e5e5e;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
.gridradio {
    width:18px !important;
    height:auto !important;
    margin: 5px 0 6px 0 !important;
    padding:3px 5px;
    background:none !important;
    border:0px none #fff !important;
    box-shadow:none !important;
}
.lblrad span
{
    float:left;
    padding-top:2px;
            font-family: 'Lato-Regular' !important;
    font-weight:normal;
}
.lblscore
{
    /*padding:2px;*/
    padding: 2px 2px 1.8px;
}
.lblscore img
{
        border-width: 0px;
    margin-top: 2px;
    float: right;
}
#smallInput {
    width:60% !important;
}
.spaceLeft {
    padding-left:5px !important;
    padding-right:5px !important;
}
.centerAlign{
    padding:0px !important;
    text-align:center;
}
.hiddenColumn
{
    display:none;
}

textarea {
    font-family: inherit;
    /*width: 500px;*/
}

/*input:required:invalid, input:focus:invalid {


     box-shadow: none !important;
    border-radius:0.2em !important;
    outline:hidden;
    border-bottom:1px solid #cdd0d9 !important;
    background:none transparent !important;
    background-color:transparent !important;
 
     
  }
input:required:valid, input:focus:valid {


    box-shadow: none !important;
    border-radius:0.2em !important;
    outline:hidden;
    border-bottom:1px solid #cdd0d9 !important;

  }*/

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    background-color: #fff;
    Color: #f6f6f6!important;
}

/*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: none !important;


}*/

/*select:required:invalid, select:focus:invalid {

	box-shadow: 1px 0px 0px #f75c50 inset !important;

  }
select:required:valid {

	box-shadow: 1px 0px 0px #f75c50 inset !important;

  }

textarea:required:valid, textarea:focus:valid {

	box-shadow: none !important;
    
  }
textarea:required:invalid, textarea:focus:invalid {

	box-shadow: none !important;

  }

input::selection
{
    outline:hidden !important; box-shadow:none !important;
}

    input:focus, textarea:focus {

        box-shadow: none !important;
        border-bottom:1px none #000 !important;

    }*/
input:required:invalid, input:focus:invalid {

	/*box-shadow: 1px 0px 0px #f75c50 inset !important;*/
    background:url(../../Images/dash.png) left center no-repeat;

  }
input:required:valid {

	/*box-shadow: 1px 0px 0px #f75c50 inset !important;*/
    background:url(../../Images/dash.png) left center no-repeat;

  }
select:required:invalid, select:focus:invalid {

	/*box-shadow: 1px 0px 0px #f75c50 inset !important;*/
    background:url(../../Images/dash.png) left center no-repeat;

  }
select:required:valid {

	/*box-shadow: 1px 0px 0px #f75c50 inset !important;*/
    background:url(../../Images/dash.png) left center no-repeat;

  }


    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
        margin-top: 5px !important;
    }

    input[type="submit"],
    input[type="button"],
    button {
        background-color: transparent;
        border: 0px solid #f00;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
        outline:none;
    }

    /*input:focus, textarea:focus, select:focus {
    outline-offset: 0px !important;
    border-radius:0.2em !important;
    outline:none !important;
    border:1px solid #cdd0d9 !important;
}*/

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

/*=================================== Enterprize version styles ======================================*/

.halfScreenContainer
{
    /*width: 47.5%;
background-color: #f8f8f8;
float: left;
margin: 10px 20px 10px 0px;
border-radius: 4px;
padding:10px;
min-height: 150px;*/

    width: 47.5%;
    background-color: transparent;
    float: left;
    margin: 10px 20px 10px 0px;
    border-radius: 0px;
    padding: 10px;
    min-height: 150px;
    border-right: 1px dashed #e2e2e2;
}
.halfScreenContainerRight
{
   /*float: left;
margin: 10px 0px 10px 0px !important;
background-color: #e8e8e8;
border:1px dashed #d4d4d4;
min-height: 172px;*/

       float: left;
    margin: 10px 0px 10px 0px !important;
    background-color: transparent;
    border: 0px dashed #e2e2e2;
    min-height: 172px;
    border-left: 0px none;
}
.halfScreenContainer table
{
    width:100%;
}
.halfScreenContainerScroll
{
    float:left;
    width:100%;
    height:164px;
    overflow-y:scroll;
    overflow-x:hidden;
    SCROLLBAR-FACE-COLOR: #d1d1d1;
    SCROLLBAR-HIGHLIGHT-COLOR: #fff;
    SCROLLBAR-SHADOW-COLOR: #fff;
    SCROLLBAR-3DLIGHT-COLOR: #fff;
    SCROLLBAR-ARROW-COLOR: #fff;
    SCROLLBAR-TRACK-COLOR: #fff;
    SCROLLBAR-DARKSHADOW-COLOR: #fff;
    border: 1px dotted #fff;
border-radius: 4px;
padding: 0px;
}
.halfScreenContainerScroll table
{
    margin-top:0px !important;
}

/*====================================================================================================*/


/* tables
----------------------------------------------------------*/

table {
    /*border-collapse: collapse;*/
    border-spacing: 0;
    /*margin-top: 0.75em;*/
    margin-top:3px;
    border: 0 none;
}

/*th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}*/

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

/*td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}*/

tr.pager td {
    padding: 0 0.25em 0 0;
}

/*================================== loader Bounce Animaton ==================================*/
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #9c9;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;

  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.statisticsRuleImg {
    float: right;
    width: 280px;
    background-color: #fff;
    border: 1px solid #b2b2b2;
      /*min-height: 160px;*/
    height:158px;
    margin: 1px 10px 0px 0px;
    padding: 0px;
    text-align: center;
    /*line-height: 150px;*/
    vertical-align: middle;
}

.statisticsRuleLeft {
    float: left;
    /*width: 572px;*/
    width:70%;
    min-height: 20px;
    padding: 0px;
    margin: 0px 8px 0px 0px;
    border-right: 1px solid #d4d4d4;
    box-shadow: 1px 0px #fff;
}

.statisticalanalysisdiv {
    /*float: left;
    width:96%;
    min-height: 30px;
    line-height: 30px;
    background-color: #f9f9f9;
    border: 0px solid #d4d4d4;
    padding: 5px;
    margin: 4px 3px 20px 20px;
    border-radius:4px;*/

    float: left;
    /* width: 882px; */
    width: 96%;
    min-height: 30px;
    line-height: 30px;
    background-color: #f9f9f9;
    border: 0px solid #d4d4d4;
    padding: 5px 15px !important;
    margin: 4px 3px 20px 0px;
    border-radius: 4px;
}

.jobSecRadioBtn {
    font-size: 11px;
    padding: 3px 4px 4px !important;
    border-bottom: 0px solid #d4d4d4;
    border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-border-radius: 0.2em !important;
}

.jobSecRadioBtn span
{
    float:left;
}
.jobSecRadioBtn input
{
    float:left;
}
.jobSecRadioBtn .rad_methods {
    width:18px;
    height:auto;
}
.statisticsRuleLeft .rad_methods
{
    float: left;
    margin-top: 10px;
    margin-right: 4px;
}
.statisticsRuleLeft label {
    text-transform:none;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*============================================================================================*/
/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #333;
        }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

     /* features */
     section.feature {
        float: none;
        padding: 10px;
        width: auto;
     }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }

    .new-row{
	height: 26px; 
	width: 30px; 
	background-image: url(/Content/add.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.remove-row{
	height: 26px; 
	width: 30px; 
	background-image: url(/Content/remove.png);
	background-position: center center;
	background-repeat: no-repeat;
}

}

.pagination {
display: inline-block;
padding-left: 0;
margin: 2px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.428571429;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
background-color: #eeeeee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
cursor: default;
background-color: #428bca;
border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #999999;
cursor: not-allowed;
background-color: #ffffff;
border-color: #dddddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}


    .pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager:before,
.pager:after {
display: table;
content: " ";
}
.pager:after {
clear: both;
}
.pager:before,
.pager:after {
display: table;
content: " ";
}
.pager:after {
clear: both;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #999999;
cursor: not-allowed;
background-color: #ffffff;
}


        .erroranswer{
            border-color: #ff0000;
            border-width: 2px;
            padding: 3px;
            border-style: solid;
        }

        .editAssign {
background: url(../../Images/editAsGrid.svg) no-repeat left top transparent !important;
    width: 16px;
    float: left;
    margin-right: 6px;
filter:grayscale(100%);
}
.editAssign:hover {
background: url(../../Images/editAsGrid.svg) no-repeat left top transparent !important;
filter:grayscale(0%);
}
.editAssign img
{
    /*width:16px;
    height:16px;*/
    border:0px none #fff;
} 

   .editAssignOrg {
background: url(../../Images/editAsOrgGrid.svg) no-repeat left top transparent !important;
    width: 16px;
    float: left;
    margin-right: 6px;
filter:grayscale(0%);
}
.editAssignOrg:hover {
background: url(../../Images/editAsOrgGrid.svg) no-repeat left top transparent !important;
filter:grayscale(100%);
}
.editAssignOrg img
{
    /*width:16px;
    height:16px;*/
    border:0px none #fff;
} 

.auditList 
{
     text-align:left; 
    font-weight: bold;
    color:#fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#0c71b8), to(#075f9d));
    background: -moz-linear-gradient(top, #0c71b8, #075f9d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c71b8, endColorstr=#075f9d);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0c71b8, endColorstr=#075f9d)";
 height:24px;
 width:1026px;
 margin:0px;
 line-height:24px;
 vertical-align:middle;
 font-size:14px;
 float:left;
 padding-left:0px 0px 0px 4px;
    background-image: -ms-linear-gradient(top, #0c71b8 0%, #075f9d 100%);
}

.pauseIcon 
{
    /*background: url("../Images/pauseIcon.png") no-repeat scroll 1px 1px #fff !important;
width: 21px !important;
height: 20px !important;
float: right;
margin: 0px 5px 0px !important;
cursor: pointer !important;
border: 0px none #fff;
border-radius: 4px !important;
border: 1px solid #fff !important;
padding: 0px !important;*/
    background: url(../../Images/pauseIcon.svg) no-repeat scroll left top transparent !important;
width: 19px !important;
    height: 17px !important;
    float: right;
    margin: -2px 5px 0px !important;
    cursor: pointer !important;
    border: 0px none #fff;
    border-radius: 4px !important;
    border: 0px solid #fff !important;
    padding: 0px !important;
}
.pauseIcon:hover {
    background: url("../Images/pauseIcon.png") no-repeat scroll 2px -22px #fff !important;
    filter:invert
}
.playIcon 
{
    background: url("../Images/play.png") no-repeat scroll 2px 1.5px #fff !important;
/*width: 21px !important;
height: 20px !important;
float: right;
margin: 0px 5px 0px !important;
cursor: pointer !important;
border: 0px none #fff;
border-radius: 4px !important;
border: 1px solid #fff !important;
padding: 0px !important;*/
width: 23px !important;
    height: 21px !important;
    float: right;
    margin: -2px 5px 0px !important;
    cursor: pointer !important;
    border: 0px none #fff;
    border-radius: 4px !important;
    border: 1px solid #fff !important;
    padding: 0px !important;
}
.playIcon:hover {
    background: url("../Images/play.png") no-repeat scroll 2px -22px #fff !important;
}

/* when hiding the picture */
.ng-hide-add         { animation:0.5s lightSpeedOut ease; }

/* when showing the picture */
.ng-hide-remove      { animation:0.5s flipInX ease; }

/* ANIMATIONS (FROM ANIMATE.CSS) ======================== */
/* flip in */
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        transform: perspective(400px);
        transform: perspective(400px);
        transform: perspective(400px);
    }
}

/* light speed out */
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .btnLink
{
   line-height:34px !important
}

}

body div.wrap.ng-cloak div.preloader { display: block !important; }
body div.wrap.ng-cloak div:not(.preloader) { display: none!important; }

.result-field1
{
    float:left;
    text-align:left;
    width:534px;
    min-height:20px;
    padding:4px 0px 4px 4px;
    margin:0px 0px 0px 5px;
    color:black;
    font-size: 1em;
    background-color:#f4f4f4;
     border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
    border:1px solid #e4e4e4;
}
.jobListTool {
    background: url(../../Images/jobList2.svg) no-repeat left top transparent !important;
    width: 20px;
    height: 24px;
    float:left;
    cursor:pointer;
    filter: grayscale(100%);
}
.jobListTool:hover {   
    /*background: url(../../Images/jobList.svg) no-repeat left -24px transparent !important;*/
    background: url(../../Images/jobList2.svg) no-repeat left top transparent !important;
    cursor:pointer;
    filter: grayscale(0%);
}
.editInfoTool {
    background: url(../../Images/editInfo.svg) no-repeat left top transparent !important;
    width: 20px;
    height: 20px;
    float:left;
    cursor:pointer;
        filter: grayscale(100%);
        opacity:0.7
}
.editInfoTool:hover {   
    background: url(../../Images/editInfo.svg) no-repeat left top transparent !important;
    cursor:pointer;
    filter: grayscale(0%);
    cursor:pointer;
    opacity:1
}
.branch {
    background: url(../../Images/branch.png) no-repeat left top transparent !important;
   width: 20px !important;
    height: 18px;
    float: left;
    cursor: pointer !important;
    border: 0px none !important;
    margin: 0px !important;
}
.branch:hover {   
    background: url(../../Images/branch.png) no-repeat left -31px transparent !important;
  
}
.branchFullfill {
    background: url(../../Images/branch.png) no-repeat left -31px transparent !important;
   width: 20px !important;
    height: 18px;
    float: left;
    cursor: pointer !important;
    border: 0px none !important;
    margin: 0px !important;
}
.branchFullfill:hover {   
    background: url(../../Images/branch.png) no-repeat left -31px transparent !important;
  
}


/*======================= For New Accordion  23-2-2017===================================*/
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    /*background-image: url("images/ui-icons_555555_256x240.png");*/
     background-image: url("images/ui-icons_555555_256x240w.png");
}

.ui-accordion-header, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    font-weight: 600;
/*color: #638db7;*/

border: 1px solid #b1b1b1 !important;
background-color:#8e8f90 !important;
box-shadow: 0px 1px #81bae1 inset;
color:#fff !important;
}
.add_riskReg {
    background: url("../../Images/add_risk.png") no-repeat left top transparent;
    width: 24px;
    height: 24px;
    float: right;
    margin-top:3px;
}

.add_riskReg:hover {
        background: url("../../Images/add_risk.png") no-repeat left -40px transparent;
    }
.formInsideGridHeader {
    font-size: 11.4px;
}

#riskGrid input {
        width: 90%;
    margin: 2px;
    padding: 2px;
    height: 22px;
}

/*.ui-dialog-buttonset {
    display: none !important;
}*/
.form-fieldRisk
{
    text-align:left;
    min-height:20px;
    padding:3px 0px;
    margin:0px 0px 0px 5px
}
.form-fieldRisk input
{
    /*border: 1px solid #9ac5ff;*/
    border:1px solid #7f9db9;
    
    font-size: 13px !important;
    margin: 0px !important;
    padding: 5px 5px;
    width: 62.8%;
    background:none #fdfdfd;
    height:22px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
   color: #333;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
.form-fieldRisk select
{
    /*border: 1px solid #9ac5ff;*/
    border:1px solid #7f9db9;
    
    /*font-size: 1em;*/
    margin: 0px !important;
    padding: 2px 5px;
    width: 64.2%;
    background:none #fdfdfd;
    height:28px;
    line-height:26px;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color: #333;
    /*box-shadow: 0px 1px 1px #e0e0e0 inset;*/
}
.form-fieldRiskSPCL select option
{
    float: left;
background-color: rgb(246, 246, 246);
padding: 3px;
margin: 2px;
border: 1px solid rgb(212, 212, 212);
border-radius: 3px;
font-size: 11px;
font-weight: 600 !important;
word-wrap: break-word;
min-height: 18px;
width: 100%;
overflow-x:hidden;
}
.form-fieldRiskSPCL select option:hover {
    float: left;
    background-color: #b0b0b0;
    color:#fff;
    border-radius: 3px;
}
.form-fieldRisk .colorcont
{
    background-color:#f2f2f2;
    min-height:23px;
    min-width:42.8%;
    float:left;
    padding:3px 4px 5px 8px;
    margin:0px 0px 0px 0px;
    border-radius:0.2em !important;
    -moz-border-radius:0.2em !important;
    -webkit-border-radius:0.2em !important;
}
.form-fieldRisk .colorcont input
{
    width:auto;
    float:left;
    margin-top:4px !important;
}


/*======================================== Risk Styles ===============================*/
.smallwidthinput
{
    width:50px !important;
}
.ui-widget-overlay {
    width: 100% !important;
    overflow-x: hidden;
   height:auto !important;
   position:absolute !important;
   top:20% !important;
   z-index:999999 !important  
    
}
.popupPosition
{
     position:absolute !important;
   top:20% !important;
   z-index:999999 !important
}

.globalErrorMsgFloat_risk {
    background: url(../../Images/errorExclam.png) no-repeat 5px 3px #fdf8d2 !important;
    text-align: left;
    min-height: 1px;
    line-height: 16px;
    vertical-align: middle;
    padding: 7px 4px 7px 35px;
    float: left;
    border: 0px none #d8d7d2;
    color: #444;
    font-size: 11px;
    margin: 0px 0px 3px 0px;
    width: 92.5%;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
}
.globalErrorMsgFullPixelContainer
{
    background: url(../../Images/errorExclam.png) no-repeat 5px 3px #fdf8d2 !important;
    text-align: left;
    min-height: 1px;
    line-height: 16px;
    vertical-align: middle;
    padding: 7px 4px 7px 35px;
    float: left;
    border: 0px none #d8d7d2;
    color: #444;
    font-size: 11px;
    margin: 0px 0px 3px 0px;
    width: 97%;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
}
.globalErrorMsgContainerMidSize
{
    background: url(../../Images/errorExclam.png) no-repeat 5px 3px #fdf8d2 !important;
    text-align: left;
    min-height: 1px;
    line-height: 16px;
    vertical-align: middle;
    padding: 7px 4px 7px 35px;
    float: left;
    border: 0px none #d8d7d2;
    color: #444;
    font-size: 11px;
    margin: 0px 0px 3px 0px;
    width: 93%;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
}
.globalErrorMsgContainerSmallSize {
     width: 91% !important;
}
.allLowercase
{
    text-transform:lowercase !important;
}
.greyRow
{
    background-color:#e0e0e0 !important;
    color:#666 !important;
}
.greyRowHeader th
{
    border-color: #6694b4 !important;
}
.branchContent {
    width: 97% !important;
    background-color: White;
    border: 1px solid #000;
        padding: 5px !important;
}
.qid
{
    float:right;
    color:#f00;
}


.deletePanel {
    width: 350px;
    background-color: White;
    border: 1px solid #000;
    padding: 2px;
}

.deletepanelBig {
    width: 500px !important;
}

.riskControlPopBig {
    width: 600px !important;
    height: 400px !important;
}

.riskRelateSpan {
    padding-top: 0px;
    height: 24px;
    float: right;
}

.spclWidthInput {
    width: 85% !important;
}
#riskGrid .spclWidthInput {
    /*width: 80% !important;*/
        width: 74% !important;
}

#riskGrid td {
    /*padding-left: 3px !important;
    padding-right:3px !important;*/
        /*padding: 6px 5px !important;*/
        padding: 15px 20px !important;
}
#riskgriSpclScn tr td
{
    padding: 15px 10px !important;
}
.onlyTopPadding .disabled
{
    margin: 4px !important;
    width: 96.7% !important;
    background-color: #f6f6f6 !important;
    color: #aaa !important;
}
#riskGrid .onlyTopPadding
{
    padding:0px 0px !important;
    border: 1px solid #cdd0d9;
}
#riskGrid .popupSmallSectiontd
{
    padding:8px 10px !important;
}
#riskGrid .popupSmallSectiontd input
{
    padding: 2px !important;
    height: auto !important;
    border: 1px solid #cdd0d9 !important;
}
#riskGrid .popupSmallSectionheader
{
    padding:8px 10px !important;
    border-bottom: 1px solid #cdd0d9;
}
#riskGrid .popupSmallSectionheader .FormHeader
{
    font-size: 13px;
    padding: 4px 0px 0px 8px;
    color: #000;
    font-weight: normal;
    font-family: 'Lato-Semibold';
}
#riskGrid2 td {
    
    padding: 15px 20px !important;
}

#riskGrid2 b{
    font-weight: normal !important;
    font-family: 'Lato-Semibold' !important;
}
#riskGrid2 span
{
        font-size: 12px;
    float: left;
    margin: 0px 0px 0px;
}
#riskGrid2 .smallCheckBox 
{
    margin-top: 2px !important;
}
#riskGrid2 .check
{
    float: left;
    margin-top: 9px !important;
    height: 16px;
}

#riskGrid .FormTextBoxRiskSmall {
    /*font-size: 12px;
    margin: 1px 3px 0 0 !important;
    color: Black;
    width: 85px;
    height: 18px;
    padding: 2px 1px;
    vertical-align: middle;
    text-transform: capitalize;
    border: 1px solid #7f9db9;*/

    font-size: 13px;
    margin: 0px !important;
    color: Black;
    width: 85px;
    height: 16px;
    padding: 8px 5px;
    vertical-align: middle;
    text-transform: capitalize;
    border: 1px solid #cdd0d9;
}


#riskGrid .FormTextBoxRisk {
    /*font-size: 12px;
    margin: 1px 3px 0 0 !important;
    color: Black;
    width: 97%;
    height: 18px;
    padding: 2px 1px 2px 4px !important;
    vertical-align: middle;
    text-transform: capitalize;
    border: 1px solid #7f9db9;*/
        font-size: 13px;
    margin: 0px !important;
    color: Black;
    width: 97%;
    height: 16px;
    padding: 8px 5px !important;
    vertical-align: middle;
    text-transform: capitalize;
    border: 1px solid #cdd0d9;
}
#riskGrid .FormTextBoxRiskTestSpcl {
    width: 85% !important;
  
}
 .listrow {
        /*background-color: #e0e0e0;*/
    padding: 5px 8px;
    margin: -1px 2px 0px;
    float: left;
    border-radius: 2px;
    font-weight: 500;
    color: #333;
    font-size: 11px;
    border: 1px solid #e4e4e4;
width: 99%;
}
.TextBoxSpclHeight {
 
    height: 22px !important;
}

#riskGridpop2 .FormTextBoxRisk {
    font-size: 13px;
    margin: 1px 3px 0 0 !important;
    color: Black;
    width: 95%;
    height: 18px;
    padding: 2px 1px 2px 4px !important;
    vertical-align: middle;
    text-transform: capitalize;
    border: 1px solid #7f9db9;
}
#riskGrid .FormTextAreaRisk {
    /*font-size: 12px;
    margin: 1px 3px 0 0 !important;
    color: Black;
    width: 98%;
    height: 18px;
    padding: 1px 1px 3px 4px !important;
    vertical-align: middle;
    text-transform: none;
    border: 1px solid #7f9db9;
    border-radius: 3px;
    box-shadow: none;
    font-family: Arial,Verdana,Tahoma;
    resize: vertical;*/

        font-size: 13px;
    margin: 1px 3px 0 0 !important;
    color: Black;
    width: 98%;
    height: 17px;
    padding: 1px 1px 3px 4px !important;
    vertical-align: middle;
    text-transform: none;
    border: 1px solid #7f9db9;
    border-radius: 3px;
    box-shadow: none;
    font-family: Arial,Verdana,Tahoma;
    resize: vertical;
    padding: 7px 5px !important;
    line-height: 16px;
}

#riskGrid Select {
    height: 34px !important;
}

#riskGrid2 Select {
    height: 34px !important;
}

.upldFileListContainer {
      float: left;
    background-color: #fff;
    border: 1px solid #d4d4d4 !important;
    padding: 4px !important;
    width: 98% !important;
    margin-top: 15px;
    border-radius: 4px;
    margin-right:0px !important;
    max-width:960px;

}

    .upldFileListContainer div {
        width: 100%;
    }

.spclRightPadding {
    padding-right: 15px !important;
}
.qSettingPOPAUDIT .spclRightPadding {
    padding-right: 10px !important;
}
.qSettingPOPAUDIT label
{
    font-size: 13px;
    color: #000;
    float: right;
    line-height: 35px;
    vertical-align: middle;
    /* margin-top: 3px; */
    font-family: 'Lato-Semibold';
}
.formlineDivColored
{
    border-radius:0.2em;
    background-color:#f1f1f1;
    padding: 10px;
    width: 97%;
    float: left;
}
.formlineDivColored label
{
        float: left !important;
    margin-right: 15px !important;
    margin-top: -2px !important;
}
.formlineDivColored .FormButtonGrey
{
    margin-right: 9px !important;
    float: right !important;
}
.positionAlign {
    float: right !important;
}

.singleWhiteSpace {
    margin-right: 2px !important;
}

.norecord {
    border: 0px none #fff !important;
    background-color: #fff !important;
}

    .norecord td {
        border: 0px none #fff !important;
        background-color: #fff !important;
    }

.controlSetupPopNew {
    float: left !important;
}

.riskaddDocPop {
    min-height: 400px !important;
}

.noScrollMin-height {
    /*min-height: 200px;
    min-height: 140px;*/
     min-height: 105px;
}

.noScrollArea {
    overflow: hidden !important;
    height: auto !important;
}
.noscrollnoPadd
{
    margin-top: 0px !important;
    border: 0px none !important;
    padding: 0px !important;
    width: 100% !important;
}
.noscrollFullHeight {
    overflow: hidden !important;
    height: 100% !important;
}

.noscrollSPCLHeight {
    overflow: hidden !important;
    height: 360px !important;
}


.popupformContainer
{
    background-color:transparent;
    border:0px solid #d4d4d4;
    padding:5px;
    border-radius: 4px;
}
.riskpopupouterColorTop {
     margin: 0px 0px 3px 1px !important;
}
#spclTDPadding td
{
    padding: 6px 5px !important; 
}
#spclTDPadding .GridHeader td
{
    padding: 15px 20px !important; 
}
 #spclTDPadding .gridLookDiv td
{
    padding: 15px 20px !important; 
}
 #spclTDPadding .smallGrid
 {
     overflow-y:hidden;
 }
.riskpopupouterColor {
    /*background-color: #E7F5F7;
    border-top: 0px solid #FFFFFF;
    font-size: 12px;
    margin: 0px 0px 0px 1px;
    padding: 4px 10px 10px;
    height: 270px;
    overflow: hidden;
    scrollbar-face-color: #e1e1e1 !important;
    scrollbar-highlight-color: #fff !important;
    scrollbar-shadow-color: #fff !important;
    scrollbar-3dlight-color: #fff !important;
    scrollbar-arrow-color: #d4d4d4 !important;
    scrollbar-track-color: #fff !important;
    scrollbar-darkshadow-COLOR: #fff !important;
    border-radius:4px !important;*/

        background-color: #f6f6f6;
    border-top: 0px solid #FFFFFF;
    font-size: 12px;
    margin: 0px 0px 0px 1px;
    padding: 4px 10px 10px;
    height: 286px;
    overflow: hidden;
    scrollbar-face-color: #e1e1e1 !important;
    scrollbar-highlight-color: #fff !important;
    scrollbar-shadow-color: #fff !important;
    scrollbar-3dlight-color: #fff !important;
    scrollbar-arrow-color: #d4d4d4 !important;
    scrollbar-track-color: #fff !important;
    scrollbar-darkshadow-COLOR: #fff !important;
    border-radius: 2px !important;
}
.riskpopupouterColorGrid
{
    /*background-color: #fff;
    border: 1px solid #d4d4d4 !important;
    font-size: 12px;
    margin: 5px 0px 5px 1px;
    padding: 4px 10px 10px !important;
    overflow-y: scroll;
    scrollbar-face-color: #e1e1e1 !important;
    scrollbar-highlight-color: #fff !important;
    scrollbar-shadow-color: #fff !important;
    scrollbar-3dlight-color: #fff !important;
    scrollbar-arrow-color: #d4d4d4 !important;
    scrollbar-track-color: #fff !important;
    scrollbar-darkshadow-COLOR: #fff !important;
    height: 140px;
    border-radius: 4px !important;
        width: auto !important;*/

    background-color: #fff;
    border: 1px solid #cdd0d9 !important;
    font-size: 12px;
    margin: 5px 0px 5px 0px;
    padding: 0px 2px 0px 0px !important;
    overflow-y: scroll;
    scrollbar-face-color: #e1e1e1 !important;
    scrollbar-highlight-color: #fff !important;
    scrollbar-shadow-color: #fff !important;
    scrollbar-3dlight-color: #fff !important;
    scrollbar-arrow-color: #d4d4d4 !important;
    scrollbar-track-color: #fff !important;
    scrollbar-darkshadow-COLOR: #fff !important;
    height: 140px;
    border-radius: 2px !important;
    width: auto !important;
}
.smallGrid
{
    height:90px !important;
}
.riskpopupouterColorNorm {
    background-color: #fff;
    border-top: 1px solid #FFFFFF;
    font-size: 12px;
    margin: 0px 0px 0px 1px;
    padding: 4px 10px 10px;
    scrollbar-face-color: #e1e1e1 !important;
    scrollbar-highlight-color: #fff !important;
    scrollbar-shadow-color: #fff !important;
    scrollbar-3dlight-color: #fff !important;
    scrollbar-arrow-color: #d4d4d4 !important;
    scrollbar-track-color: #fff !important;
    scrollbar-darkshadow-COLOR: #fff !important;
    height: 200px;
    overflow-y: scroll;
}

.leftPosition {
    float: left !important;
}

.popupdataContainer {
    float: left;
    padding: 2px;
    min-height: 20px;
    width: 99%;
    overflow-y: scroll;
    scrollbar-face-color: #e1e1e1 !important;
    scrollbar-highlight-color: #fff !important;
    scrollbar-shadow-color: #fff !important;
    scrollbar-3dlight-color: #fff !important;
    scrollbar-arrow-color: #d4d4d4 !important;
    scrollbar-track-color: #fff !important;
    scrollbar-darkshadow-COLOR: #fff !important;
    height: 120px;
    overflow-x:hidden !important;
}
.spcldialogueSizepopup
{
    height: 198px !important;
    overflow:hidden !important;
    width:99% !important;
}

.riskComplianceSPCLPop {
    height: 120px !important;
    overflow-y: scroll;
    scrollbar-face-color: #e1e1e1 !important;
    scrollbar-highlight-color: #fff !important;
    scrollbar-shadow-color: #fff !important;
    scrollbar-3dlight-color: #fff !important;
    scrollbar-arrow-color: #d4d4d4 !important;
    scrollbar-track-color: #fff !important;
    scrollbar-darkshadow-COLOR: #fff !important;
}

.scrollStyle {
    scrollbar-face-color: #e1e1e1 !important;
    scrollbar-highlight-color: #fff !important;
    scrollbar-shadow-color: #fff !important;
    scrollbar-3dlight-color: #fff !important;
    scrollbar-arrow-color: #d4d4d4 !important;
    scrollbar-track-color: #fff !important;
    scrollbar-darkshadow-COLOR: #fff !important;
    height: 400px !important;
    overflow-y: scroll !important;
}

.gridScroller {
    background-color: #fff;
    width: 97.5%;
    min-height: 0px;
    border-radius: 3px;
    padding: 5px;
    height: 160px;
    overflow-y: scroll;
    scrollbar-face-color: #e1e1e1 !important;
    scrollbar-highlight-color: #fff !important;
    scrollbar-shadow-color: #fff !important;
    scrollbar-3dlight-color: #fff !important;
    scrollbar-arrow-color: #d4d4d4 !important;
    scrollbar-track-color: #fff !important;
    scrollbar-darkshadow-COLOR: #fff !important;
    border: 1px solid #d4d4d4;
}

.FormTextBoxRiskCompliance {
    font-size: 11px;
    margin: 0px 3px 0 0 !important;
    color: Black;
    width: 90% !important;
    height: 16px !important;
    padding: 8px 5px !important;
    vertical-align: middle;
    text-transform: capitalize;
    border: 1px solid #cdd0d9;
    float: left;
}
.inputRiskComplianceWithIcon
{
    width: 90% !important;
}
.normalfont
{
    font-weight:normal !important;
}
.FormTextBoxRiskdropSmall {
        width: 80% !important;
        float: left !important;
        /*margin-right:0px !important*/
    }

.bothSideSpacing {
    padding: 4px 10px;
}
.bothSideSpacing p
{
    /*margin-bottom:0px !important;*/
    margin-bottom:10px !important;
}

.leftRightSpacing {
    padding: 5px 10px;
background-color: #e9e9e9;
border-radius: 2px;
border-right: 1px solid #e1e1e1;
}
.leftRightSpacing div {
    float:left;
}
.dropdownBgLight
{
background-color: #f6f6f6 !important;
}

.riskLocationGrid {
    float: left;
}

.riskMenuHeader {
    float: left;
    padding: 5px 10px 5px;
    color: #5e5e5e;
    font-size: 14px;
    font-weight: 600;
    margin-left: 10px;
    width: 95.5%;
    background-color: #f1f1f1;
    border: 1px solid #d4d4d4;
}

.SetupSubmenuUL {
    float: left;
    padding: 10px 0px 10px;
    margin: 5px 0px 40px 10px;
    width: 97.4%;
    min-height: 100px;
    list-style-type: none;
    background-color: #fff;
    border: 1px solid #d4d4d4;
}

    .SetupSubmenuUL li {
        float: left;
        margin: 0px 4px 4px 10px;
        width: 900px;
        padding: 0px 0px 0px 15px;
        list-style-type: none;
        line-height: 32px;
        vertical-align: middle;
        height: 32px;
        font-size: 14px !important;
        font-weight: bold !important;
        background-color: #ecf2f6;
        margin-bottom: 4px;
        border: 1px solid #c6d5e1;
    }

        .SetupSubmenuUL li:hover {
            background-color: #f1f1f1;
            border: 1px solid #c0c0c0;
        }

.SetupSubmenuAlternateLI {
    background-color: #fff !important;
}

    .SetupSubmenuAlternateLI:hover {
        background-color: #f1f1f1 !important;
        border: 1px solid #c0c0c0;
    }


.attachment {
    background: url(../../Images/attachment2.svg) no-repeat left top transparent !important;
    width: 20px;
    height: 22px;
    /*float:right;*/
    margin-left: 0px;
    cursor: pointer;
    filter: grayscale(100%);
    opacity: 0.7;
}

    .attachment:hover {
        background: url(../../Images/attachment2.svg) no-repeat left top transparent !important;
        filter: grayscale(0%);
    opacity: 1;
    }
.form-field .attachment
{
    float:left;
}
.selectWithAttachment
{
    float:left;
}
.attachmentContainer
{
        float: left;
    margin-left: 4px;
    width: 26px;
    height: 25px;
    line-height: 26px;
    vertical-align: middle;
    background-color: #f2f2f2;
    padding: 2px 1px 0px 2px;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
}
.attachmentContainer:hover
{
    background-color:#0c71b8
}

.riskexl {
    background: url(../../Images/excelIcon.png) right top no-repeat;
    min-height: 16px;
    color: #6086A8;
    padding: 3px 18px 3px 0;
    float: right;
    margin-right: 4px;
}

    .riskexl:hover {
        background: url(../../Images/excelIcon.png) right top no-repeat;
        color: #3fb8e8;
        text-decoration: underline;
        padding: 3px 18px 3px 0;
        float: right;
        margin-right: 4px;
    }


.riskmsg {
    /*background: url(../../Images/riskmsg.svg) no-repeat left top transparent !important;
  width: 24px;
    height: 32px;
    margin-left: 2px;
    cursor: pointer;
    margin-top:2px !important;
    filter: grayscale(100%);
    opacity: 0.7;*/
        background: url(../../Images/riskmsg.svg) no-repeat left 1px transparent !important;
    width: 24px;
    height: 32px;
    margin-left: 2px;
    cursor: pointer;
    margin-top: 2px !important;
    filter: grayscale(100%);
    opacity: 0.7;
    padding-bottom: 2px;
}

    .riskmsg:hover {
       background: url(../../Images/riskmsg.svg) no-repeat left 1px transparent !important;
         filter: grayscale(0%);
         opacity: 1;
    }
.riskFreq {
    background: url(../../Images/riskFreq.svg) no-repeat left 2px transparent !important;
    width: 31px;
    /*height: 20px;*/
    margin-left: 2px;
    cursor: pointer;
    margin-top:2px;
    filter: grayscale(100%);
    opacity: 0.7;
}
    .riskFreq:hover {
       background: url(../../Images/riskFreq.svg) no-repeat left 2px transparent !important;
         filter: grayscale(0%);
         opacity: 1;
    }

.riskLinkurl {
    background: url(../../Images/risklink.png) no-repeat left top transparent !important;
    width: 20px;
    height: 22px;
    margin-left: 2px;
    cursor: pointer;
}

    .riskLinkurl:hover {
        background: url(../../Images/risklink.png) no-repeat left -28px transparent !important;
    }

.riskLinkdownload {
    background: url(../../Images/riskdownload.png) no-repeat left top transparent !important;
    width: 26px;
    height: 21px;
    margin-left: 2px;
    cursor: pointer;
    float: left;
}

    .riskLinkdownload:hover {
        background: url(../../Images/riskdownload.png) no-repeat left -30px transparent !important;
    }
    .riskLinkdownloadO {
    background: url(../../Images/riskdownloadO.png) no-repeat left top transparent !important;
    width: 26px !important;
    height: 21px !important;
    margin-left: 0px !important;
    cursor: pointer !important;
    float: left !important;
    border: 0px none #fff !important;
    margin-top: 1px !important;
    margin-right: 0px !important;
}

    .riskLinkdownloadO:hover {
        background: url(../../Images/riskdownloadO.png) no-repeat left -31px transparent !important;
    }
   .attach {
    /*background: url(../../Images/attach.png) no-repeat left top transparent !important;
    width: 26px !important;
    height: 21px !important;
    margin-left: 0px !important;
    cursor: pointer !important;
    float: right !important;
    border: 0px none #fff !important;
    margin-top: 1px !important;*/
    background: url(../../Images/attach.svg) no-repeat left top transparent !important;
    width: 24px !important;
    height: 24px !important;
    margin-left: 0px !important;
    cursor: pointer !important;
    float: right !important;
    border: 0px solid #000 !important;
    margin-top: 1px !important;
}

    .attach:hover {
        background: url(../../Images/attach.svg) no-repeat left top transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
    .multiUsContainer
    {
            float: none !important;
    text-align: center !important;
    /* margin: 0px; */
    /* padding: 0px; 
    border: 1px solid;*/
    width: 50%;
    }
    .multiUs {

    background: url(../../Images/multiUs.png) no-repeat left 1px transparent !important;
    width: 24px !important;
    height: 19px !important;
    margin-left: 0px !important;
    cursor: pointer !important;
    float: right !important;
    border: 0px solid #000 !important;
    margin-top: 1px !important;
}

    .multiUs:hover {
        background: url(../../Images/multiUs.png) no-repeat left -26px transparent !important;
    }
.attachW {
    /*background: url(../../Images/attachW.png) no-repeat left top transparent !important;*/
     background: url(../../Images/attach.png) no-repeat left top transparent !important;
    width: 26px !important;
    height: 21px !important;
    margin-left: 0px !important;
    cursor: pointer !important;
    float: right !important;
    border: 0px none #fff !important;
    margin-top: 3px !important;
}

    .attachW:hover {
        background: url(../../Images/attach.png) no-repeat left -29px transparent !important;
    }


.riskdoc {
    background: url(../../Images/riskdoc.png) no-repeat left 2px transparent !important;
    width: 26px;
    height: 22px;
    margin-left: 2px;
    cursor: pointer;
}

    .riskdoc:hover {
        background: url(../../Images/riskdoc.png) no-repeat left -30px transparent !important;
    }

.risklinkaudit {
    background: url(../../Images/risklinkaudit.png) no-repeat left top transparent !important;
    width: 26px;
    height: 22px;
    margin-left: 2px;
    cursor: pointer;
}

    .risklinkaudit:hover {
        background: url(../../Images/risklinkaudit.png) no-repeat left -31px transparent !important;
    }
.risklinkauditN {
    background: url(../../Images/risklinkauditN.png) no-repeat left top transparent !important;
    width: 24px;
    height: 22px;
    margin-left: 2px;
    cursor: pointer;
    float:left;padding-right: 0px;
}

    .risklinkauditN:hover {
        background: url(../../Images/risklinkauditN.png) no-repeat left -30px transparent !important;
    }

.riskdocaudit {
    background: url(../../Images/riskdocaudit.png) no-repeat left top transparent !important;
    width: 26px;
    height: 22px;
    margin-left: 2px;
    cursor: pointer;
}

    .riskdocaudit:hover {
        background: url(../../Images/riskdocaudit.png) no-repeat left -31px transparent !important;
    }
.QIconContainer
{
    /*float:left;
    width:5.8% !important;*/
    float: right !important;
    width: 5.8% !important;
    margin-top: -20px;
    margin-right: 65px;
}

.riskagent {
    background: url(../../Images/riskagent.svg) no-repeat left top transparent !important;
    /*width: 20px;*/
    height: 32px;
    margin-left: 2px;
    cursor: pointer;
    margin-top: 1px;
    filter: grayscale(100%);
    opacity: 0.7;
}

    .riskagent:hover {
        background: url(../../Images/riskagent.svg) no-repeat left top transparent !important;
        filter: grayscale(0%);
        opacity: 1;
    }

.riskcontrol {
    background: url(../../Images/riskcontrol.svg) no-repeat left 2px transparent !important;
    width: 26px;
    /*height: 21px;*/
    margin-right: 9px;
    cursor: pointer;
    margin-top:-3px;
    float:left;
    opacity: 0.7;
    filter: grayscale(100%);
}
.riskcontrol:hover {
   background: url(../../Images/riskcontrol.svg) no-repeat left 2px transparent !important;
             filter: grayscale(0%);
}

.riskauditiconcont {
    /*float: right;
width: 350px;
overflow: hidden;
background-color: #e0e0e0;
padding: 4px;
border: 1px solid #d4d4d4;
border-radius: 4px;*/

    width: 99%;
    overflow: hidden;
    background-color: #a8a8a8;
    padding: 4px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    margin-right: 5px;
}
.auditAccordionHead
{
    background-color: #ccc !important;
    border: 0px solid #0c71b8 !important;
    box-shadow: none !important;
}

    .riskauditiconcont a {
        float: left !important;
    }



/*.ui-dialog-titlebar {
    display: none;
    visibility: hidden;
}*/

.ui-dialog {
    /*left: 30% !important;*/
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
    padding: 10px !important;
}

.uploadedFilesContainer {
    background-color: #ecf2f6;
    width: 95%;
    min-height: 0px;
    border-radius: 3px;
    padding: 5px;
}
.uploadedFilesContainer input
{
    border: 0px none !important;
    padding: 4px 4px 4px !important;
    width: 98% !important;
    height: 30px !important;
}

.uploadfileName p {
    font-size: 11px;
    font-weight: bold;
    color: #444444;
    text-transform: capitalize;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding: 4px !important;
    margin: 2px 0px;
    background-color: #f1f1f1;
    border-radius: 3px;
    width: 96%;
}
/*
.ui-dialog-buttonset {
    display: none;
    visibility: hidden;
}
.ui-dialog-buttonpane
{
    display:block;
    visibility:visible;
}*/
.riskSearch select {
    float: left !important;
}

.riskSearch input {
    float: left !important;
}
.lesspaddingSpace
{
    padding:0px !important;
    float:left;
}
.smalSpaceRiskGrid
{
    padding-left:5px !important;
    padding-right:5px !important;
}
.lessSpace
{
    padding:0px !important;
}
#RiskgridOuterDiv {
    width: 100%;
    float: left;
}
.spacingbottomRisk tr td
{
    /*border:1px solid #a5bacb !important;
    border-right: 1px solid #a5bacb !important;*/
        border: 1px solid #cdd0d9 !important;
    border-right: 1px solid #cdd0d9 !important;
}
.spacingbottomRisk tr td .crossRemoveSmallGrid
{
    margin-top:-1px !important;
}
.spacingbottomRisk th
{
    /*border:1px solid #7e9db9 !important;*/
}
.riskDocGrid input {
    text-transform: none !important;
}
.riskDocGrid
{
    margin-top:0px !important;
}
.riskDocGrid th {

    background: #d6e5f4;
    background: -webkit-linear-gradient(#fff, #d6e5f4);
    background: -o-linear-gradient(#fff, #d6e5f4);
    background: -moz-linear-gradient(#fff, #d6e5f4);
    background: linear-gradient(#e4e4e4, #e4e4e4);
    min-height: 24px;
    vertical-align: middle;
    line-height: 24px;
    color: #000;
    font-size: 13px;
    font-weight: normal;
    padding: 7px 5px;
    text-transform: capitalize;
    /* border-right: 0px solid #e7f5f7 !important; */
    border: 1px solid #cdd0d9 !important;
    border-top: 0px solid #cdd0d9 !important;
    text-shadow: none;
    border-left: 0px none !important;
    font-family: 'Lato-Semibold';
}

.riskDocGrid select textarea {
    text-transform: none !important;
}

.riskDocGrid textarea {
    text-transform: none !important;
}

.riskDocGrid tr:nth-child(odd) {
    background: none repeat scroll 0 0 #f5f5f5;
}
/*  Define the background color for all the EVEN background rows  */
.riskDocGrid tr:nth-child(even) {
    background: none repeat scroll 0 0 #FFFFFF;
}

.ui-datepicker-calendar {
    background-color: rgb(241, 241, 241);
    border: 1px solid rgb(212, 212, 212);
    padding: 10px;
}

.ui-datepicker-header {
    background-color: rgb(212, 212, 212);
    padding: 5px;
    border: 1px solid rgb(192, 192, 192);
}

.riskRow {
    width: 99%;
    float: right;
    padding: 5px 0px;
}

    .riskRow input {
        float: right !important;
        margin-right:0px !important;
        margin-left:10px !important;
    }
    .riskRow input:hover {
        float: right !important;
        margin-right:0px !important;
        margin-left:10px !important;
    }

    .popupFormRow input {
        float: right !important;
        margin-right:0px !important;
        margin-left:10px !important;
    }
    .popupFormRow input:hover {
        float: right !important;
        margin-right:0px !important;
        margin-left:10px !important;
    }

.riskpopupBtnWithoutspace {
    margin-right: 0px !important;
}

.riskCommentTextArea {
    /*border: 0px none #fff !important;
    float: left !important;
    width: 100% !important;
    height: 110px !important;*/
     float: left !important;
    width: 97.5% !important;
    min-height: 110px !important;
    border: 0px solid #d4d4d4 !important;
    border-radius: 4px;
    margin: 0px !important;
    padding: 5px;
    resize:vertical;
    color:#333;
}

.textNormal {
    text-transform: none !important;
}

.selectItemNormal {
    font-weight: normal !important;
    text-transform: none !important;
}

.ui-datepicker-prev {
    margin-right: 90px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url("../Images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-state-disabled {
    cursor: default !important;
}
.riskAccoridion
{
    float: left;
width: 98.4%;
margin: 8px !important;
}
.riskAuditpgContTable
{
    border:1px solid #d4d4d4;
}
.riskAuditpgContTable td {
    padding: 2px 2px;
    border-bottom: 1px solid #d4d4d4;
}
.riskAuditpgContTableSpclTD
{
    border-right: 1px solid #d4d4d4;
}
.riskAuditpgContTable tr:nth-child(odd) {
    background: none repeat scroll 0 0 #f5f5f5;
}
/*  Define the background color for all the EVEN background rows  */
.riskAuditpgContTable tr:nth-child(even) {
    background: none repeat scroll 0 0 #FFFFFF;
}
.riskRegulationSubHeading
{
     /*border: 1px solid #b4b4b4 !important;
background: url("images/gridHeaderSub.png") repeat-x scroll left bottom #fff !important;
     border: 0px solid #b4b4b4 !important;
background: url("../Images/gridHeaderSub2.png") repeat-x scroll left bottom #fff !important;
font-weight: 600 !important;
color: #666 !important;
width: 95% !important;
margin-left: 32px !important;
box-shadow: none !important;*/

          border: 0px solid #b4b4b4 !important;
    background: none transparent !important;
    font-weight: 100 !important;
    color: #666 !important;
    width: 96.8% !important;
    box-shadow: none !important;
    padding: 8px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e2e2e2 !important;
    margin-right: 0px !important;
    margin-left: 35px !important;
}

.riskRegulationSubHeading span {
    background-image: url("images/ui-icons_555555_256x240sub.png") !important;
}
.nospacingSub  {
    padding: 0px 0px 0px !important;
    border-top: 0;
    overflow: auto;
    width: 96.4% !important;
margin-left: 32px !important;
border:0px none #fff !important;
}
.subAccorContainer
{
    width:100%;
    background-color:#f6f6f6;
    border:1px solid #d4d4d4;
    padding:4px;
}
.fullwidth
{
    width:97% !important;
}
.fullwidthGrid
{
    width:100% !important;
}
.export-Table
{
    width:100% !important;
}
.riskSearch .MandatoryStar 
{
width: 10px !important;
color: #f00;
float: left !important;
min-width: 10px;
padding: 4px 4px 0px 0px;
font-size: 20px;
}
.riskSearch .riskLabel
{
    text-align:left !important;
    float:left;
    text-align:left;
    min-width:250px;
    font-weight:400 !important; 

}
.riskpropertyGroup
{
    float: left;
width: 295px;
padding: 0px 10px 10px;
margin: 0px;
min-height: 35px;
border: 0px solid #0f0;
}
.riskpropertyGroupFull
{
    float: left;
width: 98%;
padding: 0px 10px 10px;
margin: 0px;
min-height: 35px;
border: 0px solid #0f0;
}
.riskpropertyGroupFulltextarea
{
font-size: 11px;
margin: 1px 3px 0 0;
color: Black;
width: 98%;
height: 18px;
padding: 1px 1px 3px;
vertical-align: middle;
text-transform: none;
border: 1px solid #7f9db9;
border-radius: 0px;
box-shadow: none;
font-family: Arial,Verdana,Tahoma;
margin-left: 15px;
resize:vertical;
}
.riskfilterContainer
{
    float: left;
width: 952px;
min-height: 50px;
margin: 0px 0px 5px;
border: 1px solid #d4d4d4;
background-color:#f6f6f6;
}
.risksubhederCont
{
    float:left;
    width:98%;
    padding:5px;
    border-bottom:1px solid #d4d4d4;
    margin:2px 5px 5px;
}
.risksubhederCont label
{
    float:left;
}
.riskRegulationHeading
{
    font-weight:bold!important;
}
.accordionContainer
{
    float:left;
    width:100%;
    margin:15px 0px;
    padding:0px;
}
.ui-accordion-header, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    /*font-weight: 600;

border: 1px solid #0862a1;
background: url("../Images/gridHeader3.png") repeat-x scroll left bottom #0862a1;
box-shadow: 0px 1px #81bae1 inset;
color:#fff;*/
        font-weight: 600;
   
    background: url(../../Images/gridHeader3333.png) repeat-x scroll left bottom #e9eaed;
    box-shadow: 0px 1px #81bae1 inset;
    color: #fff;
    box-shadow: none !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #cdd0d9 !important;

}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    /*border: 1px solid #7e9db9;
background: url("images/gridHeader2.png") repeat-x scroll left bottom #fff;*/
font-weight: 600;
/*color: #638db7;*/

border: 1px solid #0862a1;
background: url("../Images/gridHeader3.png") repeat-x scroll left bottom #0862a1;
box-shadow: 0px 1px #81bae1 inset;
color:#fff;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    /*background-image: url("images/ui-icons_555555_256x240.png");*/
     background-image: url("../Images/ui-icons_555555_256x240w.png");
}


.dynamicdiv .FormDropDown {
        margin: 4px 5px 4px 0px !important;
        height: 23px !important;
        text-transform: capitalize;
    }
.crossRemoveSmallGrid {
    background: url(../../Images/cross-script.png) no-repeat left top transparent !important;
    width: 16px;
    height: 16px;
    float: right;
    margin-left: 2px;
}
.crossRemoveSmallGrid:hover {
    background: url(../../Images/cross-script.png) no-repeat left -16px transparent !important;
    width: 16px;
    height: 16px;
    float: right;
    margin-left: 2px;
}
.mailRead {
    background: url(../../Images/mailRead.png) no-repeat left top transparent !important;
    width:20px !important;
    height:20px !important;
    float:left !important;
    margin-left:2px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
        margin-right: 4px !important;
}
.mailRead:hover {
    background: url(../../Images/mailRead.png) no-repeat left top transparent !important;
    box-shadow:none !important;
}
.reply {
    background: url(../../Images/reply.png) no-repeat left top transparent !important;
    width:24px !important;
    height:24px !important;
    float:left !important;
    margin-left:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.reply:hover {
    background: url(../../Images/reply.png) no-repeat left top transparent !important;
    box-shadow:none !important;
}
.replyD {
    background: url(../../Images/replyD.png) no-repeat left top transparent !important;
    width:20px !important;
    height:20px !important;
    float:left !important;
    margin-left:2px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    opacity:.6;
    
}
.replyD:hover {
    background: url(../../Images/replyD.png) no-repeat left top transparent !important;
    box-shadow:none !important;
}

.mailView {
    background: url(../../Images/mailView.svg) no-repeat left 2px transparent !important;
    width:20px !important;
    height:20px !important;
    float:left !important;
    margin-left:2px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.mailView:hover {
    background: url(../../Images/mailView.svg) no-repeat left 2px transparent !important;
    box-shadow:none !important;
}
.mailGrid {
    background: url(../../Images/mail.png) no-repeat left top transparent !important;
    width:20px !important;
    height:20px !important;
    float:left !important;
    margin-left:2px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.mailGrid:hover {
    background: url(../../Images/mail.png) no-repeat left top transparent !important;
    box-shadow:none !important;
}
.sent {
    background: url(../../Images/sent.png) no-repeat left top transparent !important;
    width:20px !important;
    height:20px !important;
    float:left !important;
    margin-left:2px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.received {
    background: url(../../Images/recieved.png) no-repeat left top transparent !important;
    width:20px !important;
    height:20px !important;
    float:left !important;
    margin-left:2px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.Mailsent {
    background: url(../../Images/mailSend.png) no-repeat left top transparent !important;
    width:32px !important;
    height:21px !important;
    float:left !important;
    margin-left:4px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    float:right !important
}
.Mailreceive {
    background: url(../../Images/mailrReceive.png) no-repeat left top transparent !important;
    width:32px !important;
    height:21px !important;
    float:left !important;
    margin-right:4px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    float:right !important;
}
    /*.mailGrid img
    {
        width:16px;
        height:16px;
        border:0px none #fff;
    }*/
.FormHeader {
    font-size: 14px;
    padding: 4px 0px 0px 8px;
    color: #666;
    font-weight: 600;
}
.spclIconPosRisk
{
    float:right;
    margin-top: 0px;
    margin-right: 5px;
}
.liEditPos
{
    margin-top:11px !important;
    float:right !important;
}
.gridtable .spacingbottomRisk
{
    margin-bottom:10px !important;
}
.FormCheckBox
{
    float:left !important;
    
}
.checkboxSpan
{
    float:left;
    margin-top: 5px !important;
    margin-left: 4px !important;
}
.smallCheckBox
{
    width:auto !important;
    height:auto !important;
    margin:0px !important;
}
.gridLookDiv
{
    border-bottom: 1px solid #c6d5e1 !important;
}
/*.blueheaderLink
{
    color:#c9d9ea !important;
    text-decoration:none;
}
.blueheaderLink:hover
{
    text-decoration:underline;
}*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*====================================== COMMENT POPUP STYLES=================================*/
#dialog-confirm-auditLevel
{
    overflow:hidden;
}
.CommentHeaderLabelContainer
{
    background-color:#e6e6e6;
    padding:4px 8px;
    float:left;
    margin:2px 0px 2px 4px;
    border-radius:4px;
    min-width:30%;
    max-width:30%;
}
.CommentHeaderLabelContainer label
{
    float: left;
    font-size: 11.5px;
    color:#555;
    font-weight: normal;
    font-family: 'Lato-Semibold' !important;
    line-height:24px;
    height:24px;
}
.CommentHeaderLabelContainer span
{
    float: left;
    font-size: 11.5px;
    color:#222;
    font-weight: normal;
    font-family: 'Lato-Semibold' !important;
    margin-left:4px;
    width: 90px;
    overflow: hidden;
    line-height:24px;
    height:24px;
}
.CommentHeaderLabelContainer select
{
    float: left;
    margin: 0px 0px 0px 4px !important;
    padding: 0px 3px;
    height: 24px;
    font-size: 12px !important;
    width: 84%;
}
.selectSpclWidth
{
    width:80% !important;
    
}
.commentTextBoxCont
{
    /*background: #d6e5f4; 
    background: -webkit-linear-gradient(#fff, #d6e5f4); 
    background: -o-linear-gradient(#fff, #d6e5f4); 
    background: -moz-linear-gradient(#fff, #d6e5f4); 
    background: linear-gradient(#fff, #d6e5f4); 
    border:1px solid #7e9db9;
    border-radius:4px;
    float:left;
    width: 97.2%;
    padding: 2px 4px 4px;
    margin: 4px;*/

    background: #f5f5f5 !important;
    border: 1px solid #cdd0d9;
    border-radius: 4px;
    float: left;
    width: 97.2%;
    padding: 2px 4px 4px;
    margin: 4px;
}
.commentTextBoxCont textarea
{
    width: 98% !important;
    height: 80px;
    margin: 2px 0px 0px !important;
    font-size: 12px !important;
    line-height: 16px !important;
    resize:vertical !important;
    color:#333 !important;
}
.letterCount
{
    color: #638db7 !important;
    text-transform: none;
    font-weight: normal;
    font-family: 'Lato-Semibold' !important;
    text-shadow: 0px 1px #fff;
    font-size:11px;
    float: left;
    margin: 3px;
}
/*============================================================================================*/
/*================================== CHAT MOD ===========================================*/
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 0px 0 0 0 !important;
    margin-top:0px !important;
   
}
.ui-dialog .ui-dialog-buttonpane {

    /*padding: 0em 0em .1em .4em !important;
        padding: 0px 15px 10px !important;*/
         padding: 0px 8px 10px !important;
}
#dialog-confirm-Conversation
{
        overflow-x: hidden !important;
}
.size
{
    width:16px;
    height:16px;
}
#gridOuterDiv .chatTable
{
    width:99.5% !important;
}
.chatTable
{
    margin-top:0px !important;
}
.chatTable .conversationPanel
{
        /*border-left: 1px solid #cdd0d9 !important;*/
    border-right:0px solid #7e9db9 !important;
    border-left: 0px solid #cdd0d9 !important;
}
.conversationPanel th
{
    font-size:10px !important;
    text-transform:none !important;
    font-family: 'Lato-Semibold' !important;
    font-weight:normal !important;
        padding: 4px 5px !important;
        color:#406992;
            min-height: 20px !important;
    line-height: 20px;
    background: #fff !important;
    border-top:0px none !important;
}
.chatTable td
{
    /*padding: 2px 5px 2px 5px !important;*/
     padding: 5px !important;
}
#conversationGridTop th
{
    font-size:12px !important;
}
#conversationGridTop td
{
    /*color:#666 !important;*/
    color:#4a99ac !important;
    font-weight:normal !important;
    font-size:10.3px !important;
    font-family: 'Lato-Semibold' !important;
        padding: 4px 5px;
        /*border-right:1px solid #c6d5e1 !important;
        text-align:left;*/
        border-right: 0px solid #c6d5e1 !important;
    text-align: left;
    border-left: 0px none !important;
}
#conversationDetail
{
     /*border-left:0px none !important;*/
    border-left:1px solid #c6d5e1 !important;
}
#conversationDetail td
{
    /*font-size:11px !important;*/
    font-size:10px !important;
    color:#000 !important;
    /*border-right:1px solid #c6d5e1 !important;
    border-left: 1px solid #c6d5e1 !important;*/
        border-right: 0px solid #c6d5e1 !important;
    border-left: 0px solid #c6d5e1 !important;
    text-align:left;
    border-bottom: 1px solid #e2e2e2;
}
#conversationDetail td img
{
    margin-left:6px;
    cursor:pointer;
}
#conversationDetail td img:hover
{
    filter:grayscale(100%);
}
.chatlistHeaderTR
{
    /*border-left:1px solid #c6d5e1 !important;*/
    border-right:1px solid #a5bacb;
    background-color:#fff !important;
    border-left:0px solid #c6d5e1 !important;
}
.chatlistHeaderTR th
{
    min-height:22px !important;
    padding: 2px 5px !important;
}
.chatlistHeaderTR td
{
    color:#555 !important;
    font-weight:normal !important;
    font-size:11px !important;
    font-family: 'Lato-Semibold' !important;
}
.chatcon
{
    margin-top:0px !important;
    margin-left: 2px;
}
.chatcon select
{
    width:100% !important;
}
.chatcon textarea
{
    width:98.4% !important;
}
.chatcon .theadSPCL
{
    
    
    min-height: 24px;
    vertical-align: middle;
    line-height: 24px;
    color: #638db7;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 0px !important;
    text-transform: uppercase;
   border:0px none !important;
   background:none !important;
   background-color:transparent !important;

}
.chatcon th .chatbox
{
    /*background: #d6e5f4;
    background: -webkit-linear-gradient(#fff, #d6e5f4);
    background: -o-linear-gradient(#fff, #d6e5f4); 
    background: -moz-linear-gradient(#fff, #d6e5f4); 
    background: linear-gradient(#fff, #d6e5f4);     border:1px solid #7e9db9;
    border-radius:4px;
    float:left;
    width: 98.6%;
    padding: 0px 5px 10px 0px;*/

    background: #d6e5f4;
    background: -webkit-linear-gradient(#fff, #d6e5f4);
    background: -o-linear-gradient(#fff, #d6e5f4);
    background: -moz-linear-gradient(#fff, #d6e5f4);
    background: transparent;
    border: 0px solid #7e9db9;
    border-radius: 4px;
    float: left;
    width: 98.6%;
    padding: 0px 5px 10px 0px;
    border-bottom: 1px dashed #cdd0d9;
}
.chatbox input
{
    padding:1px 5px !important;
        border: 1px solid #7f9db9;
    margin-bottom: 1px;
    height: 24px;
}
.chatbox .subjInput
{
    /*width:81% !important;
    width:89.5% !important;
    margin-top: 2px !important;*/
    /*width: 89% !important;
    margin-top: 2px !important;
    border: 0px none;
    border-bottom: 1px solid #f0f0f0;*/

    width: 89% !important;
    margin-top: 0px !important;
    border: 0px none;
    border-bottom: 1px solid #cdd0d9 !important;
    border-radius: 0px;
    margin-left: 0px;
    height: 23px;
    padding: 0px 5px 3px !important;
}
.mandatory_field {
    /*left: 0;
    bottom: -7px;
    width: 25px;
    position: absolute;
    background-color: #f47a74;
    height: 2px;
    border: none;*/

    left: 0px;
    width: 25px;
    position: relative;
    background-color: #f47a74;
    height: 2px;
    border: none;
    top: -2px;
    margin: 0px;
    padding: 0px;
}
.conversationLbltd
{
    /*width:100px;*/
    text-align: right;
    /*background-color: #e8e8e8;*/
    background-color: #fff;
    padding: 2px 4px;
    border-radius: 4px;
    float: left;
    width: 99.5%;
    margin-bottom: 0px;
    /* border: 1px dashed; */
    margin-left: 2px;
}
.conversationLbltd input
{
    float:left;
    margin-left:2px;
}
.conversationLbltd label
 {
     /*background-color: #f9f9f9;
    float: right;
    width: 15%;
    padding: 1px 5px;
    margin-top: 2px;
    border-radius: 2px;
    border: 1px solid #7e9db9;
    box-shadow: 0px 1px #acbbc9 inset;
    text-align: left;
    height: 22px;
    font-size: 11.4px;
    color: #333;
    line-height: 22px;
    float:left;*/

     /*background-color: #888;
    float: right;
    width: 14.5%;
    padding: 1px 5px;
    margin-top: 2px;
    border-radius: 2px;
    border: 1px solid #777;
    box-shadow: 0px 1px #e0e0e0 inset;
    text-align: left;
    height: 22px;
    font-size: 11.4px;
    color: #fff;
    line-height: 22px;
    float: left;
    text-shadow: 0px 1px #333;*/

         background-color: transparent;
    float: right;
    width: 14.5%;
    padding: 0px 5px 0px 0px;
    margin-top: 0px;
    border-radius: 0px;
    border: 0px solid #777;
    box-shadow: none;
    text-align: left;
    height: 26px;
    font-size: 13px;
    color: #007f9f;
    line-height: 22px;
    float: left;
    text-shadow: none;
    font-weight: normal !important;
    font-family: 'Lato-Regular';
    border-bottom: 1px solid #cdd0d9;
    margin-right: 0px !important;
    /*margin-bottom:5px !important;*/
 }
.lblspclRecipient
{
    height: 60px !important;
    margin-top: 0px;
    /*line-height: 36px !important;*/
    line-height: 22px !important;
}
.selectAllRec
{
    width: 80% !important;
    height: 20px !important;
}
.selectAllRec .lblspclRecipient
{
    height: 22px !important;
    font-weight: normal;
    color: #333 !important;
    font-family: 'Lato-Regular' !important;
    font-size: 12px !important;
}
.selectAllRec input
{
    height: 20px !important;
    margin-top: 1px !important;
}
.chatboxOtherPopup
{
    background: #d6e5f4; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #d6e5f4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #d6e5f4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #d6e5f4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #d6e5f4); /* Standard syntax */
    border:1px solid #7e9db9;
    border-radius:4px;
    float:left;
    width: 99.9%;
    padding: 0px;
}
.popupscrollingBig table td
{
    padding:0px;
}
.chatcon .trChatSPCL
{
    border:0px none #fff !important;
        background: transparent !important;
}
.blnkRow td
{
    border:0px none #fff !important;
}
.chatMod
{
    background:none !important;
    background-color:transparent;
}
.chatMod .FormButtonGrey
{
    margin-top:5px !important;
}
.borderLessCounter
{
    border:0px none #fff !important;
}
.chatMod tr
{
    border:0px none #fff !important;
    background:none !important;
    background-color:transparent;
}
.chatMod tr td
{
    padding: 0px 5px 0px 3px !important;
    border-right: 0px solid #c6d5e1 !important;
    font-size: 11.5px !important;
    border-left: 0px solid #c6d5e1 !important;
    color: #638db7 !important;
    text-transform: none;
    font-weight: normal;
     font-family: 'Lato-Semibold';
     text-shadow:0px 1px #fff;
}
.chatMod td select
{
    font-size:12px !important;
    margin-bottom: 2px !important;
    width: 83%!important;
    float: left;
    margin-left: 2px !important;
    margin-top: 2px !important;
    height:70px !important;
}
.chatMod td textarea
{
    /*border:1px solid #7f9db9;
    background: #fdfdfd;
    color: #333;
    margin: 4px 0 0px 3px !important;
    padding:2px 5px 0px !important;
    width: 88%;
    background:none #fdfdfd;
    min-height:40px !important;
    line-height:20px !important;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
    color:#5e5e5e;
    resize:vertical;
    font-size:12px !important;
    overflow-x:hidden;*/
    border: 0px solid #cdd0d9;
    background: #fdfdfd;
    color: #333;
    margin: 4px 0 0px 3px !important;
    padding: 2px 5px 0px !important;
    width: 88%;
    background: none #fff;
    min-height: 40px !important;
    line-height: 20px !important;
    border-radius: 0px;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0px;
    color: #5e5e5e;
    resize: vertical;
    font-size: 12px !important;
    overflow-x: hidden;
    border-bottom: 1px solid #cdd0d9 !important;
}
.letterValue
{
    font-size:10.3px !important;
}
.blnkRow
{
    background:none !important;
    background-color:transparent !important;
    border:0px none !important
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .1em .5em .5em !important;
    cursor: pointer;
    padding: 4px 20px;
    font-family: 'Lato-Regular' !important;
    color: #fff !important;
    /*background: url(../../Images/formButtonBG.png) no-repeat left top transparent !important;*/
    background: none repeat scroll 0% 0% #2f79dc !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 30px;
    float: right !important;
    text-decoration: none !important;
    text-shadow: 0 0px #000 !important;
    width: 90px !important;
    height: 34px !important;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 0px !important;
    text-align: center;
    letter-spacing: .3px;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    box-shadow: none !important;
    border: 0px none !important;
    padding: 12px 20px 12px 20px !important;
    text-align: center;
    letter-spacing: .3px;
    border-radius: 22px !important;
    vertical-align: middle;
    filter: saturate(0.5) !important;
}
    .ui-dialog .ui-dialog-buttonpane button:hover {
        /*background: url("../Images/formButtonBG.png") repeat-x left -42px transparent !important;*/
         color: #fff !important;
    border:0px solid #054472 !important;
    background: none repeat scroll 0% 0% #012636 !important;
    }

  
.branchigQues
{
    float: left;
    border-radius:4px;
    background-color: #fff;
    width: 97%;
    min-height: 20px;
    padding: 4px 10px;
    margin: 0px 0px 2px 0px;
    line-height: 20px;
    vertical-align: middle;
    border: 1px solid #d4d4d4;
}
.branchRow
{
    border-bottom:1px dashed #d4d4d4;
}
.ui-dialog-title
{
    /*float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px !important;
    text-transform: capitalize !important;
    font-weight: bold;
    text-shadow: 0px 1px #000;
    word-spacing: 1px;
    font-family:"Segoe UI",'Open Sans', Verdana, Helvetica, Sans-Serif !important;*/
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px !important;
    text-transform: capitalize !important;
    font-weight: normal;
    text-shadow: none;
    word-spacing: 1px;
    font-family: 'Lato-Semibold';

}
.ui-dialog .ui-dialog-content {
    /*position: relative;
    border: 0;
    padding: 3px 0em 1px !important;
    background: none;
    overflow: auto;
width: 90% !important;
    padding: 15px !important;*/

    position: relative;
    border: 0;
    padding: 3px /*1em*/ 0em 1px !important;
    background: none;
    overflow: auto;
    width: 90% !important;
    /* padding: 15px !important; */
    width: auto !important;
    margin: 4px !important;
    border-radius: 2px !important;
}
.jobSampleScroller
{
    max-width:1240px;
    overflow-x:scroll;
    overflow-y:hidden;
}
@media only screen and (min-width:960px){
        /* styles for browsers larger than 960px; */

        .jobSampleScroller
{
    max-width:840px;
    overflow-x:scroll;
    overflow-y:hidden;
}
    }
    @media only screen and (min-width:1440px){
        /* styles for browsers larger than 1440px; */

        .jobSampleScroller
{
    max-width:1240px;
    overflow-x:scroll;
    overflow-y:hidden;
}
    }
    @media only screen and (min-width:2000px){
        /* for sumo sized (mac) screens */
        .jobSampleScroller
{
    max-width:1860px;
    overflow-x:scroll;
    overflow-y:hidden;
}
    }


@media screen and (max-width: 1600px) {
    .jobUploadGridOuter #gridOuterDiv
{
    max-width: 1440px!important;
}
}


.jobUploadGridOuter
{
    background-color: #fff;
    padding: 5px !important;
    border-radius: 4px;
    border: 1px solid #d4d4d4 !important;
    text-align: center;
	width:99% !important;
}

.jobUploadGridOuter #gridOuterDiv
{
    /*max-width:990px !important;*/
    overflow-x:scroll;
}
#SecrchResult .jobImportContainer
{
    float:left;
    width:1346px;
    height:auto;
    overflow-x:scroll;
    padding-bottom:3px;
}



@media screen and (max-width: 1024px) {
    .auditFilterSmall
    {
        width:10%;
    }
    .auditFilterBIG
    {
        width:56%;
    }
    .isapplicabrightRow
    {
        width:71.5%;
    }
    .jobInfoBlockBig
    {
        width:72%;
    }
    .AnsHeader
    {
        width:89%;
    }
    .auditleftRow
    {
        width:18%;
    }
    .rightRow
    {
        width:79%;
    }

.AnsItem
    {
        width:89%;
    }
    .QIconContainer {
        width: 8% !important;
    }
    .questionidrow
    {
        width:76% !important;
    }
     .jobUploadGridOuter #gridOuterDiv
{
    max-width: 900px!important;
}
      .chartTopContainer
{
    
    padding: 5px 8px 2px 5px;
    max-height: 500px;
}
    .chartContainer
{
    margin:0px 26px 24px 0px;
}
    .mailReplyLine .lblbig
{
    margin: 1px 2px;
}
}
@media screen and (max-width: 1280px) {
    .rightRow
    {
        width:82.5%;
    }
    .AnsHeader
    {
        width:89%;
    }
    .AnsItem
    {
        width:89%;
    }
}
@media screen and (max-width: 800px) {
    .rightRow {
        width: 78.4%;
    }
}


@media screen and (max-width: 1366px) {
 #SecrchResult .jobImportContainer
{
    float:left;
    width:1230px;
    height:auto;
    overflow-x:scroll;
}
.chartContainerRight
{
    width:47%;

}
.msgViewReplyCont
{
    width: 99% !important;
}

    .rightRow
{   
    width: 82.7%;
} 
    .auditFilterBIG
{
    width:56.5%;
}
    .QIconContainer
{
    float:left;
    width:5.8% !important;
    margin-right: 77px;
}
    #riskGrid .spclWidthInput {
    width: 82% !important;
}
    .FormTextBoxRiskdropSmall {
        width: 83% !important;
    }
    .jobUploadGridOuter #gridOuterDiv
{
    max-width: 1210px!important;
}
    .chartTopContainer
{
    
    padding: 5px 8px 2px 5px;
    max-height: 500px;
}
    .chartContainer
{
    margin:0px 26px 24px 0px;
}
    .mailReplyLine .lblbig
{
    margin: 1px 2px;
}
.conversationContainer
{
    /*width:90.7% !important;*/
    width: 90.03% !important;
}
    .conversationContainerScroller {

        min-height: 680px;
    }
.msgCentreSeach {

    width: 98.7% !important;
}
.msgCentreSeach .searchDropDownBlock {
    /* width: 16%; */
    width: 13%;
}
.msgButtonBlock {
    width: 9% !important;
}
.mailReplyLine .lblMid {
    width: 40.29% !important;
}
.positionTop {
    width: 1200px !important;
  min-height: 870px;
}
   .assignSec {
        width: 43.92%;
        /*width: 42.5%;*/
    }
    .searchContainer 
    {
        width:96%;
    }
    .searchButtonBlock
    {
        width:20%;
    }
    .sectionpart h2 {
        width: 98.6%;
    }
    .slaElementBig {
    width: 48% !important;
}
    .searchDropDownBlock {
    margin: 0px 8px 0px;
}
    .quesscoreSeciconCont {
    width: 14% !important;
}
}

/*=======================  NEW SCROLLBAR STYLES =========================*/


/*::-webkit-scrollbar {
    width: 12px;
}
 

::-webkit-scrollbar-track {
   
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-right-radius:0px;
    -webkit-border-top-right-radius:0px;
    border-top-left-radius:0px;
}


::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
     border-bottom-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    border-top-right-radius:0px;
    -webkit-border-top-right-radius:0px;
    border-top-left-radius:0px;

    background: rgba(1,38,54,0.8);
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(104,115,120,0.3); 
}*/

/*==================================================================*/
.dashboardCharts
{
  padding-top: 45px;
}
.positionResize
{
    min-height:30px !important;
    max-height: 50px !important;
    height: 34.5px !important;
    overflow:hidden !important;
     -webkit-transition: width 5s, height 8s; /* Safari */
    transition: width 5s, height 8s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    transition-duration: 5s;
    transition-timing-function: linear;
    transition-delay: 1s;
     transition-property: height;

}
.msgShow
{
     background: url("../../Images/msgHide.svg") no-repeat left top transparent !important;
     width:30px;
     height:30px;
     float:left;
     margin-right:4px;
     margin-top: -5px;
     cursor:pointer;
}
.msgHide
{
     background: url("../../Images/msgShow.svg") no-repeat left top transparent !important;
     width:30px;
     height:30px;
     float:left;
     margin-right:4px;
     margin-top: -5px;
     cursor:pointer;
}
.msgViewReplyCont
{
    /*min-height:175px !important;*/
    border:0px none #fff !important;
    width: 99% !important;
     min-height:210px !important;
}

/*.positionTop
{
    z-index: 9;
    position: absolute;
    width:1390px;
     min-height: 870px;
}*/
/*======================================================================================================*/


@media screen and (min-width: 1920px) {

/*.positionTop
{
    width:1350px !important;
    min-height: 855px;
}*/
    .conversationContainerScroller {
        /*min-height: 715px;*/
        min-height: 440px;
    }

    .conversationContainerScroller .chatMod td select {
        width: 84% !important;
    }
    .conversationContainerScroller .chatbox .subjInput {
        width: 83% !important;
    }
label {
    display: block;
    font-size: 11px;
    font-weight: normal;
    /*font-family: 'Lato-Semibold';*/
}
    .jobInfoBlock span {
        font-size: 11.3px;
        font-weight:normal;
        font-family: 'Lato-Semibold';
        line-height:20px;
    }
.rightRow
{   
    width: 83.1%;
}  
.auditFilterButton
{
    margin-right:0px !important;
}
.auditFilterBIG
{
        /*width: 57.5%;*/
         width: 49.5%;
}
.allquestionSelect
{
    margin-right:0px !important;
}
.challangeQCARBOutercont .acceptRejectTD
{
    width:99.8%;
}
.QIconContainer
{
    float:left;
    width:5.4% !important;
}

.jobUploadGridOuter #gridOuterDiv
{
    max-width: 1380px!important;
}
.conversationContainer
{
    /*width:92.78%;*/
    width:89.78%;
        min-height: 718px;
}
.chartTopContainer {
    padding: 5px 5px 2px 5px;
    max-height: 500px;
}
    .msgCentreSeach {
        width: 98.66% !important;
    }
    .conversationTree {
        /*min-height: 720px;*/
        min-height: 480px;
    }
    .msgCentreSeach .searchDropDownBlock {
    /* width: 16%; */
    width: 13%;
}
    .msgButtonBlock {
    width: 6.5% !important;
}
    .sectionpart h2 {

        width: 98.6% !important;
    }

}
@media screen and (max-width: 1920px) {

     .sectionpart h2 {

        width: 98.6%;
    }
}
/*===================================== new reciepient Css =====================================*/
.recipientMailContainer {
    /*background-color: #fff;
    float: left;
    margin-left: 3px;
    border-radius: 2px;
    border: 1px solid #7f9db9;
    text-align: left;
    padding: 0px 4px 0px 2px;
    min-height:24px;
    width:89.7%;
    margin-top:2px;*/
        background-color: #fff;
    float: left;
    margin-left: 0px;
    border-radius: 2px;
    border: 0px solid #cdd0d9;
    text-align: left;
    padding: 0px 4px 0px 2px;
    min-height: 24px;
    width: 89.7%;
    margin-top: 2px;
    border-bottom: 1px solid #cdd0d9;
}
.recipientMailContainer table
{
    margin-top:1px;
}
.smallLabel label
{
    width:8.2% !important;
}
.mailidContainer{
padding: 0px 0px 0px 4px !important;
    background-color: #f1f1f1;
    border-radius: 3px !important;
    border: 1px dashed #888 !important;
    float: left;
    height: 20px;
    line-height: 20px;
        margin: 0px 5px 1px 0px;
    font-size:11px;
    color:#111;
}
.mailidContainer span
{
    float:left;
}
.deleteMail
{
    background: url(../../Images/delete-button.svg) no-repeat scroll left top transparent;
      width: 14px;
    height: 14px !important;
    line-height: 20px !important;
        float: right;
    margin-left: 12px;
    margin-top: 3px;
    opacity:0.5;
    cursor:pointer;
    padding:0px 2px 0px !important;
}
.deleteMail:hover
{
     background: url(../../Images/delete-button.svg) no-repeat scroll left top transparent !important;
    float: right;
    margin-left: 12px;
    margin-top: 3px;
    opacity:0.5;
    opacity:1;
     width: 14px;
    height: 14px !important;
    padding:0px 2px 0px !important;
}

.smallLabel .spclBigWidth
{
    width: 89.7%!important;
}
.smallLabel .typeaheadinput
{
    /*border-bottom:1px dashed #d4d4d4 !important;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    padding-bottom:4px !important;
    margin-bottom:0px !important;
    height:20px !important;
    width:89.5% !important;
    font-family: 'Lato-Semibold' !important;
    color:#111;
    font-size:11px;
    margin-top: 2px !important;*/

    /*border-bottom: 1px solid #cdd0d9 !important; **/
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-bottom: 4px !important;
    margin-bottom: 0px !important;
    height: 19px !important;
    width: 89% !important;
    font-family: 'Lato-Semibold' !important;
    color: #111;
    font-size: 11px;
    margin-top: 2px !important;
    border: 0px none;
    border-bottom: 1px solid #cdd0d9 !important;
    margin-left: 0px;
}

.smallLabel .typeaheadattached
{
    /*border-top:0px none !important;
    margin-top:0px !important;
    padding-top:8px;
    border-top-left-radius:0px !important;
    border-top-right-radius:0px !important;
        margin-left: 8.9% !important;*/

        border-top: 0px none !important;
    margin-top: 0px !important;
    padding-top: 8px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    margin-left: 8.9% !important;
    background-color: #fff;
    border: 1px solid #cdd0d9;
    border-radius: 2px;
}
.conversationLbltd .auditViewConvInput
{
    width:81% !important;
}
.auditViewMsg .typeaheadinput
{
    border-bottom:1px dashed #d4d4d4 !important;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    padding-bottom:4px !important;
    margin-bottom:0px !important;
    height:20px !important;
    width:81% !important;
    font-family: 'Lato-Semibold' !important;
    color:#111;
    font-size:11px;
    margin-top: 2px !important;
}

.auditViewMsg .typeaheadattached
{
    border-top:0px none !important;
    margin-top:0px !important;
    padding-top:8px;
    border-top-left-radius:0px !important;
    border-top-right-radius:0px !important;
}
.auditViewMsg .recipientMailContainer {

    width:81.5% !important;

}

/*==============================================================================================*/
.secBlock {
    float: left;
    background-color: #fdfdfd;
    padding: 4px 15px;
    margin-bottom: 10px;
    width: 97.55%;
    border: 1px solid #cdd0d9;
    border-radius: 2px;
}
.secBlockTransparent
{
    background-color:transparent !important;
    padding:2px 0px !important;
    border: 0px solid #cdd0d9 !important;
    width:98.5% !important;
    margin-bottom:0px !important;
}
.secBlock h2
{
    background: none transparent !important;
    border:0px none;
    border-bottom: 1px solid #e2e2e2;
    padding: 4px 2px 12px;
    font-size: 15px !important;
    letter-spacing: 0px;
    border-radius: 0px !important;
}
.HelpingHTMLParse .AuditViewHeader
{
    /*background: none transparent !important;
    border: 0px none;
    padding: 4px 2px;
    font-size: 13px !important;
    letter-spacing: 0px;
    border-radius: 0px !important;*/
    background: none transparent !important;
    border: 0px none !important;
    padding: 8px 2px !important;
    font-size: 15px !important;
    letter-spacing: 0px;
    border-radius: 0px !important;
    border-bottom: 1px solid #cdd0d9 !important;
    margin-bottom: 10px !important;
    width: 99.5% !important;
    text-transform:capitalize !important;
}
/*======================================== SHOW/HIDE ACTIVITY ===============================================*/
.HelpingHTMLParse .showHideButton
{
    /*background: none transparent !important;
    border: 0px none;
    padding: 4px 2px;
    font-size: 13px !important;
    letter-spacing: 0px;
    border-radius: 0px !important;*/
    /*background: url(../../Images/dwnArrow.svg) no-repeat scroll left top transparent !important;
    height:24px;
    border: 0px none !important;
    padding: 8px 2px !important;
    font-size: 15px !important;
    letter-spacing: 0px;
    border-radius: 0px !important;
    border-bottom: 1px solid #cdd0d9 !important;
    margin-bottom: 10px !important;
    width: 99.5% !important;
    text-transform:capitalize !important;
     color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;*/

   background: url(../../Images/multiArrow.png) no-repeat left -38px transparent;
    height: 24px !important;
    border: 0px none !important;
    padding: 8px 2px 10px 30px !important;
    font-size: 17px !important;
    letter-spacing: 0px;
    border-radius: 0px !important;
    border-bottom: 1px solid #cdd0d9 !important;
    margin-bottom: 10px !important;
    width: 99.5% !important;
    text-transform: capitalize !important;
    color: #000 !important;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-family: 'Lato-Light' !important;
}
.downArrowShow
{
background: url(../../Images/multiArrow.png) no-repeat left 6px transparent !important;
}
.active, .showHideButton:hover {
    background-color: transparent; 
}

.auditSecBlock {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
       float: left;
    background-color: #fdfdfd;
    padding: 0px 15px;
    margin-bottom: 10px;
    width: 97.55%;
    border: 0px solid #cdd0d9 !important;
    border-radius: 2px !important;
    transition: 0.8s;
    box-shadow:none !important;
}
#close-panel {
    background: #fff !important;
    height: 24px !important;
    border: 0px none !important;
    padding: 8px 2px 0px 10px !important;
    font-size: 14px !important;
    letter-spacing: 0px;
    border-radius: 0px !important;
    border-bottom: 1px solid #cdd0d9 !important;
    margin-bottom: 2px !important;
    width: 99% !important;
    text-transform: capitalize !important;
    color: #000 !important;
    cursor: pointer;
    padding: 18px;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-family: 'Lato-Regular' !important;
    font-weight: normal !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}
    #close-panel span {
        padding-left: 5px;
        margin-top: -8px;
    }
#close-pane2
{
     background: none transparent;
    height: 24px !important;
    border: 0px none !important;
    padding: 4px 2px 0px 2px !important;
    font-size: 14px !important;
    letter-spacing: 0px;
    border-radius: 0px !important;
    border-bottom: 1px solid #cdd0d9 !important;
    margin-bottom: 0px !important;
    width: 98.95% !important;
    text-transform: capitalize !important;
    color: #000 !important;
    cursor: pointer;
    padding: 18px;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
   font-family: 'Lato-Regular' !important;
    font-weight: normal !important;
}
    #close-pane2 span {
        padding-left: 5px;
        float: left;
        margin-top: -8px;
    }
#close-pane3
{
     background: none transparent;
    height: 24px !important;
    border: 0px none !important;
    padding: 4px 2px 0px 10px !important;
    font-size: 14px !important;
    letter-spacing: 0px;
    border-radius: 0px !important;
    border-bottom: 1px solid #cdd0d9 !important;
    margin-bottom: 2px !important;
    width: 98.95% !important;
    text-transform: capitalize !important;
    color: #000 !important;
    cursor: pointer;
    padding: 18px;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-family: 'Lato-Regular' !important;
    font-weight: normal !important;
}
#close-pane3 span
{
    padding-left:5px;
}

.auditSecBlock2 {
    /*padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
       float: left;
    background-color: #fdfdfd;
    padding: 4px 15px;
    margin-bottom: 10px;
    width: 97.55%;
    border: 1px solid #cdd0d9;
    border-radius: 2px;
    transition: 0.8s;*/
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    float: left;
    background-color: #fdfdfd;
    padding: 4px 15px;
    margin-bottom: 10px;
    width: 96.6%;
    border: 1px solid #cdd0d9;
    border-radius: 2px;
    transition: 0.8s;
    border-top: 0px none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.leftalign
{
    float:left !important;
}
.ion-ios7-close-empty
{
   /*background: url(../../Images/multiArrow.png) no-repeat left -38px transparent;*/
    height: 10px !important;
    border: 0px none !important;
    padding: 2px 2px 0px 0px !important;
    font-size: 17px !important;
    letter-spacing: 0px;
    border-radius: 0px !important;
    border-bottom: 0px solid #cdd0d9 !important;
    margin-bottom: 10px !important;
    width: 99.5% !important;
    text-transform: capitalize !important;
    color: #000 !important;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-family: 'Lato-Light' !important;
    float: left;
    width: 10px !important;
        margin-top: 0px !important;
        opacity:0.5;
}
.is-closed
{
/*background: url(../../Images/multiArrow.png) no-repeat left -38px transparent !important;*/
 transform: rotate(90deg);
}
.active, .ion-ios7-close-empty:hover {
    background-color: transparent; 
}

.auditSecBlock3 {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
       float: left;
    background-color: #fdfdfd;
    padding: 4px 15px;
    margin-bottom: 10px;
    width: 97.5%;
    border: 1px solid #cdd0d9;
    border-radius: 2px;
    transition: 0.8s;
}
.auditSecBlockShow {
    padding: 0 18px;
    display: block;
      overflow: hidden;
    float: right;
    background-color: transparent;
    padding: 4px 0px 4px 15px;
    margin-bottom: 0px;
    width: 20%;
    border: 0px solid #cdd0d9;
    border-radius: 2px;
    transition: 0.8s;
    color: #fff !important;
    height:20px;
}

.NASecBlockShow {
    padding: 0 18px;
    display: block;
      overflow: hidden;
    float: left;
    background-color: transparent;
    padding: 0px 5px;
    margin-bottom: 0px;
    width: 96%;
    border: 0px solid #cdd0d9;
    border-radius: 2px;
    transition: 0.8s;
    color: #222 !important;
    min-height:20px;
}
.NACheckRowleft {
    float: left;
    height: 100%;
    width: 13%;
    padding: 0px;
    margin: 2px 10px 2px 2px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 24px;
}
.NACheckRowleft span
{
    float: left;
    min-width: 24px;
    margin-top: 0px;
    font-size:13px;
}
.NACheckRowRight {
    float: left;
    height: 100%;
    width: 82%;
    padding: 0px;
    margin: 2px 0px 2px 2px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 24px;
}
.NACheckRowRight input
{
    width:99% !important;
    border:1px solid #cdd0d9 !important;
}


/*================================================================================================================*/


.jobInfoBlockSmall
{
        margin-right: 0px;
        min-width:15%;
    max-width: 24.5% !important;
    border:0px none !important;
}
.auditProcessContainer
{
    float: left;
    padding: 0px 0px 10px;
    margin: 0px 0px 4px;
    width: 100%;
    border-radius: 3px;
    /*border: 1px solid #cdd0d9;
    background: none #fdfdfd;*/
    background: transparent;
    border:0px none;
}
/*==================================================================================================*/


.pageTitleHeader {
    float: left;
    width: 45%;
    margin-bottom: 0px;
    margin-left: 144px;
    margin-top: -5px;
    background-color: #f8f9fb;
    z-index: 9999;
    border-left: 0px dashed #d4d4d4;
    position: fixed;
    height: 55px;
}
    .pageTitleHeader span {
        float: left;
        border-left: 0px solid #31bbf4;
        transform: rotate(180deg);
        width: 1px;
        height: 33px;
        margin-left: -3px;
        background-color: #f8f9fb;
        margin-top: 12px;
        box-shadow: 0 0 1px #fff;
        background-color: #5075a6;
    }
    .pageTitleHeader h2 {
        float: left;
        padding: 17px 10px 10px 0px;
        /*margin: 2px 0 0 35px;*/
        margin: 2px 0 0 0px;
        width: auto;
        border: 0px solid #e9eaed;
        border-bottom: 0px solid #e9eaed;
        font-size: 17px;
        text-transform: none;
        color: #686868;
        font-family: 'Lato-Semibold';
        background-color: transparent;
        box-shadow: none;
        display: block;
        position: relative;
        background-color: #f8f9fb;
        min-height: 22px;
        text-transform:uppercase;
    }
        .pageTitleHeader h2:hover {
            /*background-color: #fff;
    border:1px solid #cdd0d9;
    border-radius:2px;*/
            color: #686868;
        }
    .pageTitleHeader .blueH2 {
        color: #31bbf4 !important;
        color: #5075a6 !important;
        padding: 17px 22px 10px 6px !important;
        margin: 2px 0 0 0px !important;
        background-color: transparent !important;
    }
/*===========================Chat-Popup===============================*/
.liveChatIcon
{
     position: fixed;
    bottom: 0px;
    z-index: 9999999;
    border: 0px solid #000;
    right: 10px;
    height: 17px;
    padding: 2px 0px 3px;
    border-top: 2px solid #52646c;
    display:none;
}
.liveChatIcon:hover
{
        border-top: 2px solid #00d57a;
}
.liveChatIcon:active {
    border-top: 2px solid #00d57a;
    cursor:pointer;
}
.liveChat
{
    /*float: right;*/
   width: 20px;
    height: 14px;
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 600;
    line-height: 30px;
    background: url(../../Images/lchat4.svg) no-repeat center 0px transparent !important;
    margin: 0px 10px 0px 0px;
    padding: 6px 18px 0px;

}
.liveChat:hover {
    cursor:pointer;
}

.chat-box {
    position: fixed;
    right: 5px;
    bottom: 21px;
    box-shadow: 0 0 0.1em #000;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    z-index: 9999;
} 

.chat-closed {
    width: 230px;
    height: 30px;
    background: #0b6db2;
    line-height: 35px;
    font-size: 14px;
    text-align: right;
    border:1px solid #09538a;
    color: #fff;
    padding-right:5px;
    text-transform:uppercase;
     border-top-left-radius:4px;
    border-top-right-radius:4px;
    box-shadow: 0px 1px #b9d9f0 inset;
}

.chat-header {
    width: 230px;
    height: 30px;
    background: #fcfcfc;
    line-height: 33px;
    text-indent: 20px;
    border:0px solid #09538a;
    border-bottom:1px solid #e2e2e2;
    color:#000 !important;
      border-top-left-radius:4px;
    border-top-right-radius:4px;
    padding:2px 0px;
    font-size:13px;
    font-family: 'Lato-Semibold';
    /*box-shadow: 0px 1px #b9d9f0 inset;*/
}

.chat-content{
    width:230px;
    height:300px;
    background:#ffffff;
    border:0px solid #09538a;
    overflow-y:auto;
    word-wrap: break-word;
}
.chatcloseImg {
    float: right;
    cursor: pointer;
    margin: 7px 5px 5px;
    height: 16px;
    width: 15px;
    padding: 0px;
    border-radius: 4px;
    /*box-shadow: 0px 1px #000;
    background-color: #f1f1f1;*/
}
.chatcloseImg img
{
    height: 10px;
    width: 10px;
    float: right;
    line-height: 20px;
    margin-top: 3px;
    margin-right: 4px;
    opacity:0.7;
}
.chatcloseImg img:hover
{
    opacity:1;
}
.dialogueClose
{
    margin: 3px 0px 5px !important;
    padding: 1px 2px 1px 4px !important;
    border-radius: 2px !important;
    background-color: #fbfbfb !important;
}
.dialogueClose:hover
{
    background-color: #fff !important;
}

.box{
   width: 10px;
    height: 10px;
    background: #00d57a;
    float: left;
    position: relative;
    top: 13px;
    left: 10px;
    border: 0px solid #ededed;
    border-radius: 50%;
}

.hide {
    display:none;
}
.chat-history {
    padding: 30px 30px 20px;
    border-bottom: 2px solid white;
    /*overflow-y: auto;*/
    height: 145px;
    max-height:575px;
    overflow:auto;
    overflow-x: hidden;

}

    .message-data {
      margin-bottom: 15px;
    }
    
    .message-data-time {
      color: lightgray;
      padding-left: 6px;
    }
    
    .message {      
      color: #70d3ff;
     
    }
 
    #sendmessage {
    height: 30px;
    border-top: 1px solid #e2e2e2;
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 228px;
    background: #fcfcfc;
    padding-bottom: 20px;
    border-radius: 0px;

}

#sendmessage input {
    background: #fcfcfc;
    margin: 0px 4px 0 4px;
    border: none;
    padding: 0;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #333;
    right:5px;
    width:90%;
    box-shadow:none !important;
}

#sendmessage input:focus {
    outline: 0;
}

#sendmessage span {
    background: url("../images/send.png") 0 0 no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    /*--w3layouts--*/
    /*--agileits--*/
 
    top: 23px;
    border: none;
   right:0px;
}

#sendmessage button:hover {
    cursor: pointer;
}

#sendmessage button:focus {
    outline: 0;
}
.message .Prvbubble {
    background-color:#f0f4f8;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 13px;
    border-radius: 6px;
    color: black;
    /*--w3layouts--*/
    /*--agileits--*/
    position: relative;
    float: left;
   /*margin-bottom:1em;*/
    margin:4px 2px 8px;
    color:#000;

  
}

.message .bubble {
    background-color:#d0e6f5;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 13px;
    border-radius: 6px;
    color: black;
    /*--w3layouts--*/
    /*--agileits--*/
    position: relative;
    float: left;
   /*margin-bottom:1em;*/
    margin:4px 2px 8px;
    color:#000;

  
}
.message .bubble1 {
    background-color:#f0f4f8;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 13px;
    border-radius: 6px;
    color: black;
    /*--w3layouts--*/
    /*--agileits--*/
    position: relative;
    float: left;
   /*margin-bottom:1em;*/
    margin:4px 2px 8px;
    color:#000;
}


.chatHistory p
{
    text-align:center;
}
.chatHistory span:hover
{
    text-decoration:underline;
    cursor:pointer;
}
.chatHistory .showChat
{
    color:#fe6000
}
.chatHistory .hideChat
{
    color:#666
}
.liveChatNot
{
    color: #fff;
    background-color: #f00;
    border-radius: 50%;
    font-size: 9px;
    padding: 2px;
    border: 0px solid #fff;
    margin: -7px 0px 0px 16px;
    /* position: relative; */
    text-align: center;
    /* display: inline; */
    float: left;
    min-width: 10px;
    height: 10px;
    line-height: 11px;
}
.chatRefContainer
{
   float: left;
    width: 99%;
    padding: 10px;
    height: 319px;
    background-color: #f6f6f6;
    border-radius: 4px;
}
.chatGrid
{
    float: left;
    width: 99%;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 300px;
    padding:5px
}
.userOnline a
{
    float:none !important
}
.supportChatMsg
{
    float: left;
    width: 47%;
    background-color: #f6f6f6;
    margin: 10px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    max-height: 200px;
    overflow-y: scroll;
    padding: 10px;
}
#bottom
{
    float:left;
    width:100%;
}
#bottom ul
{
    margin:0px 0px 10px 15px;
    padding:0px;
}
#bottom ul li
{
    font-family: 'open_sanssemibold';
    font-size:12.5px;
    color:#666;
    padding-bottom:4px;
}
.LivemsgDate
{
    color:#666;
}
.liveMsgcontent
{
    color:#406992;
}
.liveMsgcontentCurrent
{
    color: #f4561f !important;
    background-color: #fff;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    margin-bottom: 4px;
    float: left;
    clear: both;
}
.nostyleType
{
    list-style-type:none !important;
}
.bottomNot
{
    height: 15px;
    padding: 4px 0px;
    background-color: #fafafa;
    border-top: 1px solid #cdd0d9;
    position: fixed;
    z-index: 999999;
    bottom: 0px;
    width: 100%;
    /*display: block;*/
    display: none;
}

/*==============================================================================*/
.qusAnsBlock 
{
    /*max-height:600px;
    overflow-y:scroll;*/
    overflow-x:hidden;
    float:left;
        /*width: 99.5%;*/
            width: 99.8%;
    margin-top: 5px;
}
.smallSecpart {
    margin: 20px 0px !important;
    padding: 30px 20px !important;
    width: 100% !important;
    background-color: #fff;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}
    .smallSecpart h2 {
        margin: -10px 0px 30px !important;
        width: 100% !important;
        padding: 12px 20px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border: 0px none !important;
        background-color: #f9f9f9 !important;
        border-bottom: 1px solid #cdd0d9 !important;
        box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
    }
.sectionpartWithoutSpace
{

    padding: 0px 0px !important;
    margin-bottom: 20px !important;
}
#normalFlowTop h2
{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
#normalFlowTop2 h2
{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
#normal .form-field select
{
    width:63.2% !important;
}
/*.sectionpartWithoutSpace button
{
padding: 0px !important;
}*/
.sectionpart {
    background-color: #fff;
    width: 99.95% !important;
    margin-left: 0px;
    padding: 30px 0px;
    border-radius: 3px;
    border: 1px solid #cdd0d9;
    box-shadow: none;
    box-sizing: border-box !important;
    float: left;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
    margin-bottom: 20px;
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
    margin-top:20px;
}
.spclSizeImp
{
    width:97% !important;
}
.spclSizeImp #normalFlowTop2 h2
{
    width:98.5% !important;
}
.spclSizeImp .alignLeft
{
    text-align:left !important;
}
.alignLeft tr td
{
    text-align:left !important;
}
.spclColor
{
    color:#007f9f !important
}
.fullScale .spclLblSize label
{
    width: 35% !important;
}
.spclButtonpos
{
    width:98.4% !important
}
.loaderPopsOuter
{
    width:100%; height:100%; position:absolute; background-color:#fff; opacity:0.8
}
.loaderPops
{
background-color: #e6e6e6;
    border: 1px solid #cdd0d9;
    box-shadow: 0px 4px 4px #5e5e5e;
    position: fixed;
    bottom: 40%;
    height: 10%;
    margin-left: 33%;
    width: 25%;
    border-radius: 0.2em;
    /*opacity: 0.8;*/
    padding: 20px;
}
.loaderPops span
{
    font-size:14px;
    color:#111;
    text-align:center
}
.loaderPops h3
{
    background-color:transparent !important;
}
.mat-tree
{
    margin:10px;
}
.sectionPartOverride {
    float: left;
    padding: 5px 10px !important;
    margin: 10px 0 15px 0 !important;
    border: 0 solid #a2a2a2 !important;
    background-color: #f0f0f0 !important;
    border-radius: 12px !important;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    float: left;
    width: 99.95% !important;
}
.sectionPartOverride input
{
    background-color:#fff !important;
}
.sectionpart h2
{
/*    width: 100% !important;
    margin: -30px 0px 30px !important;
    padding: 10px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 0px none !important;
    background-color: #f9f9f9 !important;
    border-bottom: 1px solid #cdd0d9 !important;
    font-size: 13px !important;  line-height:14px;
    box-sizing: border-box !important;  -moz-box-sizing: border-box !important;  -webkit-box-sizing: border-box !important;*/

    width: 100% !important;
    margin: -30px 0px 30px !important;
    padding: 20px 10px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 0px none !important;
    background-color: #f9f9f9 !important;
    border-bottom: 1px solid #e8e8e8 !important;
    font-size: 13px !important;
    line-height: 14px;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
}

.modal .spclHeightScroll
{
    height:400px !important;
    overflow-y:scroll !important;
}
.internalPageOuterContainer
{
    background-color: #fff;
    width: 93% !important;
    margin-left: 50px;
    padding: 0px;
    border-radius: 3px;
    border: 1px solid #cdd0d9;
        box-shadow: none;
    box-sizing: border-box !important;
    margin-top: 10px;
}
.internalPageOuterContainer h2
{
    background: none transparent;
    border: 0px solid #cdd0d9;
    border-bottom: 1px solid #cdd0d9;
    background-color: #fafafa;
    border-radius: 0px !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    width: 99.15% !important;
}
.spclLeftSpacing
{
    padding-left:25px !important;
}
.fulllengthGrayContainer
{
    background-color: #f5f5f5;
    border: 0px none !important;
    border-top: 1px solid #e2e2e2 !important;
    border-bottom: 0px solid #e2e2e2 !important;
    border-radius: 0px !important;
    width: 100%;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 0px;
}
.zeroBottomSpacing
{
    margin-bottom:0px !important;
    padding-bottom:0px !important;
}
.transparentBlock
{
    background-color:transparent !important;
    border:0px none !important;
    padding:0px !important;
    min-width: 44.8% !important;
}
.transparentOverColor
{
    background-color:transparent !important;
    border:0px none !important;
    padding:0px !important;
    /*min-width: 44.8% !important;*/
    min-width: 100% !important;
    margin-left: -2px !important;
}
.transparentOverColor span
{
    /*float: left;
    padding: 3px 12px 9px;
    background-color: #fdfdfd;
    border-radius: 0.2em;
    margin-left: 3px;*/
    float: left;
    padding: 8px 9px 9px 12px;
    background-color: #fff;
    border-radius: 0.2em;
    margin-left: 2px;
    /* margin-right: 43px; */
    border: 1px solid #e2e2e2;
    min-width: 117px !important;
}
.highlightedSec
{
    background-color: #fdfdfd;
    float: left;
    width: 43.5%;
    border-radius: 0.2em;
    padding: 4px 0px 0px;
}
/*.ColorcontWithInput
{
    background-color:#fdfdfd !important;
    border:0px none !important;
    padding:0px !important;
   min-width: 42.8% !important;
    min-width: 43.5% !important;
}*/
.ColorcontWithInput {
    /*background-color:#fdfdfd !important;*/
    background-color: #f4f4f4 !important;
    border: 0px none !important;
    padding: 0px !important;
    /*min-width: 42.8% !important;*/
    min-width: 43.5% !important;
    padding: 5px !important;
}
.ColorcontWithInput input
{
    float:left;
    margin: 7px 0px 0px !important;
}
.ColorcontWithInput span
{
    float: left;
    /*padding: 9px 12px;*/
    padding: 1px 12px;
}
    .ColorcontWithInput #IsCriticalErrorCalculate {
        margin-left:18px !important;
    }
    .rightPositioned {
        float: right !important;
    }
.rightPositioned .FormButtonResetSearchPanel
{
    margin-right:0px !important;
    margin-top:15px !important;
}

.spclPosAlignCenter
{
    /*padding: 0px 30px 15px !important;
    width: 95.7% !important;*/

        padding: 30px 30px 15px !important;
    width: 88.8% !important;
    border: 1px solid #cdd0d9 !important;
    margin: 20px 0px 0px 50px !important;
    background-color: #fdfdfd !important;
        float: left;
    border-radius: 2px;
}
.spclPosAlignCenter .gridtable td select
{
    margin: 3px 0 3px 0 !important;
}
.spclPosAlignCenter .gridtable tr td
{
    padding: 2px 5px 2px 5px;
}
#divNextBtn
{
        float: right;
    margin-bottom: 20px;
}
.ui-icon-closethick
{
    background:none #fff !important;
    border:2px solid #fafafa !important;
    top: 7px !important;
    left: 7px !important;
     background: url(../../Images/cross.svg) no-repeat scroll left top #fafafa !important;
}
.popClose
{
     background: url(../../Images/cross.svg) no-repeat scroll left top transparent !important;
     width: 12px;
    height: 16px;
    float: right;
    opacity: 0.7;
    cursor:pointer;
}
.popClose:hover
{
        opacity: 1;
    cursor:pointer;
}
.back2ListCont
{
    position:fixed;
    bottom:40px;
    left:10px;
    display:block;
    z-index:999999;
        /*background: url(../../Images/back3.svg) no-repeat scroll left top transparent !important;*/
    width:30px;
    height:30px;
    filter:grayscale(100%);
    cursor:pointer;
}
.back2ListCont:hover
{
    filter:grayscale(0%);
    cursor:pointer;
}
.back2ListCont a
{
    /*float: left;
    margin-top: -12px;
    text-align: center;
    text-decoration: none;
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 9px;
    color: #888;
    font-weight: normal;*/

   position: fixed;
    bottom: 40px;
    left: 10px;
    display: block;
    z-index: 999999;
    background: url(../../Images/back3.svg) no-repeat scroll left top transparent !important;
    width: 30px;
    height: 30px;
    filter: grayscale(100%);
    cursor: pointer;
    padding-top: 34px;
    padding-left: 0px;
    text-align: center;
       text-transform: uppercase;
    font-size: 9px;
    color: #888;
}
.back2ListCont a:hover
{
    filter:grayscale(0%);
    cursor:pointer;
}
.btnSpacingRight
{
    margin-right:14px !important;
}
.tdSpacingRight
{
    padding-right:4px;
    float:right; width:10%
}

#userinput
{
    width:700px;
    height:600px;
    overflow:hidden;
    position:absolute;
    left:25%;
    top:10%;
    display:block;
    z-index:9999;
    background-color:#f00;
    border:2px solid #000;
}

/*======================== For sticky bar in Audit ==============================*/
/* Style the navbar */
#navbar {
  overflow: hidden;
  background-color: transparent;

  box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
    border: 1px solid #edf0f3 !important;
    padding: 10px;
    margin-bottom: 15px;
}

/* Navbar links */
#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    /*position: fixed;
    top: 48px;
    width: 93.2%;
    background-color: #e9eaed !important;
    border: 0px solid #cdd0d9 !important;
    z-index: 999;
    opacity: 0.97;*/
    position: fixed;
    top: 78px;
    width: 91.96%;
    background-color: #fff !important;
    border: 0px solid #cdd0d9 !important;
    z-index: 99;
    opacity: 0.97;
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
    border: 1px solid #edf0f3 !important;
    padding: 10px;
}
.sticky .pointsInfoSection
{
    color:#fdfdfd;
}
.spaceDown {
    /*margin-top:130px !important;
    margin-top:110px !important;*/
    margin-top: 80px !important;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

#dialog-confirm-popupgrid 
{
    width:99% !important;
}


/*==============================================================================*/

/*======================================= TOGGLE ON/OF FOR STATUS CHANGE ==========================*/
.switch {
  position: relative;
  display: inline-block;
  /*width: 50px;
  height: 24px;*/
      width: 30px;
    height: 16px;
}

.switch input {display:none;}

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

.slider:before {
  position: absolute;
  content: "";
  /*height: 18px;
  width: 18px;
  left: 4px;
  bottom: 3px;*/
height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  /*background-color: #2196F3;*/
  background-color:#007f9f;
}

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

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

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

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


/*====================================================================================================*/

.no-close .ui-dialog-titlebar-close {display: none }
/*========================================= DASHBOARD MSG POPUP CONVERT ===============================*/
.msgPopOuter
{
    width: 100%;
    height: 100%;
    border: 0px solid;
    position: fixed;
    right: 0px;
    top: 0px;
    background:url(../../Images/whiteTrans2.png) left top transparent;
    z-index: 9;
}
.positionTop {
    z-index: 9;
    position: absolute;
    width: 1090px;
    max-height: 650px;
    border: 1px solid #cdd0d9;
    padding: 10px;
    /*left: 15%;*/
    right: 0px;
    top: 5%;
    height: 670px;
    box-shadow: 0px 0px 8px #c4c4c4 !important;
    -webkit-transition: width 5s, height 8s; /* Safari */
    transition: width 5s, height 8s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    transition-duration: 5s;
    transition-timing-function: linear;
    transition-delay: 1s;
    transition-property: height;
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
}
.blureffect
{
    filter:blur(1px)
}
#spclColorHeader
{
    /*background: -webkit-linear-gradient(#f4f4f4, #f4f4f4) !important;
    background: -o-linear-gradient(#f4f4f4, #f4f4f4) !important;
    background: -moz-linear-gradient(#f4f4f4, #f4f4f4) !important;
    background: linear-gradient(#f4f4f4, #f4f4f4) !important;
    background: linear-gradient(#f4f4f4, #f4f4f4) !important;*/
   /* border: 1px solid #888 !important;
    box-shadow: 0px 1px #d4d4d4 inset !important;*/
   background:none transparent !important;
   border: 0px none #fff !important;
   border-bottom: 1px solid #e2e2e2 !important;
    padding: 10px 8px 15px;
    width: 98% !important;
    margin: 5px 7px;
}
.seqLbl
{
    text-align: left !important;
    min-width: 50px !important;
    margin-left: 4px !important;
}
#dialog-confirm-auditorComment textarea
{
    width: 97%;
    margin-left: 4px;
}


/*=====================================================================================================*/

/*===================================== ALIAS MODULE CSS ======================================*/
.aliasTable input
{
        margin: 2px !important;
    padding: 4px 5px !important;
    height: 22px !important;
    border:1px solid #e2e2e2 !important;
}
.aliasInner tr
{
    border-right:0px none !important;
}
.aliasInner tr td
{
        padding: 5px !important;
}
.aliasInner tr td label
{
    display:none;
}
.aliasTable .padding0
{
    padding:0px !important;
    margin:0px !important;
}
.border0
{
    border:0px none !important;
}
#divNextBtn .FormButtonBiggerRight
{
    height:28px !important;
}
.aliasTable .columnHead
{
    font-size: 13px !important;
    font-weight: normal;
    font-family: 'open_sanssemibold';
    color: #2c8edb;
    vertical-align: top;
    padding-left: 8px;
    border-bottom: 0px solid #a5bacb;
}
.leftborder
{
    border-left: 1px solid #cdd0d9 !important;
}
.aliasSelection
{
        padding: 4px !important;
    height: 30px !important;
    width: 280px;
}
#divNextBtn .FormButtonResetSearchPanel
{
    height:34px !important;
    border:0px none !important;
}
.extremeLeft
{
    left:0px !important;
}
.profileImgup
{
    margin-top:90px !important;
}
.cut-text { 
  text-overflow: ellipsis;
  overflow: hidden; 
  width: 200px; 
  height: 1.2em; 
  white-space: nowrap;
}
/*===============================================================================================*/

/*============================================== AUDIT TEMPLATE TREEVIEW FREE FLOW CSS ===========================*/
.treeTableAdQuesTd
{
    width:30% !important;
}
.bottomBorderTD
{
    border-bottom:1px solid #cdd0d9 !important;
}
.AuditTemplateBtnRow
{
    /*width:98.4% !important;*/
    width: 99.4% !important;
    padding-bottom: 20px;
}
.AuditTemplateBtnRow .FormButtonResetSearchPanel
{
    width:110px !important;
}
.transparentcolor02 {
    width: 97.5%;
}
#sizeShort .shortInput
{
    width:20% !important;
    margin-right:8px !important;
}
.freeflowLeft
{
    background-color:#f6f6f6;
    border-radius:0.2em;
    padding:10px;
    margin-bottom:10px;
    font-family:Lato-Regular !important;
       max-height: 400px;
    overflow-y: scroll;
        overflow-x: scroll;
    max-width: 1380px !important;
}

.freeflowLeft ul span
{
    font-size:12px;
    /*color:#222;*/
    font-weight:normal;
    position: relative;
    top: 1px;

}
.freeflowLeft ul span:hover
{
    text-decoration:underline;
}
.freeflowLeft .ng-binding
{
    font-family: 'Lato-Semibold';
    color: #222;
    font-size: 13px;
}
.freeflowRight
{
border-radius: 2px;
    max-height: 390px;
    overflow-y: scroll;
    float: left;
    /*width: 94%;*/
    width: 96%;
    padding: 0px 20px;
}
.normalFlow
{
        border-radius: 0.2em;
    min-height: 390px !important;
    width: 97% !important;
    padding: 0px 20px 20px !important;
    overflow:auto !important;
    max-height:none !important;
}
.sectionpart .freeWidth
{
    width: 97% !important;
        margin-bottom: 1px !important;
}
.freeflowRight tr td
{
    color:#222;
    font-size:13px;
    text-align:right;
    padding-right: 15px;
    font-family: 'Lato-Semibold';
    
}
.fullScale tr td
{
    width:auto !important;
}
.fullScale input
{
    width:48% !important;
    /*margin-right:10px !important;*/
}
.fullScale label
{
    /*width:20% !important
    width:30% !important*/
    width:30.9% !important
}
.freeflowRight .secHeader
{
padding: 12px 0px;
    border-bottom: 1px dashed #cdd0d9;
    text-align: left !important;
    color: #396494;
}
.freeflowRight .formLineDiv
{
      float:none !important
}
.freeflowRight .form-field
{
    float:none !important;
    text-align:left !important;
        /*padding: 5px 2px !important;*/
        padding: 0px 2px !important;
        display: flex;

}
.freeflowRight .form-field select
{
    width:80% !important
}
    .freeflowRight .form-field input {
        /*width:77.4% !important
    width: 77.95% !important;*/
        margin-top: 0px !important;
    }
.freeflowRight .form-field .check
{
    width:14px !important;
    height:14px !important;
    float:left;
    margin-top: 6px !important;
    margin-right: 5px !important;
}
.groupSetupformLine .check
{
    float: left;
    width: 16px !important;
    height: 16px !important;
    margin-top: 9px !important;
}
.spanspacing
{
    width:10px;
    padding-left:2px !important;
    padding-right:5px !important;
}
.spanvalue
{
    color:#007f9f !important;
    font-size:13px !important;
    font-family: 'Lato-Semibold';
    margin-left: 4px;
    background-color: #fdfdfd;
    padding: 2px 5px;
    border-radius: 0.2em;
}
.spanvalue:hover
{
    text-decoration:none !important;
    color:#007f9f !important;
}
.questionIdspan
{
    color:#007f9f !important;
    text-decoration:none !important;
}
.questionIdspan
{
    color:#007f9f !important;
    text-decoration:none !important;
}
.freeflowLeft span:hover
{
     text-decoration:none !important;
}
.answSpan
{
    background-color: #d4d4d4;
    padding: 2px 10px;
    border-radius: 0.2em;
    color:#222;
}
.linkfeature{
    cursor:pointer;
}
.smallpopup
{
    padding:40px 20px;
    border:1px solid #666;
    background-color:white; 
    width:40%;
    height:10%; 
    margin-left:30%; 
    margin-top:10%;
    border-radius:0.2em;
}
.treedragSpacing
{
    padding-bottom:6px !important;
}
.plainView
{
    width:20px;
    height:20px;
    background:url(../../Images/plainView.png) no-repeat left top transparent;
}
.viewSettings
{
float: right;
    margin-top: -20px;
    z-index: 99;
    display: block;
    position: relative;
    margin-right: 10px;
}
#answerTab label
{
    width:24px !important;
}
.ansIconContainer
{
    float:left;
    min-width:24px;
    margin-right:5px;
    min-height:24px;
}
/*========================================================================================*/

/*================================== report page mod =========================================*/
.reportGroupsTD {
    background: url(../../Images/chart-up-color.png) no-repeat scroll 2px center #fff;
    border-bottom: 1px solid #F2F2F2;
    line-height: 18px;
    min-height: 16px;
    padding-left: 22px;
    vertical-align: middle;
        padding-top: 4px;
    padding-bottom: 4px;
}
.leftPanelTDSelected {
    border-bottom: 1px solid #c6c6c6;
    color: #000000;
    font-weight: bold;
    line-height: 18px;
    min-height: 16px;
    padding-left: 8px;
    vertical-align: middle;
}
.Graybar {
    /*font-size: small;
    FONT-WEIGHT: bold;
    background: #d4d4d4;*/
    font-size: small;
    FONT-WEIGHT: normal;
    /*background: #d4d4d4;*/
    background: #fff;
    padding: 8px 20px;
    text-decoration: none;
}
.Graybar a
{
    text-decoration:none;
}
.Graybar a:hover
{
    text-decoration:underline;
}
.report_header {
    border-bottom: 1px solid #F2F2F2;
    line-height: 18px;
    min-height: 16px;
    vertical-align: middle;
        padding: 4px 0px 4px 7px;
}
a.alinkBullet:link {
    background: url(../../Images/bullet_green_small.png) no-repeat scroll left center transparent;
    color: #333;
    min-height: 16px;
    padding: 0 0 0 18px;
    text-decoration:none;
}
a.alinkBullet:hover {
    color:#428bca !important;
    text-decoration:underline;
}
.bar {
    font-size: small;
    FONT-WEIGHT: bold;
    background-color: #f6f6f6;
}
.report_header img {
    float: left;
    margin-top: 1px;
    margin-right: 2px;
}
.report_header img {
    float: left;
    margin-top: 1px;
    margin-right: 2px;
}
.report_header label {
    float: left;
}
.leftPanelTDNormal
{
    padding: 8px 22px;
    border-bottom: 1px solid #c4c4c4;
}
.leftPanelTDNormal a
{
    text-decoration:none;
}
.leftPanelTDNormal a:hover
{
    color:#269ed8
}



/*=============================================================================================*/
#BDiv td
{
    padding: 8px 10px 8px 10px;
}
#BDiv td a
{
    font-size:13px;
}
.theme
{
    background: url(../../Images/themeIcon.svg) left center no-repeat transparent;
    height: 24px;
    font-size: 13px;
    font-family: Lato-Semibold;
    color: #666;
    width: 76% !important;
    margin: 10px 0px 4px 15px !important;
    padding-left: 36px;
    line-height: 30px;
    border-bottom: 1px solid #d4d4d4 !important;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.themeSky
{
    font-size: 13px;
    font-family: Lato-Regular;
    color: #666;
    width: 76% !important;
    margin: 5px 0px 4px 15px !important;
    text-transform:none;
}
.themeSky a
{
        margin-left: 14px;
        width: 100%;
    padding: 5px;
}
#css-default span
{
width: 15px;
    height: 15px;
    float: left;
    padding-left: 0px;
    background-color: #08609f;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 5px;
}
.themeCorp
{
    font-size: 13px;
    font-family: Lato-Regular;
    color: #666;
    width: 76% !important;
    margin: 0px 0px 4px 15px !important;
}
.themeCorp a
{
        margin-left: 14px;
        width: 100%;
    padding: 5px;
}
#css-red span
{
width: 15px;
    height: 15px;
    float: left;
    padding-left: 0px;
    background-color: #b4b8bc;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 5px;
}
#css-dark span
{
width: 15px;
    height: 15px;
    float: left;
    padding-left: 0px;
    background-color: #030d14;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 5px;
    border:1px solid #3c4650;
}
.themedark
{
    font-size: 13px;
    font-family: Lato-Regular;
    color: #666;
    width: 76% !important;
    margin: 0px 0px 4px 15px !important;
}
    .themedark a {
        margin-left: 14px;
        width: 100%;
        padding: 5px;
}

/*========================================== New Dashboard Chart Styles ==========================================*/
.chartContainerTooSmallSec{
    width: 15% !important;
    margin-right: 14px !important;
    min-height: 70px !important;

    background: transparent !important;
    border-right: 1px solid #a4bccf !important;
    border-radius: 0px !important;
    box-shadow: 1px 0px #fff !important;
}
.chartContainerTooSmallSecLast
{
    border-right:0px none #fff !important;
    box-shadow:none !important;
     width: 13% !important;
}
.chartContainerTooSmallSec .chartDataBig
{
    margin-top: 20px !important;
    margin-left: 5px !important;
    padding-left: 0px !important;

     background: transparent !important;
    font-size: 30px !important;
    color: #222 !important;
}
.chartContainerTooSmallSec .normElement
{
    /*margin-top: 60px !important;
    margin-left: -208px !important;
    color: #999;*/
    /*margin-top: 28px !important;*/
    margin-top: 15px !important;
    margin-left: 5px !important;
    padding-left: 0px !important;
    background: transparent !important;
    font-size: 11px !important;
    color: #888 !important;
    float: left;
    position: relative !important;
}



.chartContainerTopSmall {
float: left;
    width: 22.9%;
   margin-right: 1% !important;
   margin-left:1% !important;
    min-height: 70px !important;
    background: transparent !important;
    border-right: 1px solid #a4bccf !important;
    border-radius: 0px !important;
    box-shadow: 1px 0px #fff !important;
    margin-bottom:15px;
    text-align:left;
}
.chartContainerTopSmallLast
{
    margin-right:0px !important;
}
.chartContainerTopSmall label
{
    float:left;
    width:99%;
    font-family: 'open_sanssemibold';
    font-size:11px;
    color:#666;
    margin:8px 5px 8px;
    text-align:left;
    text-transform:uppercase;
}
.chartContainerTopSmall span
{
    float:left;
    width:99%;
    font-family: 'open_sanssemibold';
    font-size:11px;
    color:#666;
    margin:8px 5px 8px;
    text-align:left;
    text-transform:uppercase;
}

.chartContainerTopSmall .chartDataBig {
    /*margin-top: 20px !important;*/
    margin-top: 4px !important;
    margin-left: 5px !important;
    padding-left: 0px !important;
    background: transparent !important;
    /*font-size: 30px !important;
    color: #222 !important;*/
    font-size: 42px !important;
    color: #555 !important;
    line-height:40px;
}





.chart3ColWidth {
    width: 60% !important;
  
    box-shadow: 1px 1px 4px #d4d4d4;
    min-height: 410px !important;
    max-height: 390px !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    padding: 10px;
}
.chart3ColWidth svg
{
    width: 100% !important;
    height: 250px !important;
}
.chart2ColWidth {
    box-shadow: 1px 1px 4px #d4d4d4;
    width: 37% !important;
    float: right;
    min-height: 410px !important;
    max-height: 430px !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    padding: 10px;
}
.chart4ColWidth {
    width: 100% !important;
    min-height: 430px !important;
    max-height: 430px !important;
    box-shadow: 1px 1px 4px #d4d4d4;
    margin-right: 0px !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    padding: 10px;
}
.chart4ColWidth svg
{
    width: 100% !important;
    height: 400px !important;
}
.chart1ColWidth
{
        width: 31.6% !important;
    box-shadow: 1px 1px 4px #d4d4d4;
    min-height: 320px !important;
    max-height: 320px !important;
    margin-right: 20px;
}
.chart1ColWidthLast
{
    margin-right: 0px !important;
        width: 31% !important;
}
/*=================================================================================================================*/

.liveChCont
{
    position:fixed;
    bottom:10px;
    right:10px;
    width:40px;
    height:40px;
     background: #11485f; 
    background: -webkit-linear-gradient(#11485f, #011b26); 
    background: -o-linear-gradient(#11485f, #011b26); 
    background: -moz-linear-gradient(#11485f, #011b26); 
    background: linear-gradient(#11485f, #011b26);
    border-radius:50%;
    padding:0px;
    margin:0px;
    display:block;
    z-index:9999999999999;
    margin-top:20px;

}
.liveChCont img
{
    width:20px;
    height:20px;
    margin-top:10px;
    margin-left:10px;
}
.datefieldSize input
{
    width:90px !important;
}
.smallLineHeight
{
    line-height:22px !important;
}
.jobImportContainer .GridHeader th a
{
    color:#000 !important;
}
.jobImportContainer .GridHeader th a:hover
{
    color:#638db7 !important
}
#divComment
{
    float:left;
}
#divComment label
{
    float: left;
    width: 60px;
    margin: 10px 8px;
    font-family: Lato-Semibold;
}
#divComment textarea
{
   width: 596px; line-height:18px;
}
#btnDelete
{
    margin-right:6px !important;
    margin-top:0px !important;
}
#divUnAssignPaging .pagination
{
    float: right !important;
    margin-right: 6px !important;
}
#divAssignPaging .pagination {
    float: right !important;
}
#idQidTextRightBIG
{
    position: relative;
    top: -40px;
    width: 100%;
    height: 20px;
    z-index: 9;
}
.tdalignLeft
{
    text-align:left !important;
}
.tdalignLeft input
{
    text-align:left !important;
    float:left;
    width:100%;
}
.tdalignLeft button
{
    float:left;
}
.smallSpaceTop
{
    padding: 15px 0px !important;
}
.lblSpclPosition
{
    width: 30% !important;
    text-align: right !important;
}
.groupSetupMotherLineDiv .lblSpclPositionSelect
{
        min-width: 44% !important;
    margin-left: 10px !important;
}
#answerTab
{
    margin-left: 20px !important;
    margin-right: 20px !important;
}
#answerTab th
{
    border-left:0px solid #cdd0d9 !important;
    border-right:0px solid #cdd0d9 !important;
}
#answerTab .tdbigSize
{
    border-right:0px solid #cdd0d9 !important;
}
#answerTab td
{
    border-bottom:0px solid #cdd0d9 !important;
}
.afterTableSelect
{
    width: 48% !important;
    margin-left: 6px !important;
}
.sectionPartOverride .sectionSizBig {
    width: 97% !important;
}
.tableinsteadDiv .formLineDiv td
{
    padding-top:4px !important;
}
.statusSelecPopup select
{
    width:100% !important;
}
.statusSelecPopup textarea
{
    margin-top: 5px; margin-bottom: 6px; height: 140px;
    width: 97.8%;
    resize: vertical;
}

.rcpopup .gridtable
{
    border-right: 1px solid #7e9db9;
    border-bottom: 1px solid #7e9db9;
}
.rcpopup .formLineDiv 
{
    padding-top:8px !important;
}
.jobexcelUpldTable
{
padding: 20px 16px 20px 24px;
    width: 92% !important;
    border: 1px solid #cdd0d9 !important;
    margin: 20px 0px 0px 46px !important;
    background-color: #fdfdfd !important;
    float: left;
    border-radius: 0.2em;
}
.formLineDiv .errorMsgFull
{
    width:93% !important;
}
.leftSpace
{
    padding-left:8px;
}
.form-field .FormButtonRightInner
{
    margin-right: 5px !important;
}
.form-field .defAnsfalse
{
    background: none #d4d4d4 !important;
    border-radius: 50%;
    padding: 0px !important;
    width: 22px !important;
    height: 22px !important;
    margin-top: 7px !important;
    float: left;
    box-shadow: 1px 2px 2px #f6f6f6 inset !important;
}
.form-field .defAnstrue
{
    margin-top: 7px !important;
}
.radioTickLabel
{
    margin: 12px 15px 0px 7px !important;
}
#normal .formLineDiv .audlvlCustomFiled select
{
    width: 65.7% !important;
}
.loginBox p input
{
    margin-bottom:15px;
    line-height:20px;
}
.selected_rowtrue{
    /*background-color:yellow;*/
    background-color:#c7f7ff;
    font-weight:bold;
}
#dialog-rootcause
{
    height:330px !important;
    max-height:330px !important;
    overflow-y:scroll !important;
}
.ui-dialog-buttonset
{
    /*margin-right:15px;*/
    margin-right:0px;
}
.priorityImg a
{
    float: left !important;
    line-height: 22px !important;
}
.helpIconCont {
    float: right;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    background: /*url(../../Images/information.svg) left top*/ transparent;
    background-color: transparent;
    cursor: pointer;
    font-weight: 600;
    line-height: 24px;
    /*margin: 10px 15px 0 6px;*/
    margin: 8px 0px 0 0px;
    padding: 0;
    filter: grayscale(0);
}
    .helpIconCont:hover {
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.size24
{
    width:24px;
    height:24px;
}
.size28 {
    width: 28px;
    height: 28px;
}
.commentTextBoxContDisabledtrue
{
    background-color:lightgray;
}
.roletype
{
        margin-top: -20px !important;
            font-size: 12px !important;
    color: #09568b;
    text-transform: none;
}
.agcdloopcount {
    /* background: url(../../Images/radioUnchecked.png) no-repeat left top transparent!important; */
    width: 17px;
    height: 16px;
    margin-left: 4px;
    padding: 4px 2px 0px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    float: left;
    line-height: 11px;
    letter-spacing: -1px;
    box-shadow: 0 0 #999 inset;
    border: 0 solid #222;
    margin-top: 0;
    text-align: center;
    background-color: #8f6d37;
    box-shadow: 0px 0px 1px #c8a673 inset;
}
.lblscore #imgCriticalErr
{
    width: 20px;
    margin-top: 0px;
}
.qinfoAttach
{
    float:left !important;
    margin-top:4px !important;
}
.expandableInput
{
    float: left;
    border: 1px solid #cdd0d9;
    width: 48%;
    resize: vertical;
    min-height:28px;
}

.duplicatequestiontrue{
    background-color:red;
}
.duplicatevalidatatrue {
    background: url(../../Images/warningNew.png) no-repeat left top transparent !important;
    width:31px !important;
    height:27px !important;
    float:left !important;
    margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    }

.duplicateColortrue
{
     float: left;
    width: 99%;
    /*background-color: #0ff;*/
    background-color:#ff7676;
    padding: 5px;
    border: 1px solid #ddd;
}
.duplicateColortrue .QrowInfo
{
        background-color: #ffb3b3 !important;
}
.loginLogo
{
    width:100%;
    text-align:center;
    padding:90px 0px 20px;
    
}
.loginLogo img
{
    margin-left:8px;
}
.detailtrue
{
background: url(../../Images/minus.gif) no-repeat left top transparent !important;
    width:24px !important;
    height:22px !important;
    float:left !important;
    margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.detailfalse
{   
    background: url(../../Images/Plus.gif) no-repeat left top transparent !important;
    width:24px !important;
    height:22px !important;
    float:left !important;
    margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.qgrpAssgnmnt {
    width: 100%;
    background-color: #fff;
    float: left;
    min-height: 60px;
    padding: 10px;
    border: 1px solid #cdd0d9;
    border-radius: 0.2em;
    margin-top: 10px;
    margin-bottom: 10px;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}
.qgrpAssgnmnt h3
{
    margin-top: -10.5px !important;
    margin-left: -12px !important;
    width: 100% !important;
    padding: 12px 11px !important;
    border-bottom-left-radius:0px !important;
    border-bottom-right-radius:0px !important;
}
.seletionDiv {
    width: 48%;
    float: left;
    /* border: 1px solid; */
    background-color: #fafafa;
    padding: 10px;
    margin: 15px 1%;
    border-radius: 0.2em;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    display: inline-block;
}
.seletionDiv .auditorInput
{
    width: 97%;
    margin-bottom: 0px;
}
.auditorListCont
{
    height: 270px;
    overflow-y: scroll;
    background-color: white;
    overflow-x: hidden;
}
.rightSecSpcReduce
{
    margin-top:-3px;
}
.rightSecSpcReduce span
{
    padding-top:10px;
    padding-bottom:10px;
    float:left
}
.autoTableSize
{
    min-height: 200px !important;
    height: auto !important;
    max-height:270px !important;
}
.auditorListContRow
{
        width: 100%;
    margin-left: 0;
    border-bottom: 1px dashed #cdd0d9;
}
.auditorListContRowBtn
{
min-width: 80%;
    text-align: left;
    font-size: 12px;
    color: #111 !important;
        margin-left: 10px;

}
.rowBtnProp
{
    color: #006179;
    font-size: 13px;
    font-weight: normal;
    margin-top: 1px;
    float: left;
}
.auditItems
{
    width: 94%;
    border-bottom: 1px dashed #cdd0d9;
    padding: 5px 0px 5px 40px;
}
/*.loanCountNo
{
        width: 20%;
    float: right;
    text-align: center;
    height: 40px;
    line-height: 40px;
}*/
.Auditnumbers
{
        color: #006179;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0px;
}
.subsqQgrp
{
    margin-left: 3.4%;
    padding: 5px 0px;
    color:#3a78b6;
}
.rightLoanSelect
{
    width: 97%;
    padding-left: 20px;
    border-bottom: 1px dashed #cdd0d9;
}
.rightLoanSelect input
{
        margin-top: 5.2px;
    margin-right: 5px;
}
.linkFunc
{
    cursor:pointer;
    color:#006179
}
.shortTable th
{
    line-height:10px !important;
    padding-right: 0px;
}
.shortTable input
{
    margin-top:4px;
}
.rightLoandetail
{
        float: left;
    width: 99%;
    /*border-bottom: 1px dashed #cdd0d9;*/
}
.rightLoandetail table td
{
    color: #006179;
    padding:3px 0px;
}
.selecttionDivSpclSz
{
    width:45.9% !important;
}
.assignTransfrSpclSz
{
    width:4% !important;
    margin:5px 0px !important;
    min-height: 290px;
}
.allgroupassigned1 {
    background: url(../../Images/defAnsG.png) no-repeat left top transparent !important;
    width: 24px !important;
    height: 22px !important;
    float: left !important;
    margin: 0px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    background-size: 22px 22px !important;
}
.duplicatetrue
{
    color:red;
    background-color:red;
    border:1px solid red;
}


.questiontag2{
  color:yellow;
    background-color:yellow;
    border:1px solid yellow;
}
.questionwithoutanswer
{
    background: url(../../Images/exclamation-red.png) no-repeat left top transparent !important;
    width:24px !important;
    height:22px !important;
    float:left !important;
    margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
}

/* Subscription CSS*/
.reportSubgreyContainer
{
    width: 40.5%;
    float: left;
    background-color: #f5f5f5;
    border: 1px solid #cdd0d9;
    padding: 20px 20px 0px;
    border-radius: 0.2em;
    box-shadow: 0px 1px #fff inset;
    border-radius: 0.2em;
    margin-left: 5px;
}
.weekdays span
{
    float:left;
    padding: 4px;
    line-height: 20px;
}
.weekdays input
{
    float:left;
}
/*=====================================*/
.currentusertrue
{   
    background: url(../../Images/defAnsG.png) no-repeat left top transparent !important;
    width:24px !important;
    height:22px !important;
    float:left !important;
    margin:0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.currentuserfalse
{   
    background: url(../../Images/unassign-2.png) no-repeat left top transparent !important;
    width:22px !important;
    height:22px !important;
    float:left !important;
    margin:2px 0px 0px 0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    padding:0px 1px;
    filter: grayscale(100%);
}

.assignedAuditor
{
    position: fixed;
    top: 40%;
    left: 50%;
    width: 40em;
    height: auto;
    margin-top: -9em;
    margin-left: -15em;
    border: 1px solid #ccc;
    background-color: #ffffff;
    z-index: 9;
    border-radius: 0.2em;
}
.assignedAuditor h3
{
    width: 96.3% !important;
    padding-right: 8px !important;
}
.assignedAuditor table
{
    width: 96%;
    margin-left: 10px;
        padding: 15px 10px;
}
.closeBox
{
        float: right;
    padding: 0px 6px;
    background-color: #fdfdfd;
    border-radius: 0.2em;
    border: 1px solid #cdd0d9;
    height: 20px !important;
    line-height: 20px;
    margin-top: -1px;
    cursor: pointer;
}
.isExpired {
    background: url(../../Images/expire2.svg) no-repeat left top transparent !important;
    width: 16px;
    float: left;
        margin-left: 7px;
    margin-top: 0px;
    opacity:.5;
}
.isExpired:hover {
    background: url(../../Images/expire2.svg) no-repeat left top transparent !important;
    filter:grayscale(100%)
}

.answSpan-2
{
    background-color: #333;
    padding:4px 7px;
    border-radius: 0.2em;
    color:#fff;
    border-radius:5px;
    font-size:13px;
    float:right;

}
.countBox
{
    background-color: #011b26;
    padding:4px 4px;
    
    color:#fff;
    border-radius:20px;
    font-size:13px;

}
.popupHeading{
    margin-left: 2px;
    font-size: 17px;
    color: #000;
    float: left;
    margin: 4px 0 7px 5px;
    padding: 2px 5px;
    font-family: 'Lato-Semibold','open_sanslight',"Segoe UI";
}
.popupHeading2{margin-left: 2px;
font-size: 14px;
color: #2c8edb;
float: left;
margin: 4px 0 0px 5px;
padding: 2px 5px;


font-family: 'Lato-Semibold','open_sanslight',"Segoe UI";
}
.popupHeading3{margin-left: 2px;
font-size: 14px;
color: #000;
float: left;
margin: 4px 0 7px 5px;
padding: 2px 5px;
width:100%;
border-radius:5px;
background-color:#bbbbbb;

font-family: 'Lato-Semibold','open_sanslight',"Segoe UI";
}
.noComment {
    margin-left: 2px;
font-size: 14px;
color: #989494;
float: left;
margin: 4px 0 0px 5px;
padding: 2px 5px;
border:1px solid #7c96a9;
 border-radius:5px;
font-family: 'Lato-Semibold','open_sanslight',"Segoe UI";
text-align:center;
 width:98%;
}
.ui-dialog .ui-dialog-content {
   
    overflow-y:scroll  !important;
    overflow-x:inherit !important;
}

.recipientMailContainer-Box {
    
    height:70px; overflow-y:scroll;

    border:1px solid #cdd0d9; width:100%; 
}



/*New table style 18-7-2019*/ 


.gridtable-new
{
    border-collapse:collapse;
    width:100%;
    border:0px none #fff;
    
    margin-top:0px;
    margin-bottom:0px;
}


.GridHeader-new
{
       
            border-left: 1px solid #cdd0d9!important;
            border-right: 1px solid #cdd0d9 !important;
}
.gridtable-new tr
{
    border-left:1px solid #cdd0d9;
    border-right:1px solid #cdd0d9 !important;
}
.gridtable-new th
{
   
    
    background: #e4e4e4;
    background: -webkit-linear-gradient(#e4e4e4, #e4e4e4);
    background: -o-linear-gradient(#e4e4e4, #e4e4e4);
    background: -moz-linear-gradient(#e4e4e4, #e4e4e4);
    background: linear-gradient(#e4e4e4, #e4e4e4);
    min-height: 24px;
    vertical-align: middle;
    line-height: 20px;
    color: #000;
    font-size: 13px;
    font-weight:bold;
    padding: 9px 15px;
    text-transform: capitalize;
    border-right: 0px solid #cdd0d9 !important;
    border-bottom: 1px solid #cdd0d9;
    border-top: 1px solid #cdd0d9;
    text-shadow: none;
    font-family: 'Lato-Regular';
    text-align: left;

}

.gridtable-new th a {
    color:#638db7 !important;
    font-weight:normal !important;
}
.gridtable-new  th a:hover {
        background: none transparent;
        text-decoration:underline;
    }
.gridtable-new thead tr
    {
         border-left: 1px solid #cdd0d9;
         border-right: 1px solid #7e9db9;
    }
.gridtable-new .motherTR
{
    border-left: 1px solid #7e9db9;
}

.gridtable-new tr
{
    background-color:#fff;
   
    border-bottom: 1px solid #cdd0d9;
    padding:0px;
 
    color:#222;
        border-left: 1px solid #cdd0d9;
    border-right: 1px solid #cdd0d9;
}
.gridtable-new tr td
{
    
    padding: 9px 15px !important;
    border-right: 0px solid #cdd0d9 !important;
    font-size: 13px !important;
  
    border-left: 1px solid #cdd0d9 ;
    font-family: 'Lato-Regular';
    font-weight: normal;
    text-align:left;
}
.gridtable-new tr td a
{
    color:#3a78b6;
    text-decoration:none;
}
    .gridtable tr td a:hover {
        color:#5e5e5e;
        background-color:#fff;
        border-radius:0.2em;
        -moz-border-radius:0.2em;
        -webkit-border-radius:0.2em;
    }
    .gridtable-new tr td img
    {
      
        margin-top:0px !important;
    }
.gridtable-new tr .LastTD
{
  
    padding:4px 10px;
    border-right:1px none #e7f5f7;
   
    min-width:40px;
    max-width:40px;
}
.gridtable-new tr .LastTDbig
{
    padding:15px 20px;
    border-right:1px none #e7f5f7;
    width:9%;
    min-width:40px;
    max-width:40px;
}

.loaderOuter {
    /*background: url(../../Images/blckBG22.png) left top #fff !important;*/
    /*background:url(../../Images/loaderBG.png) left top transparent !important;*/
    width: 100%;
    height: 100%;
    z-index: 99999;
    position: fixed;
    text-align: center;
    /*top:40px;*/
    top: 0px;
    margin: 0px auto;
    left: 0%;
    right: 0%;
    border-radius: 4px;
    background-color: rgba(0,0,0,0.3);
}
.loaderContainer
{
    position: absolute; top: 35%; left: 40%; color: black;
    z-index:999999;
    width:300px;
    height:200px;

}

.panelHeading-s
 {
    margin: 0px 0px 5px;
    font-weight: 700;
    color: #666;
    text-transform: uppercase;
    border: 1px solid #D4D4D4;
    padding: 3px 10px;
    background-color: #F6F6F6;
    border-radius: 0.2em;
    min-height: 24px;
    line-height: 24px;
    /*font-family: "Lato-Regular";*/
    box-shadow: 0px 1px #FFF inset;
    font-size: 12px;
    letter-spacing: 1px;
    text-shadow: 0px 1px rgb(255, 255, 255);
}


.redio-normal {width: 18px !important;
    height: auto !important;
    margin: 9px 0 6px 0;
    padding: 0px;
}

.myProgress {

            width: 100%;

            background-color: white;

            border:1px solid #D4D4D4;

        }



.myBar {
    width: 0%;
    height: 16px;
    background-color: #6dfa2c !important;
    text-align: center;
    line-height: 10px;
    color: black;
    font-weight: bold;
    padding: 0px;
}

.passwordSet
{
    background:url(../../Images/exclamation.png) left 0px no-repeat transparent;
    width:16px;
    padding-left:16px;
    line-height:16px;
    vertical-align:middle;
    cursor:pointer;
    margin:0px 0px 0px 0px;
    display:inline-block;
}

.passwordSet h6
{
   font-size:12px; color:#f67575; position:absolute; width:200px; padding:5px; border:1px solid #5da9e9;
   margin:-32px 0px 0px 0px;
   display:none;
}
.passwordSet:hover h6
{
  
   display:block;
}


.conversationTree .msgArchived
{
    background:url(../../Images/archive.png) 0px top no-repeat transparent;
    /*width:20px;
    height:17px;*/
    float:left;
}
.conversationTree .msgArchived:hover
{
    background:url(../../Images/archive.png) 0px -24px no-repeat transparent;

}



.msgArchived-Ative
{
    background: url(../../Images/archive.png) 0px top no-repeat transparent;
      width: 16px;
    height: 14px !important;
    line-height: 20px !important;
        float: right;
    margin-left: 12px;
    margin-top: 0px;
    opacity:1;
    cursor:pointer;
    padding:0px 2px 0px !important;
    margin-right:5px;
}


.msgArchived-inAtive{
     background: url(../../Images/archive.png)  0px -24px no-repeat transparent;
     cursor:no-drop !important;

         width: 16px;
    height: 14px !important;
    line-height: 20px !important;
        float: right;
    margin-left: 12px;
    margin-top: 0px;
    opacity:1;
    cursor:pointer;
    padding:0px 2px 0px !important;
    margin-right:5px;
     
}

.deleteMail-Ative
{
    background: url(../../Images/DeleteRed.png) 0px top no-repeat transparent;
      width: 16px;
    height: 16px !important;
    line-height: 20px !important;
        float: right;
    margin-left: 12px;
    margin-top: 3px;
    opacity:1;
    cursor:pointer;
    padding:0px 2px 0px !important;
}


.deleteMail-inAtive{
     background: url(../../Images/DeleteRed.png)  0px 0px no-repeat transparent;
   cursor:no-drop !important;
         width: 16px;
    height: 16px !important;
    line-height: 20px !important;
        float: right;
    margin-left: 12px;
    margin-top: 3px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); 
    padding:0px 2px 0px !important;
     
}

.spclRadioColorContSkl
{
    /*float: left !important;
width: 20px !important;
margin-top: 0px !important;
    height: 16px !important;
    margin-right: 8px !important;*/
        float: left !important;
    width: auto !important;
    margin-top: 8px !important;
    height: auto !important;
    margin-right: 10px !important;
}



.dark {
  background-color: transparent;
  height: 40px;
  padding: 30px 20px 0 0px;
  text-align: center;
}

/* Styles for the track-progress-bar directive element */
.progress-bar-bkgd {
  width: 96%;
  height: 6px;
  float: left;
  border: none;
  margin: 0 2px 0 2px;
  background-color: darkgray;
  border-radius:6px;
}

.progress-bar-marker {
  width: 0px;
  background-color: rgba(0, 178, 47, 0.85);
  height: 100%;
  color: #fff;
  font-weight: normal;
  border-radius:6px;
}
.progress-bar-bkgd1 {
  width: 96%;
  height: 6px;
  float: left;
  border: none;
  margin: 0 2px 0 2px;
  background-color: darkgray;
  border-radius:6px;
}

.progress-bar-marker1 {
  width: 0px;
  background-color: red;
  height: 100%;
  color: #fff;
  font-weight: normal;
  border-radius:6px;
}

#ACOMCircle {

    height:60px !important; width:60px !important; margin:0px 0px 0px 0px; 
}

#ACOMCircle1 {

    height:60px !important; width:60px !important; margin:0px 0px 0px 0px; 
}

#AUPECircle {

    height:60px !important; width:60px !important; margin:0px 0px 0px 0px; 
}
#AUPECircle1 {

    height:60px !important; width:60px !important; margin:0px 0px 0px 0px; 
}

#fillgauge1 {

     height:225px !important; width:225px !important; margin: 35px 66px 100px 156px; 
}
#fillgauge2 {

    height:110% !important; width:500px !important; margin:0px 0px 0px 0px; 
}



circle.base {
  fill: #fffefd;
  stroke: #f3f5f6;
  stroke-width: 14;
}
circle.progress {
  fill: #ffca28;
  stroke: #12650c;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-dasharray: 314.16;
  stroke-dashoffset: 314.16;
  transition: stroke-dashoffset 0.5s ease;
}

.chart-text {
  font: 30px/1.4em "Montserrat", Arial, sans-serif;
  fill: #000;
  -moz-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  -webkit-transform: translateY(0.25em);
  transform: translateY(0.25em);
}

.chart-number {
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  text-anchor: middle;
  -moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}

.chart-text1 {
  font: 30px/1.4em "Montserrat", Arial, sans-serif;
  fill: #000;
  -moz-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  -webkit-transform: translateY(0.25em);
  transform: translateY(0.25em);
}

.chart-number1 {
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  text-anchor: middle;
  -moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}
circle.progress1 {
  fill: #cceeff;
  stroke: #12650c;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dasharray: 314.16;
  stroke-dashoffset: 314.16;
  transition: 1.5s ease-in;
}

.chart-number2 {
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  text-anchor: middle;
  -moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}
circle.progress2 {
  fill: #cceeff;
  stroke: #12650c;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dasharray: 314.16;
  stroke-dashoffset: 314.16;
  transition: 1.5s ease-in;
}

.chart-text2 {
  font: 30px/1.4em "Montserrat", Arial, sans-serif;
  fill: #000;
  -moz-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  -webkit-transform: translateY(0.25em);
  transform: translateY(0.25em);
}

.chart-number3 {
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  text-anchor: middle;
  -moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}
circle.progress3 {
  fill: #ffca28;
  stroke: #12650c;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dasharray: 314.16;
  stroke-dashoffset: 314.16;
  transition: 1.5s ease-in;
}

.chart-text3 {
  font: 30px/1.4em "Montserrat", Arial, sans-serif;
  fill: #000;
  -moz-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  -webkit-transform: translateY(0.25em);
  transform: translateY(0.25em);
}

.chart-number1 {
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  text-anchor: middle;
  -moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}
circle.progress1 {
  fill: #cceeff;
  stroke: #12650c;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-dasharray: 314.16;
  stroke-dashoffset: 314.16;
  transition: 1.5s ease-in;
}

 .nvd3.nv-pie.nv-chart-donut2 .nv-pie-title {
            fill: rgba(70, 107, 168, 0.78);
        }
        .nvd3.nv-pie.nv-chart-donut1 .nv-pie-title {
            opacity: 0.4;
            fill: rgba(224, 116, 76, 0.91);
        }

 .liquidFillGaugeText 
 {
    font-family: Helvetica;
    font-weight: bold;
    font-size: 50px;
}


/*===============================Job Schedule Start======*/
.xlsImage
{
    
    background: url(../../Images/xlsImage.png) no-repeat center center transparent !important;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 4px !important;
    text-transform: none !important;
}
.txtImage
{   
    background: url(../../Images/txtImage.png) no-repeat center center transparent !important;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 4px !important;
    text-transform: none !important;
}
.tabselectedcolortrue{
    background-color: #9c9c9c;
    border-radius: 5px;
    margin-right: 1px;
    color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.tabselectedcolorfalse{
    background-color:lightgray; margin-right:1px;
    border-radius:5px;
}
.folderImage
{   
    background: url(../../Images/folder.png) no-repeat left top transparent !important;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 4px !important;
    text-transform: none !important;
}
.rightarrowImage
{   
    background: url(../../Images/right_arrow.png) no-repeat left top transparent !important;
    width: 24px;
}
.tabFilledtrue
{   
    /*background: url(../../Images/Green.png) no-repeat left top transparent !important;*/
    background: url(../../Images/ok.png) no-repeat 8px 6px transparent !important;
    /*width: 24px;*/
    width:100%;
    padding-left: 30px;
    line-height: 20px !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 4px !important;
    text-transform: none !important;
    height:25px; text-align:left;
    cursor:pointer;
}
.tabFilledfalse
{   
    /*background: url(../../Images/Red.png) no-repeat left center transparent !important;*/ 
    background: url(../../Images/schBullet.png) no-repeat 5px center transparent !important;
    /* width: 24px; */
    width: 100%;
    padding-left: 30px;
    line-height: 20px !important;
    vertical-align: middle !important;
    margin: 4px 4px !important;
    text-transform: none !important;
    height: 25px;
    text-align: left;
    cursor: pointer;
}

.hasColumnInformationSavedtrue
{   
    background: url(../../Images/pinned.png) no-repeat center center transparent !important;
    width: 24px;
}
.hasColumnInformationfalse
{   
   color:blue;text-decoration:underline; cursor:pointer;
}

.selectjobtrue{
    background-color:lightblue;
}
.selectjobImagetrue{
     background: url(../../Images/right_arrow.png) no-repeat center center transparent !important;
    width: 24px;
}
.disabledDivtrue {
    pointer-events: none;
    opacity: 0.6;
}
.disabledDivtrue select
{
    color:#333 !important;
    height:30px !important;
}

.disabledDivtrue input
{
    color:#333 !important
}
.disabledTagfalse {
    pointer-events: none;
    opacity: 0.6;
}

.primaryagentkeytrue
{   
    background: url(../../Images/tick.png) no-repeat center center transparent !important;
    width: 24px;
}
.warningfalse
{   
    background: url(../../Images/warning.png) no-repeat center center transparent !important;
    padding-left:20px;
   
}
.processed1
{   
    background: url(../../Images/process.png) no-repeat center center transparent !important;
    width: 24px;
}
.CompletionStatus0  
{   
    background-color:#f1aaaa
}
.CompletionStatus1  
{   
    background-color:#a6e271
}
.CompletionStatus2 
{   
    background-color:#edee59
}
.SuccessStatus0  
{   
    background: url(../../Images/warning.png) no-repeat center center transparent !important;
    width: 24px;
}
.SuccessStatus1
{   
    background: url(../../Images/tick.png) no-repeat center center transparent !important;
    width: 24px;
}
.fileAvailable1
{   
    background: url(../../Images/tick.png) no-repeat center center transparent !important;
    width: 24px;
}
.fileAvailable2
{   
    background: url(../../Images/tick.png) no-repeat center center transparent !important;
    width: 24px;
}
.scheduleonfalse
{   
    background: url(../../Images/schedule.png) no-repeat center center transparent !important;
    width: 24px;
}
.scheduleontrue
{   
    background: url(../../Images/scheduleRed.png) no-repeat center center transparent !important;
    width: 24px;
}

.margin-bottom10{ margin-bottom:10px;}

.link-button span
{ 
    color:#3a78b6; 
    text-decoration:none;
     cursor:pointer

}
.link-button span:hover{ 
    color:#5e5e5e;
        background-color:#fff;
        border-radius:0.2em;
        -moz-border-radius:0.2em;
        -webkit-border-radius:0.2em;
    text-decoration:none; cursor:pointer

}

.link-button{ color:#3a78b6; text-decoration:none; cursor:pointer}
.link-button:hover{ 
    /*color:#ff9400;*/ 
     color:#5e5e5e;
        background-color:#fff;
        border-radius:0.2em;
        -moz-border-radius:0.2em;
        -webkit-border-radius:0.2em;
    text-decoration:none; cursor:pointer

}

.tab-header{
    float:left;
    width:98%; height:20px; background-color:#cdd0d9;  color:#011b26;
    border-radius:4px;

    line-height:20px; text-align:left; padding:10px 1%; margin:5px 0px;
}

.progressbarBox{
        float: left;
    width: 100%;
    height: 12.5px;
    padding: 1px;
    border: 1px solid #cdd0d9;
    border-radius: 2px;

}
.progressbar-green
{   float:left;
    background-color:#a6e271;
    height: 12px;
    border-radius: 2px;
}
.progressbar-red
{float:left;
    background-color:#f1aaaa;
    height: 12px;
    border-radius: 2px;
}
.progressbar-gray
{    float: left;
    background-color: #edee59;
    height: 12px;
    border-radius: 2px;
}
.progressbar-white
{float:left;
    background-color:white;
     height:20px;
}

.uploadedFiles-1{
     background: url(../../Images/upload.png) no-repeat center center transparent !important;
     height:16px;  width:16px; margin-top:10px;
}
.deleteFiles{
    background: url(../../Images/delete3.png) no-repeat center center transparent !important;
     height:16px;  width:16px; margin-top:10px;
     cursor:pointer
}

.closeIcon{ color:#333; float: right;
margin: -3px -8px 0px 0px;
padding: 4px 7px;
height: 16px; font-weight:500;
line-height: 16px; cursor:pointer; border-radius:4px;}
.closeIcon:hover{ color:#3299cc;
}

.closeIcon-tab{ color: #333;
    float: right;
    margin: 0px 0px 0px 8px;
    padding: 0px 5px;
    font-weight: 500;
    height: 18px;
    width: 8px;
    line-height: 18px;
    cursor: pointer;
    border-radius: 20px;
    background-color: #def0fa;}
.closeIcon-tab:hover{ color:#3299cc;
}

.clear-fix-both {
    clear:both; float:left;
}

.Container-new{

    
    float: left;
width: 97.8%;
background: -moz-linear-gradient(top, #ffffff, #e7f5f7);
background: none
#fff;
background: -webkit-linear-gradient(#ffffff, #fff);
background: -o-linear-gradient(#ffffff, #fff);
background: -moz-linear-gradient(#ffffff, #fff);
background: linear-gradient(#ffffff, #fff);
margin: 0px 0px 5px;
min-height: 30px;
padding: 1% 1%;
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border: 1px solid
    #cdd0d9;
    box-shadow: none !important;
}



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


.helpIcom{

    background: url(../../Images/help.png) no-repeat left 1px transparent !important;
width: 16px;
height: 16px;
margin-left: 2px;
cursor: pointer;
margin-top: 2px !important;
filter: grayscale(100%);
opacity: 0.4;
padding-bottom: 2px;
}
.helpIcom:hover{

  opacity: 1;


}


.RefreshIcom{

    background: url(../../Images/refresh.png) no-repeat left 1px transparent !important;
width: 16px;
height: 16px;
margin-left: 2px;
cursor: pointer;
margin-top: 2px !important;
filter: grayscale(100%);
opacity: 0.7;
padding-bottom: 2px;
}

.RefreshIcom:hover{

    background: url(../../Images/refresh.png) no-repeat left 1px transparent !important;
    filter: grayscale(1%);

}
.leftArrow{
background: url(../../Images/leftArrow.svg) no-repeat left 1px transparent !important;
width: 16px;
height: 16px;
margin-left: 2px;
cursor: pointer;
margin-top: 2px !important;
filter: grayscale(100%);
opacity: 0.7;
padding-bottom: 2px;
}

.leftArrow:hover{


opacity:1;

}


.Button-Normal{

        color: #333 !important;
    background: none #fdfdfd !important;
    border: 1px solid #14b474 !important;
    font-family: 'Lato-Regular';
    cursor: pointer !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 21px !important;
    float: left !important;
    margin: 4px 10px 0px 0px !important;
    text-decoration: none !important;
    text-shadow: none;
    width: auto;
    height: 30px !important;
    text-transform: uppercase;
    padding: 4px 15px !important;
    text-align: center;
    border-radius: 0.2em;
}
.Button-Normal:hover{

        color: #333 !important;
   
    border: 1px solid #2c8edb !important;
  
}

.popup-fixBox{
    position:fixed; height: 500px; width:500px; background-color:#ffffff; box-shadow:2px 2px 4px #6f6f6f;  border:1px solid #cdd0d9; border-radius:5px; padding:0px;
    z-index:999; margin:0 6%;
}

.popup-fixBox-in {
    width: 100%;
    padding: 10px;
    float: left;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}


.popup-fixBox-Heading{
    background: none transparent;
    border: 0px solid #cdd0d9;
    border-bottom: 1px solid #cdd0d9;
    background-color: #fafafa !important;
    border-radius: 0px !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    width: auto !important;
    font-size: 15px;
    color: #111;
    padding: 8px !important;
}



.chart-levelText{ float:left; width:22%; text-align:right; color:#acacac;  }
.chart-levelText-1{ float:left; width:100%; margin-bottom:10px;  }
.chart-levelText-2{ float:left; width:100%; margin-bottom:4px;  }
.schedulerHeader
{
    /*margin: -30px 0px 30px !important;
    width: 98.6% !important;
    padding: 12px 0px 12px 20px !important;*/
        margin: 0px 0px 30px 0px !important;
    width: 100% !important;
    padding: 12px 8px 12px 12px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 0px none !important;
    background-color: #f9f9f9 !important;
    border-bottom: 1px solid #cdd0d9 !important;
    font-size: 13px !important;  box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important;
}
.disabledDivfalse select
{
    height:30px !important;
    
}
.displaySchedule0
{
background: url(../../Images/holiday-icon.svg) no-repeat left 1px transparent !important;
width: 16px;
height: 16px;
margin-left: 2px;
cursor: pointer;
margin-top: 2px !important;
filter: grayscale(100%);
opacity: 1;
padding-bottom: 2px;
}
.displaySchedule
{
background: url(../../Images/holiday-icon.svg) no-repeat left 1px transparent !important;
width: 16px;
height: 16px;
margin-left: 2px;
cursor: pointer;
margin-top: 2px !important;
filter: grayscale(100%);
opacity: 1;
padding-bottom: 2px;
}
.Dis0
{
background: url(../../Images/holiday-icon.png) no-repeat center center transparent !important;
width: 16px;
height: 16px;
margin-left: 2px;
margin-top: 2px !important;
filter: grayscale(100%);
opacity: 1;
padding-bottom: 2px;
}
.Dis2
{
background: url(../../Images/working-icon.png) no-repeat center center transparent !important;
width: 16px;
height: 16px;
margin-left: 2px;
margin-top: 2px !important;
filter: grayscale(100%);
opacity: 1;
padding-bottom: 2px;
}
/* --------------- Clock Start---------------*/
.clock {

    transform: translateX(-50%) translateY(-50%);
    color: #000;
    font-family: 'orbitronbold';
    font-size: 16px;
    /*font-family: Orbitron;*/
    letter-spacing: 7px;
}
.divcolor0 {background-color:#22cec3}
.divcolor30 {background-color:#22cec3}
.divcolor15 {background-color:#22cec3}
.divcolor45 {background-color:#22cec3}
/* --------------- Clock End---------------*/
.positionText-Display {display:none}

.positionText0{
    float:left; width:97%; margin:5px 1% 0px 0px; text-align:left; 
     background-color:#f1aaaa; padding:5px; border-radius:4px;
      font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
     color:#000; font-size:12px;
     cursor:pointer;
}
.positionText1{
    float:left; width:97%; margin:5px 1% 0px 0px; text-align:left; 
     background-color:#a6e271; padding:5px; border-radius:4px;
      font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
     color:#000; font-size:12px;  cursor:pointer;
}
.positionText2{
    float:left; width:97%; margin:5px 1% 0px 0px; text-align:left; 
     background-color:#edee59; padding:5px; border-radius:4px;
      font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
     color:#000; font-size:12px;  cursor:pointer;
}

.positionText0:hover + .positionText-Display{display:block}
.positionText1:hover + .positionText-Display{display:block}
.positionText2:hover + .positionText-Display{display:block} 
.positionText2:hover, .positionText1:hover, .positionText0:hover
{
    background-image: url(../../Images/working-icon.png);
    background-position:97% center;
    background-repeat:no-repeat;   
}

.positionText-box0{
    float:left; width:97%; margin:5px 1% 0px 0px; text-align:left; 
     background-color:#f1aaaa; padding:5px; border-radius:4px;
      font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
     color:#000; font-size:12px; opacity: .60;

}
.positionText-box1{
    float:left; width:97%; margin:5px 1% 0px 0px; text-align:left; 
     background-color:#a6e271; padding:5px; border-radius:4px;
      font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
     color:#000; font-size:12px; opacity: .60;
}
.positionText-box2{
    float:left; width:97%; height:100px; margin:5px 1% 0px 0px; text-align:left; 
    background-color:#edee59; padding:5px; border-radius:4px;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color:#000; font-size:12px;opacity: .60; 
}

.positionText p{
    float:left; width:100%; margin:5px 0px 5px 0px; text-align:left; 
    padding:0px 5px; }
 .selectedMinutetrue{
     background-color:yellow;
     color:red;
                    } 



 .ViewIcomfalse{

    background: url(../../Images/graph.png) no-repeat left 1px!important;
width: 24px;
height: 24px;
margin-left: 2px;
cursor: pointer;
margin:2px 5px !important;
filter: grayscale(100%);
opacity: 0.7;
padding-bottom: 2px; background-size:cover;
}

.ViewIcomtrue{

    background: url(../../Images/list.png) no-repeat left 1px!important;
width: 24px;
height: 24px;
margin-left: 2px;
cursor: pointer;
margin:2px 5px !important;
filter: grayscale(100%);
opacity: 0.7;
padding-bottom: 2px; background-size:cover;
}

.GraphicalIcom:hover{

    filter: grayscale(1%);

}
.sm-heading-text{

    float:left; line-height:30px; margin:0px; padding:0px; color:#549ddb;
}


.RefreshIcom-2{

    background: url(../../Images/update1.png) no-repeat left 1px!important;
width: 24px;
height: 24px;
margin-left: 2px;
cursor: pointer;
margin:2px 5px !important;
opacity: 0.7;
padding-bottom: 2px; background-size:cover;
}
.RefreshIcom-2:hover
{
filter: grayscale(1%);
opacity: 1;
}
.timeLineBox{
    border:1px solid #D4D4D4; background-color:#e4e4e4; border-radius:4px; padding:2px;

}

/*===============================Job Schedule End======*/
.SpclPos4CorrectIncorrect
{
    float:left !important; width:20% !important;
    margin-left:7px !important;
}

/*================  ADDED Styles by Satyajit -31/03/2020 ================*/

.searchBlockOutBorder
{
    float: left;
    /*min-height: 61px;*/
    min-height: 220px;
    max-height:220px;
    padding: 0px;
    margin: 0px 0px 0px 26px;
    border-right: 1px dotted #cdd0d9;
    width: 23%;
}
.noBorder
{
    border:0px none #fff !important;
    margin-bottom: 0px !important;
    padding-bottom: 5px !important;
}
.littleSmaller
{
    width:92% !important;
    min-height:66px !important;
}
.littleSmaller input
{
    margin: 5px 0 6px 0 !important;
    height:24px !important;
}

input, textarea, select, button, option {
    font-family: 'Lato-Regular' !important;
}

.editable-select select option {
    font-family: 'Lato-Regular' !important;
}

.ui-icon {
   
    width: 13px !important;
    height: 14px !important;
}
.schInfo
{
    background: url(../../Images/scheduleInfo.svg) no-repeat left top transparent !important;
    width: 30px !important;
    height: 30px !important;
    float: right;
}
.schInfo-2:hover
{
filter: grayscale(100%);

}
.progStatusSch
{
    width: 99.5%;
    float: right;
    background-color: #fff;
    padding: 2px;
    border-bottom: 1px solid #cdd0d9;
    border-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.borderBottomFlat
{
    border-bottom-left-radius:0px !important;
    border-bottom-right-radius:0px !important;
    height:32px !important
}
.statusSchSpan
{
    float: left;
    width: 80% !important;
    line-height: 24px;
}
.infoSpanIcon
{
        float: right;
    cursor: pointer;
    margin-top: -20px !important;
}


.refreshIcoPos
{
    background: url(../../Images/refresh.svg) no-repeat left top transparent !important;
    width: 30px !important;
    height: 30px !important;
    float:right; cursor:pointer;
    margin-top:-33px !important;
    filter: grayscale(100%);
    opacity:0.5;
}
.refreshIcoPos:hover
{
filter: grayscale(0%);
opacity:1;

}
.question
{
background: url(../../Images/question.svg) no-repeat left top transparent !important;
    width: 28px !important;
    height: 28px !important;
    float: right;
    cursor: pointer;
    margin-top: -33px !important;
    filter: grayscale(100%);
    opacity: 0.5;
}
.question:hover
{
filter: grayscale(0%);
opacity:1;

}
.helpInfoPop
{
    position: fixed;
    height: 500px;
    width: 500px;
    background-color: #ffffff;
    box-shadow: 2px 2px 2px #ccc;
    border: 1px solid #cdd0d9;
    padding: 0px;
    margin-left: 30%;
    border-radius: 5px;
    z-index:999;
}
.JobSchInfoPop {
    height: 400px;
    width: 100%;
    overflow-y: scroll;
    margin: 10px 1% 0px 1%;
    float: left;
    border: 1px solid #d0d0d0;
    margin-bottom: 5px !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.JobSchInfoPop .table td
{
    border-bottom: 1px solid #cdd0d9 !important;
}
.errorProcess
{
    background: url(../../Images/signs.svg) no-repeat left top transparent !important;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
}
.spanButton
{
    color: #888 !important;
    background: none #f9f9f9 !important;
    border: 1px solid #14b474 !important;
    font-family: 'Lato-Regular';
    cursor: pointer !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 22px !important;
    float: left !important;
    margin: 4px 10px 0px 0px !important;
    text-decoration: none !important;
    text-shadow: none;
    height: 21px !important;
    text-transform: uppercase;
    padding: 4px 12px !important;
    text-align: center;
    border-radius: 0.2em;
    width: 85%;
}
.spanButton:hover
{
    color:#222 !important;
    background: none #fff !important;
}
.AssignAuditorPopup
{
    position: fixed;
    height: 500px;
    width: 800px;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px #ccc;
    border: 1px solid gray;
    padding: 0px;
    left: 25%;
    border-radius: 4px;
    border: 1px solid #cdd0d9;
}
.assignAuditorPopupContainer
{
    padding: 2px !important;
    width: 99.5% !important;
}
.AssignAuditorListTable
{
    height: 400px;
    width: 100%;
    overflow-y: scroll;
    margin: 0px 0px 2px;
    float: left;
    border: 0px solid #d0d0d0;
}
.AssignAuditorListTable table td
{
    border-bottom:1px solid #cdd0d9 !important;
    height:24px !important;
}
.showAuditorList
{
    width: 100% !important;
    border: 1px dashed #638db7 !important;
    border-radius: 4px !important;
}
.showAuditorList input
{
        height: 14px !important;
    margin-top: 4px !important;
    padding: 0px !important;
    float: left;
}
.scheduletrue
{   
    background: url(../../Images/schedule3.svg) no-repeat left top transparent !important;
    width: 22px;
    height: 20px; display:inline-block;
     filter: grayscale(0%);
     float:right;
     margin-right: 8px;
}
.scheduletrue:hover
{
     filter: grayscale(100%);
}
.schedulefalse
{   
    background: url(../../Images/cross-script.png) no-repeat center top transparent !important;
    width: 16px; height:16px; display:inline-block;

}
.SamplingPopup
{
    position: fixed;
    min-height:600px;
    width: 70%;
    background-color: #ffffff;
    box-shadow: 2px 2px 4px #ccc;
    padding: 0px;
    margin:100px 15% 0px 15%;
    border-radius: 4px;
    border: 1px solid #cdd0d9; z-index:999999;
}




.heading-sub{  float:left; width:98%; padding:0 1%; height:30px; background-color:#D4D4D4; margin-bottom:5px; color:#011b26; line-height:30px; border-radius:4px;}
.popup-fixBox-in-border{

      float:left; width: 96.666%; padding:15px;
      border: 1px solid #D4D4D4;
      border-radius:4px; margin:5px 0;

}

.popup-fixBox-in-Bgcolor{

      float:left; width: 96.666%; 
      padding:15px;
      border: 0px solid #D4D4D4;
      background-color:#F4F4F4;
      border-radius:4px; margin:5px 0;
      

}


.popup-fixBox-in-Noborder{

      float:left; width: 100%; padding:15px;
      border: 0px solid #D4D4D4;
      border-radius:4px;

}

.heading-CheckBox{   float: left;
    width: 97.79999%;
    padding: 0 1%;
    height: 30px;
    background-color: #fff;
    color: #011b26;
    line-height: 30px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    margin: 5px 0;}

.heading-CheckBox label{ line-height:30px; margin-left:10px; width:70%; margin-left:10px; float:left; font-size:13px; color:#08459a}
.heading-CheckBox input{ width:12px; line-height:30px; margin-top:2px;  float:left}
.backgroundBlur{
     width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999998;
    position: fixed;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
}

.samplingLeftColumn{
    width: 66% !important;
}
.samplingRigthColumn{
    width: 26% !important;
}
.samplingPramLeftColumn{
    width: 22% !important;
}
.samplingPramRightColumn{
    width: 75% !important;
}

.buttonload {
  background-color: #4CAF50; /* Green background */
  border: none; /* Remove borders */
  color: white; /* White text */
  padding: 12px 24px; /* Some padding */
  font-size: 16px; /* Set a font-size */
}

/* Add a right margin to each icon */
.fa {
  /*margin-left: -12px;*/
  margin-right: 8px;
}
.recCount{
    color:#0966ac; font-weight:500; margin-right:5px; display:inline
}
.runScenerio{
    width:70%; margin-top:0px; padding-top:10px; padding-bottom:10px;
}

.percentageCircle svg
{
    float: left;
    /*height: 90px;*/
    height: 60px;
    margin-top: 0px;
    margin-left: -23px;
}

.progress-outer
{
    width: 80%;
    margin: 10px 2%;
    padding: 0px;
    /* background-color: #f4f4f4; */
    /* border: 1px solid #dcdcdc; */
    color: #fff;
    border-radius: 20px;
    text-align: center;
}
.smallDateText
{
    color:#a0a0a0 !important; position:absolute !important; margin:0px 0px 0px 0px !important; width:280px !important; font-size:10px !important;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.excellink {
    /*background: url(../../Images/edit-pages.svg) no-repeat left top transparent !important;*/
    background: url(../../Images/upload_bulk.svg) no-repeat left top transparent !important;
    width: 24px !important;
    height: 24px !important;
    float: left !important;
    margin: 0px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
 /*    background-size: 20px 20px !important;
   filter: grayscale(100%);
    opacity: .5;*/
}
    .excellink:hover {
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.edit-new:hover{
	
	filter: grayscale(0%);
	opacity: 1;
}
.bulkAdd
{
    background: url(../../Images/bulk-upload.svg) no-repeat left top transparent !important;
    width:28px !important;
    height:28px !important;
    float:left !important;
    margin: 6px 0px 0px 2px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
/*	 background-size: 24px 24px !important;
     filter: grayscale(0%);*/
}
    .bulkAdd:hover {
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.exportContainer {
    float: right;
    width: 115px;
    height: 34px;
    padding: 2px 0px 1px 3px;
    line-height: 24px;
    vertical-align: middle;
    background-color: transparent;
    border-radius: 4px;
    border: 0px solid rgb(212, 212, 212);
}

.autowidth input
{
    width:auto !important;
}
.exceltableSplWidthInput input
{
    width:180px !important;
}
.exceltableSplWidthSmallInput input
{
    width:150px !important;
}

    /*Excel Like Grid Start*/
.excel-table {
 
  border-collapse: collapse;
  min-width: 100%;	
  border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.excel-table thead,
.excel-table tbody,
.excel-table tr {

}

.excel-table th,
.excel-table td {
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
	border-left: 1px solid #ccc;
	 font-size: .8rem;
	
}

.excel-table th {
  position: sticky;
  top: 0;
  /*background: #D4D4D4;*/
  background:#217346;
  text-align: left;
  font-weight: normal;
  font-size: 1.rem;
  /*color: black;*/
  color:#fff;
}

.excel-table th:last-child {
  border: 0;
}

 .excel-table td {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left:0px !important;
  color: #808080;
  border-bottom: 1px solid #ccc;
}

/*.excel-table tr:nth-child(even) td {
  background: #f8f6ff;
}*/
 .excel-table td input {
 width:100% !important; border:none !important;
 background: #f9f9f9;
    border: 0px none #f9f9f9 !important;
    
}
 .excel-table td input:focus {
  background-color: #f9f9f9 !important;
  border:0px none !important;
  outline:none !important;
}
  .excel-table td:first-of-type:hover {
  background-color: #8b8b8b !important;
  cursor:pointer;
}
  .multiselecttrue{
      background-color:#ffebc6 !important;
      border-bottom:1px solid #f2eccf !important;
  }

    /*Excel Like Grid CLose*/

  /*Right Click div Open start*/

  /*#contextMenu {
  position: absolute;
  display: none;
}*/
  #contextMenu{position:absolute;
	width: 200px; 
    border: 1px solid #ccc;
	left:30px; top:30px; z-index:999;
	background:#fff;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999;
      position: absolute;
  display: none;
	}
	#contextMenu ul { 
	width:96%;
	margin:0; 
    padding:10px 2% 10px 2%; 
    list-style:none;
	color:#333;	
    }
#contextMenu ul li {
	padding:10px;
	border-bottom: solid 1px #ccc;
}
#contextMenu ul li a {
	text-decoration: none;
}
#contextMenu ul li:hover {
	background:#DEDEDE; color:#3F3F3F;
}
#contextMenu ul li a:hover {
	 color:#3F3F3F !important; cursor: pointer;;
}
#contextMenu ul li:last-child { border:none }

.wrap{
  width:90%;
  display:block;
  margin:0 auto;
}

tr{
  position:relative;
}
tr:hover{
  position:relative;
}

  /*Right Click div Close*/
.schedulefile1
{
    background: url(../../Images/bullet-red.png) no-repeat center center transparent !important;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: inherit !important;
    vertical-align: middle !important;
    margin: 4px !important;
    text-transform: none !important;
}
.schedulefile2
{
    background: url(../../Images/bullet-blue.png) no-repeat center center transparent !important;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: inherit !important;
    vertical-align: middle !important;
    margin: 4px !important;
    text-transform: none !important;
}
.schedulefile0
{
    background: url(../../Images/bullet-grey.png) no-repeat center center transparent !important;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: inherit !important;
    vertical-align: middle !important;
    margin: 4px !important;
    text-transform: none !important;
}
.schedulefile3
{
    background: url(../../Images/bullet-black.png) no-repeat center center transparent !important;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: inherit !important;
    vertical-align: middle !important;
    margin: 4px !important;
    text-transform: none !important;
}

.ErrorInDatetrue {color:red} 
.excelTableTotalWidth
{
    width:99%;
    overflow-x:scroll;
    margin-left:5px;
    max-width: 1330px;
}
.excelTableButtonSpace
{
    float:right !important;  margin-top:15px; margin-right:11px;
    margin-bottom:10px;
}
.schedulefile4
{
    background: url(../../Images/bullet-orange.png) no-repeat center center transparent !important;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: inherit !important;
    vertical-align: middle !important;
    margin: 4px !important;
    text-transform: none !important;
}
.schedulefile5
{
    background: url(../../Images/down5.png) no-repeat center center transparent !important;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 4px !important;
    text-transform: none !important;
}

.scrollboxWithBorder {
    width:62.6%; 
    border: 1px solid #e2e2e2;
    height:110px; 
    overflow-y: scroll; 
    padding: 7px; 
    border-radius: 2px;
}

/*treeStyle 18-3-2021  */

ul.tree, ul.tree ul {
    list-style: none;
     margin: 0;
     padding: 0;
   } 
   ul.tree ul {
     margin-left: 10px;
   }
   ul.tree li {
     margin: 0 5px 0px 0px;
     padding: 3px 13px;
     line-height: 20px;
     color: #369;
     font-weight: 500;
     border-left:0px solid rgb(100,100,100);

     background-color:#E7F5F7;
   background: url(../../Images/question2.svg) no-repeat left top transparent;
     display:block;
     border-radius:4px; 

   }
   ul.tree li:last-child {
       border-left:0px solid rgb(100,100,100);
   }
   ul.tree li:before {
      position:relative;
      top:-0.2em;
      height:1em;
      width:12px;
      color:white;
      border-bottom:0px solid rgb(100,100,100);
      content:"";
      display:inline-block;
      left:-7px;
   }



   ul.tree li:last-child:before {
      border-left:0px solid rgb(100,100,100);
      border-bottom:0px solid rgb(100,100,100);  
       
   }



.ansTree { /*background-color:#2ecd1e !important;*/
    border-radius: 3px;
    color: #111 !important;
    padding: 0 3px;
}
     .QuesTree{/*background-color:#ff2121 !important;*/background-color:#888 !important; border-radius:3px; color:#fff !important; padding:0 3px; margin-left: 4px; min-width:300px !important;}

     .ScoreTree{/*background-color:#cdd0d9 !important;*/ background:transparent !important; border-radius:3px; color:#111 !important;     padding: 0 3px 0px 6px;
    font-size: 12px;}

     .Quespara {
        width: 400px;
        padding: 0px;
        /*background: #f0e68c;*/
        background:transparent !important;
        overflow: hidden;
        white-space: nowrap;        
        text-overflow: ellipsis;
        float:left;
    }
     .labelQid
     {
         float:left;
     }
     .seqWidth
     {
             min-width: 37px !important;
    float: left;
    margin-left: 14px;
     }

.questionIcon {
  background: url(../../Images/question2.svg) !important;   
    background-position: 5px 5px !important; 
      background-size:16px 16px !important; 
     background-repeat: no-repeat !important;           
    background-attachment: fixed;                   
    background-origin: padding-box ;            
     background-clip:content-box;             
      /*background-color:#fffd91 !important;*/
      background-color:#E7F5F7 !important;     
    filter:grayscale(0%);
}
.questionGroupIcon {
    /* background: url(../../Images/question-paper.svg) !important;*/
    background: url(../../Images/QuesPaper.svg) !important;
    background-position: left 2px !important;
    background-size: 24px 24px !important;
      background-repeat: no-repeat !important;
    background-attachment: fixed;
    background-origin: padding-box;
    background-clip: content-box;
    background-color: #bbf1ff !important;
    filter: grayscale(0%);
}
.answerIcon {
  background: url(../../Images/answerIcon2.svg) !important;   
    background-position: 2px 2px !important; 
      background-size:20px 20px !important; 
     background-repeat: no-repeat !important;           
    background-attachment: fixed;                   
    background-origin: padding-box ;            
     background-clip:content-box;             
      /*background-color:#c5feb2 !important;*/  
      background-color: transparent !important; 
    filter:grayscale(0%);
}

.questionIcon2 {
    
  

    background: url(../../Images/question2.svg) no-repeat left top transparent !important;
     width: 18px !important;
    height: 20px !important;
    float:left !important;
    margin:0px 4px 0px 0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    filter: grayscale(100%);
}
.questionIcon2:hover {
    background: url(../../Images/question2.svg) no-repeat left top transparent !important;
box-shadow:none !important;
 filter: grayscale(0%);
}


.editTree {
    
  

    background: url(../../Images/edit3.svg) no-repeat left top transparent !important;
     width: 18px !important;
    height: 20px !important;
    float:left !important;
    margin:0px 4px 0px 0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    filter: grayscale(100%);
}
.editTree:hover {
    background: url(../../Images/edit3.svg) no-repeat left top transparent !important;
box-shadow:none !important;
 filter: grayscale(0%);
}


.deleteTree {
    
  

    background: url(../../Images/delete3.svg) no-repeat left top transparent !important;
     width: 20px !important;
    height: 20px !important;
    float:left !important;
    margin:-3px 4px 0px 0px !important;
    border:0px none #fff !important;
    cursor:pointer !important;
    box-shadow:none !important;
    filter: grayscale(100%);
     background-size: 20px 20px !important;
}
.deleteTree:hover {
    background: url(../../Images/delete3.svg) no-repeat left top transparent !important;
box-shadow:none !important;
 filter: grayscale(0%);
  background-size: 20px 20px !important;
}

.addNodeTree {
    /*background: url(../../Images/addAudit.png) no-repeat left top transparent !important;*/
    background: url(../../Images/plus.svg) left top no-repeat transparent !important;
    width: 24px !important;
    height: 24px !important;
    float: left !important;
    margin: 0px 4px 0px 0px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    background-size: 24px 24px !important;
    box-sizing: border-box !important;
    filter: grayscale(0%);
}
    .addNodeTree:hover {
        background: url(../../Images/plus.svg) left top no-repeat transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }



 .question {
        padding: 1px 10px;
        background-image: url('./img/question.png');
        background-repeat: no-repeat;
        border-bottom-width: thick;
        border-color: black;
    }
.answer {
        padding: 1px 10px;
         background-image: url('./img/answer2.png');
        background-repeat: no-repeat;
        border-bottom-width: thick;
        border-color: black;
    }
 .answercorrecttrue {
        padding: 1px 10px;
       
         background-image: url('./img/defAnsG.png');
         height: 14px;
        width: 14px;
        background-size: cover;
        background-repeat: no-repeat;
        border-bottom-width: thick;
        border-color: black;
    }
.answercorrectfalse {
    padding: 1px 10px;
    /*background-image: url('./img/defAnsD.png');*/
    background-image: url('./img/defAnsD.svg');
    height: 14px;
    width: 14px;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom-width: thick;
    border-color: black;
    margin-right: -2px;
}
.alerttrue {
    padding: 1px 10px;
    background-image: url(../../Images/risk-info.png);
    height: 24px;
    width: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    /* border-bottom-width: thick; */
    /* border-color: black; */
    border: 0px;
}

.alertfalse {
    padding: 1px 10px;
    background-image: url('./img/criErrG.svg');
    height: 24px;
    width: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    /* border-bottom-width: thick; */
    /* border-color: black; */
    border: 0px;
}



.commentfalse {
        padding: 1px 10px;
        background-image: url('./img/reqComD.svg');
        height: 10px;
        width: 10px;
        background-size: cover;
        background-repeat: no-repeat;
        border-bottom-width: thick;
        border-color: black;
    }
 .commenttrue {
        padding: 1px 10px;
        background-image: url('./img/reqComG.svg');
        height: 10px;
        width: 10px;
        background-size: cover;
        background-repeat: no-repeat;
        border-bottom-width: thick;
        border-color: black;
    }
.roottrue {
        padding: 1px 10px;
        background-image: url('./img/rootG.svg');
        height: 10px;
        width: 10px;
        background-size: cover;
        background-repeat: no-repeat;
        border-bottom-width: thick;
        border-color: black;
    }
.rootfalse {
        padding: 1px 10px;
        background-image: url('./img/rootD.svg');
        height: 10px;
        width: 10px;
        background-size: cover;
        background-repeat: no-repeat;
        border-bottom-width: thick;
        border-color: black;
    }
 .skipGrouptrue {
        padding: 1px 10px;
        /*background-image: url('./img/skipgroup1.png');*/
        background-repeat: no-repeat;
        border-bottom-width: thick;
        border-color: black;
    }
.skipGroupfalse {
        padding: 1px 0px;
        /*background-image: url('./img/skipgroup0.png');*/
        background-repeat: no-repeat;
        border-bottom-width: thick;
        border-color: black;
    }


.calculatetrue {
    padding: 1px 10px;
    background-image: url('./img/calScG.svg');
    height: 10px;
    width: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom-width: thick;
    border-color: black;
}
.calculatefalse {
    padding: 1px 10px;
    background-image: url('./img/calScD.svg');
    height: 10px;
    width: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom-width: thick;
    border-color: black;
}

.autocomplete-container .suggestions-container.is-visible {
   margin-top:2px;
}


.suggestions-container {
    position: absolute;
    width: 63% !important;
    background: #fff !important;
    height: auto;
    box-shadow: 0 2px 5px rgb(0 0 0 / 25%);
    box-sizing: border-box !important;
    left: 0% !important;
    color: #011b26 !important;
    border-radius: 4px !important;
}

/*treeStyle 18-3-2021  end*/

/* Branching Tree Modifications*/
.mat-icon-button
{
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
}
.aQuestionSet
{
    border: 1px dashed #d4d4d4 !important;
    width: 95% !important;
    border-radius: 4px !important;
}
.cdk-tree-node
{
    /*background-color: #eaf3f4 !important;
    width: 93% !important;
    border-radius: 4px !important;*/
    min-height: 34px !important;
    border-bottom:1px dashed #d4d4d4 !important;
}
.ansIcons
{
    background-color: #F1F1F1;
    padding: 4.5px;
    border-radius: 4px;
    margin-left: -8px;
    margin-right: 2px;

}
/*Step progress bar*/
.stepprogressbar-wrapper {
        background: #e8e8e8;
        width: 100%;
        padding-top: 90px;
        padding-bottom: 5px;
        height: 15%;
}

.stepprogressbar li {
      list-style-type: none;
      width: 25%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
}
.stepprogressbar li:before {
    width: 30px;
    height: 30px;
    content: "";
    line-height: 30px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    background-color: #fff;
}
.stepprogressbar li:after {
     width: 100%;
     height: 2px;
     content: '';
     position: absolute;
     background-color: black;
     border: 3px solid black;
     top: 30px;
     left: -50%;
     /*z-index: 0;*/
     /*line*/     
     margin-top: -17px;
}
.stepprogressbar li:first-child:after {
     content: none;
}
.stepprogressbar li.active {
    color: green;
    font-weight: bold;  
}
.stepprogressbar li.active:before {
    border-color: #55b776;
    background: green;
 }
.stepprogressbar li.active + li:after {
    background-color: #55b776;
}.stepprogressbar li.active {
    color: green;
    font-weight: bold;  
}
.stepprogressbar li.active:before {
    border-color: #55b776;
    background: green;
 }
.stepprogressbar li.active + li:after {
    background-color: black;
    /*line*/
    margin-top: -17px;
}
.stepprogressbar li.active:before {
    background: #55b776  url(user.svg) no-repeat center center;
    background-size: 60%;
}
.stepprogressbar li::before {
    background: #fff url(user.svg) no-repeat center center;
    background-size: 60%;
}
.stepprogressbar {
    counter-reset: step;
}
.stepprogressbar li:before {
    content: counter(step);
    counter-increment: step; 
}


 /*Ul/Li Tree*/

 /*Header Start*/
/*.treeGridViewHeading1Fixed {position:absolute !important; margin-top:-37px !important; background-color:#c3eaef; }*/
/*.treeGridViewHeading2Fixed {position:absolute !important; margin-top:-11px !important;}*/
.treeGridViewHeading1{ color:#1f373b  !important; font-weight:bold !important; border:none !important; border-top:none !important}
.treeGridViewHeading2{color:#1f373b  !important;font-weight:bold !important; border:none !important;border-top:none !important}
.treeGridViewHeading2 span, .treeGridViewHeading1 span{margin: 0 10px 0px 0px;padding:0;float:left;font-family: Lato;font-size: 13px;}

.treeGridViewHeading1::before{ border-top:none !important}
.treeGridViewHeading2::before{ border-top:none !important}
/*Header End*/

.treeGridViewChild li::before{border-top: 1px solid black !important;top: 15px !important;width: 80px !important;height: 0 !important;}
.treeGridViewTopNon li::before{border-top:none !important;}


.treeGridViewChild li:first-child::before{top: 45px !important;width: 80px !important;}
/*.treeGridViewChild li:first-child{height: 10% !important;}*/
.treeGridViewFirstChildGap li:nth-child(1) span{margin-top:30px;}





.treeGridViewChild1 li::before{width: 150px !important;}
.treeGridViewChild1 li:first-child::before{top: 45px !important;width: 150px !important;}
.treeGridViewChild1 li:first-child{height: 50px !important;}
.treeGridViewChild1 li:nth-child(1) span{margin-top:26px}

/*.treeGridViewLastNode1 li:last-child::before { border:none !important;}
.treeGridViewLastNode1 li:last-child { border:none !important;}*/
.treeGridViewLastNode1 li:last-child::before { border-left: 1px solid black !important;border-bottom: 1px solid black !important;}
.treeGridViewLastNode1 li:nth-child(1)::before { height: 42px !important;} /*This for last li*/

/*.treeGridViewLastNode2 li:last-child::before { border:none !important;}
.treeGridViewLastNode2 li:last-child { border:none !important;}*/
.treeGridViewLastNode2 li:last-child::before { border-left: 1px solid blue !important;border-bottom: 1px solid black !important; }
.treeGridViewLastNode2 li:nth-child(1)::before { height: 42px !important;}

.treeGridViewChild2 li::before{width: 40% !important;} /*except first & last li*/
.treeGridViewChild2 li:first-child::before{width: 40% !important;} /* child first line */
/*.treeGridViewChild2 li:first-child{height: 50px !important;}
.treeGridViewChild2 li:nth-child(1) span{margin-top:26px}*/

.treeGridViewChild3 li::before{width: 350px !important;} /*except first & last li*/
.treeGridViewChild3 li:first-child::before{width: 350px !important;} /* child first line */
.treeGridViewLastNode3 li:last-child::before { border-left: 1px solid blue !important;border-bottom: 1px solid black !important; }
.treeGridViewLastNode3 li:nth-child(1)::before { height: 42px !important;}


.treeGridView ul{font-family: Monospace;font-size: large;list-style-type: none;margin-left: 0 0 0 10px;padding: 0;position: relative;   overflow:hidden;float: left; }
.treeGridView li{margin: 0px;margin-left: -40px;padding: 5px 13px;position: relative;list-style-type: none;float: left;width: 97%;font-family: Monospace;font-size: large;}
.treeGridView li::before, .treeGridView li::after{content: '';position: absolute;left: 0;}
.treeGridView li::before{border-top: 1px solid #999;top: 10px;width: 10px;height: 0;}/* horizontal line on inner list items */
 
.treeGridView li:after{height: 100%;width: 50px;top: -10px; }/* vertical line on list items */  
.treeGridView > li::after{top: 10px;}/* lower line on list items from the first level because they don't have parents */
.treeGridView > li:last-child::after{display: none;}/* hide line from the last of the first level list items */
.treeGridView li:last-child::before { border:none !important;}
.treeGridView li:last-child { border:none !important;}
.treeGridView li:last-child::before { border-left: 1px solid black !important;border-bottom: 1px solid black !important; top: 0px !important;height: 10px ;}
.treeGridView li { border-left:1px solid black;}
.treeGridView li:nth-child(odd) { border-left:1px solid black }
.treeGridView ul li:last-child { margin-bottom:20px !important;}


.treeGridView ul>li:first-child>ul>li:not(:first-child) { background-color:none !important; color:aquamarine;}
.treeGridView ul>li:first-child>ul>li:not(:first-child) span {margin-top:1px !important;}
.treeGridView ul>li>ul>li:first-child>ul>li:not(:first-child) { background-color:none !important; color:aquamarine;}
.treeGridView ul>li>ul>li:first-child>ul>li:not(:first-child) span {margin-top:1px !important;}

.treeGridView ul>li:not(:first-child)>ul>li:not(:first-child) { background-color:none !important; color:aquamarine; height: 20px !important; margin-top:0px !important}
.treeGridView ul>li:not(:first-child)>ul>li:first-child span {margin-top:29px !important;}
.treeGridView ul>li:nth-child(2)>ul>li:not(:first-child) span {margin-top:29px !important;}
.treeGridView ul>li:nth-child(2)>ul>li:not(:first-child) { background-color:none !important; color:aquamarine;}
.treeGridView ul>li:nth-child(2)>ul>li:not(:first-child) span {margin-top:1px !important;}


.treeGridViewLastNode li:last-child::before { border:none;}
.treeGridViewLastNode li:last-child { border:none;}
.treeGridViewLastNode li:last-child::before { height: 15px !important;}
.treeGridViewLastNode li:nth-child(1)::before { height: 42px !important;} /* last node */



.positionleftblack {float:left !important;color: black !important;} 
.positionleftred {float:left !important;color: black !important;background-color:#fddfc8 !important}
.positionleftsky {float:left !important;color: black !important;background-color:#99bcc4 !important}
.positionleftnocolor {float:left !important;color: black !important;background-color:none !important}
.positionleftblue {float:left !important; color: #8f8f8f !important;font-weight:bold !important;text-decoration:underline !important;}
.displayLongtextShort {display: block;width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.errorDiv {
              float:left;width:100%;height:23px; margin-top:1%;border: 1px solid #fad95a;background-color:#ffecc0;border-radius: 25px;
          }
.liTreeDIv{
              padding-left:3em !important;line-height:20px;border: 1px solid #92958d;background-color:#d9dfd1;border-radius: 25px;
          }

.lineDesign{text-decoration:underline;color:#4a7093;cursor:pointer}
.MouseOverSelection:hover{font-weight:bold;color:#101010;cursor:pointer}
/*.MouseOverSelectiontrue{background-color:#ced4d3 !important;color:#101010;}*/
.fileAvailabletrue
{   
    background: url(../../Images/tick.png) no-repeat center center transparent !important;
    width: 24px;
}

.folderImage1
{   
    background: url(../../Images/folder.png) no-repeat left top transparent !important;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 4px !important;
    margin-top:-6px !important;
    text-transform: none !important;
}
.deleteImage1
{   
    background: url(../../Images/delete3.png) no-repeat left top transparent !important;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 4px !important;
    margin-top:-6px !important;
    text-transform: none !important;
}

.errorProcess1
{
    background: url(../../Images/xlsImage.png) no-repeat center center transparent !important;
    width: 24px;
    padding-left: 24px;
    line-height: 20px !important;
    float: left !important;
    vertical-align: middle !important;
    margin: 4px !important;
    margin-top:-6px !important;
    text-transform: none !important;
}

.errorProcessfalse
{
   background: url(../../Images/errorExclam.png) no-repeat center center transparent !important;
    width: 24px;
   
    line-height: 20px !important;
    float: left !important;
    vertical-align: middle !important;
   
    text-transform: none !important;
}
.plustrue
{
   background: url(../../Images/plus_tree_16px.png) no-repeat left top transparent !important;
   width: 24px;   
   line-height: 20px !important;
   float: left !important;
   vertical-align: middle !important;
   text-transform: none !important;
}
.plusfalse
{
   background: url(../../Images/minus_tree_16px.png) no-repeat left top transparent !important;
   width: 24px;   
   line-height: 20px !important;
   float: left !important;
   vertical-align: middle !important;
   text-transform: none !important;
}
.boxtrue
{
   background: url(../../Images/box.png) no-repeat left top transparent !important;
   width: 24px;   
   line-height: 20px !important;
   float: left !important;
   vertical-align: middle !important;
   text-transform: none !important;
}

     .criticalError1false {
    background: url(../../Images/criErrD.png) no-repeat left top transparent !important;
   width: 24px;   
   line-height: 20px !important;
   float: left !important;
   vertical-align: middle !important;
   text-transform: none !important;
    }

        .criticalError1true {
        background: url(../../Images/criErrG.png) no-repeat left top transparent !important;
    width: 24px;   
   line-height: 20px !important;
   float: left !important;
   vertical-align: middle !important;
   text-transform: none !important;
    }

.pointereventnone {pointer-events: auto;}
.pointereventauto {pointer-events: auto;}
.selectedPopupTabtrue{background-color: #78aaf6!important;
    border-radius: 5px 5px 0px 0px;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 6px 18px; border:0;}
.selectedPopupTabfalse {
   background-color: #d0e4ec !important;
    border-radius: 5px 5px 0px 0px;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 6px 18px; border:0;  margin:0 1px;
}

.headingTop_new{
    width:100%; float:left;
}
.headingTop_new ul{
    width:100%; float:left; list-style:none; margin:0px; padding:0px;
}
.headingTop_new ul li{
    width:100%; float:left; list-style:none; padding:5px 10px; background-color:#82b4d2;
     -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.headingTop_new ul li span{
   float:left; 
}


/*splitter*/



.splitter {
    width: 100%;
    height: 680px;
    display: flex;
    /*position:relative;*/
}

#separator {
    cursor: col-resize;
    /*background-color: #fff;*/
    background-image: url(../../Images/Plus.gif) no-repeat left top transparent !important;
    background-repeat: no-repeat;
    background-position: center center;
    width: 10px;
    height: 680px;

    /* Prevent the browser's built-in drag from interfering */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#first {
    background-color: #dde;
    width: 20%;
    height: 100%;
    min-width: 10px; padding: 0px;
}

#second {
    background-color: #eee;
    width: 80%;
    height: 100%;
    min-width: 10px; padding: 0px;
}



.firstBox {
    width:100%; float:left; height:100%; background-color:#e9eff0; padding:15px;-webkit-box-sizing: 
        border-box !important; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
box-sizing: border-box !important;         /* Opera/IE 8+ */ 
}

.secondBox {
   width:100%; float:left; height:100%; background-color:#eee; padding:15px;  /*border-box !important;*/ /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
box-sizing: border-box !important;         /* Opera/IE 8+ */ 
}

.verticalMenu{
    display: inline-block;
    border: none;
    padding: 1rem 2rem;
    margin: 0 0px 2px 0px;
    text-decoration: none;
    background: #1c58a2;
    color: #ffffff;
    font-family: Lato-Semibold;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none; border-bottom:2px solid #282441; border-radius:4px; width:100%;
    -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
box-sizing: border-box !important;         /* Opera/IE 8+ */
          }



.verticalMenu:hover,
.verticalMenu:focus {
    background: #074189;
}

.verticalMenu:focus {
    outline: 1px solid #fff;
    outline-offset: 4px;
}
.verticalMenutrue{
    background: #626a73;
}
button:active {
    transform: scale(0.99);
     background: #074189;
}

.InputBox-new{ 
    padding:15px 10px !important; line-height:30px !important;
              display: inline-block;
              border:1px solid #ccc;
     background: #e5f2f4;
    text-align: left;
    transition: background 250ms ease-in-out, transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;  border-radius:4px; width:100% !important;
    -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
box-sizing: border-box !important;         /* Opera/IE 8+ */
          }
.InputBox-new:focus {
  border:1px solid #1cb7cf;
}

.select-css {
    display: block;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: 500;
    color: #444;
    line-height: 20px !important;
    height: 30px;
    width: 100%;
    max-width: 100%; /* useful when width is set to anything other than 100% */
    box-sizing: border-box !important;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    margin-bottom: 10px;
}
/* Hover style */
.select-css:hover {
  border-color: #888;
}
/* Focus style */
.select-css:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}

/* Set options to normal weight */
.select-css option {
  font-weight:normal;
}




.select-css:disabled:hover, .select-css[aria-disabled=true] {
  border-color: #aaa;
}


/*splitter END*/
.tabcontainer {
  border: 1px solid silver;
  padding: 10px 10px 0;
  width: 400px;
  margin: 0 auto 10px;
}

.tab {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  border: 1px solid silver;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  padding: 10px;
  margin-right: 8px;
  border-bottom: none;
}

.tab:last-child {
  margin-right: 0;
}

.filteredRecordLevel {
    font-family: Monospace;font-size: larger;font-weight: bold;color: #3175c1;
}

  .openRelatedDiv {
    
    width:60px !important;
}
.openRelatedDivContent {
    display:none !important;
    width:300px !important;
    position:absolute !important;
    background-color: white;
    border-radius: 4px;
    box-shadow: rgba(9, 30, 66, 0.13) 0px 0px 0px 1px, rgba(9, 30, 66, 0.13) 0px 4px 11px;
    max-width: 440px;
    min-width: 220px;
    z-index: 510 !important;
}

.openRelatedDivContent ul { 
	width:100%;
	margin:0px; 
    padding:0px 0px !important; 
    list-style:none;
	color:#333;	
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    }
.openRelatedDivContent ul li {
	padding:10px 0px;
	border-bottom: solid 1px #ccc;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width:100%;
}
.openRelatedDivContent ul li a {
	text-decoration: none;
}
.openRelatedDivContent ul li:hover {
	background:#DEDEDE; color:#3F3F3F;
}
.openRelatedDivContent ul li a:hover {
	 color:#3F3F3F !important; cursor: pointer;;
}
.openRelatedDivContent ul li:last-child { border:none }
.bgc {
       background-color: white !important;;
}
.helpInfoPop-new{
    width:100% !important;z-index:10; height:90% !important; background-color:#eee !important; margin-left:-3.2% !important; margin-top:-1% !important;position:absolute !important; top:6% ;
    -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.NewHeader-01{
    float: left;
    font-size: 14px;
    color: #111;
    text-transform: uppercase;
    padding: 10px 10px 10px 10px;
    border: 1px solid #cdd0d9;
    background-color: #f5f5f5;
    width: 100%;
    margin: 1px 0px 5px;
    border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-border-radius: 2px !important;
    padding: 12px 0px 12px 12px;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.NewHeader-02{
    float: left;
    font-size: 14px;
   width:100%;
}
.NewHeader-02-in{
  position:absolute;
    font-size: 14px;
    color: #111;
    text-transform: uppercase;
    padding: 10px 10px 10px 10px;
    border: 1px solid #cdd0d9;
    background-color: #f5f5f5;
    width: 100%;
    margin: 1px 0px 5px;
    border-radius: 0.2em !important;
    -moz-border-radius: 0.2em !important;
    -webkit-border-radius: 2px !important;
    padding: 12px 0px 12px 12px;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.Button-DropMenu{
       display: inline-block;
    border: none;
    padding: 5px 10px !important;
    margin: 0 0px 2px 0px;
    text-decoration: none;
    background: #1c58a2 !important;
    color: #ffffff !important;
    font-family: Lato-Semibold;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-bottom: 2px solid #282441 !important;
    border-radius: 4px;
    width: 100%;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.Button-DropMenu:hover{
      background: #074189;
}


.headingFontStyle{
        font-size: 1.71429em;
    font-style: inherit;
    line-height: 1.16667;
    font-weight: 500;
    letter-spacing: -0.01em;
    width: 100%;
    margin: 0px;
    padding: 0px;
    color: rgb(23, 43, 77);
}
.disabledDiv1false {
    pointer-events: none;
    opacity: 0.4;
}
.disabledDiv1false select
{
    color:#333 !important;
    height:30px !important;
}

.disabledDiv1false input
{
    color:#333 !important
}
.profileImage-buttons {
  height: 50px;
  width: 50px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  border:3px solid #99dbea;
  float:left;
  cursor:pointer
}
.profileImage-buttons:hover {
  border:3px solid white;
}
.profileImageHover:hover{
    opacity:0.30;
}

.profileButton{
    background-color: #e6f2ff;
    border: 1px solid lightgray ;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    color: #3c4043;
    display: inline-block;
    font: 500 14px/16px Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: 0.25px;
    margin: 16px 0 0;
    max-width: 254px;
    outline: 0;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}
.profileButton:hover{
   border: 1px solid gray ;
   background-color: #e4e4e4;
}

    /*new Style 07-10-2021*/
    .fromTable td { padding: .25em 2em .25em 0;
    border: 0 none;}


  .ui-accordion-header a{ color:#fff !important;  text-decoration:none}


.singleContent {
    background-color: #c8ccd1 !important;
}
  .addNewGroup {
        padding: 1px 10px;
        background-image: url('../../Images/plus.svg');
        background-repeat: no-repeat;
        border-bottom-width: thick;
        /*background:url(../Images/down5.png) left 2px no-repeat transparent;*/
        border-color: black;
        margin:0px 0px 0px 0px;
    }
       /*new Style 07-10-2021 end*/

       .JobScheduleLeftBlock
  {

      width:49.5% !important;
      float:left; 
      height:650px !important; 
      background-color:white !important; 
      padding:15px 15px !important; box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important;
  }
   .JobScheduleRightBlock
  {

      width:49.5% !important;
       float:right; 
       height:650px !important; 
       background-color:white !important; 
       padding:15px 15px !important; box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important;
  }
   .autocomplete-container {
    box-shadow: none !important;
}

.FormButtonRightInner {
    color: #333 !important;
    background: none #fdfdfd !important;
    border: 1px solid #e2e2e2 !important;
    font-family: 'Lato-Regular';
    cursor: pointer !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 21px !important;
    float: right !important;
    margin: 4px 0px 0px 10px !important;
    text-decoration: none !important;
    text-shadow: none;
    height: auto !important;
    text-transform: uppercase;
    padding: 10px 20px 10px 20px !important;
    text-align: center;
    border-radius: 8px;
    border-radius: 22px !important;
    vertical-align: middle;
    /* filter: saturate(0.5) !important; */
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
}
    .FormButtonRightInner:hover {
        color: #000 !important;
        background-color: #fff;
        /*background: url("../Images/formButtonLeft.png") no-repeat  left -42px transparent  !important;*/
        border: 1px solid #5075a6 !important;
    }
.btnTopSpacePosition {
    float: right;
    margin-top: -35px;
    /*margin-right: 286px;*/
    margin-right: 256px;
    position: relative;
}

    .modal2 .spclHeightScroll {
    height: 400px !important;
    overflow-y: scroll !important;
}
    .model {
    position: fixed; 
z-index: 999; 
padding-top: 100px; 
left: 0;
top: 0;
width: 100%; 
height: 100%;
overflow: auto; 
background-color: rgb(0,0,0); 
background-color: rgba(0,0,0,0.4); 
 }
.modal-content {
background-color: #e0e0e0  !important;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 58%; 
 border-radius: 4px; 
 box-shadow: 3px 3px 13px 0px rgba(84,84,84,0.62);
-webkit-box-shadow: 3px 3px 13px 0px rgba(84,84,84,0.62);
-moz-box-shadow: 3px 3px 13px 0px rgba(84,84,84,0.62);
}
    .modal-content .close
    {
        font-size: 24px;
    text-align: right;
    float: right;
    background-color: #000;
    padding: 0px 6px;
    border-radius: 4px;
    color:#fff !important;
    cursor:pointer; height:24px; line-height:24px; margin-bottom:5px;
    }
   .modal-content .close:hover
   {
       color:#fff !important;
   }

.width90 {
    width: 90% !important;
}

/*Add Style 24-3-2022*/

.dashboardDetails {
    border: 1px solid #a2a2a2;
}

.chartDrilldownTable {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding: 5px;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

.excelChartDload {
    margin-top: -29px;
    float: right;
    top: 0px !important;
    position: relative;
    margin-right: 2px;
}

.chartButton {
    margin-top: -22px;
    top: -20px !important;
    float: right;
    color: #fff;
    font-size: 11px;
    letter-spacing: 1px;
    background-color: #636c63;
    padding: 4px 8px;
    border-radius: 2px;
    margin-right: -2px;
    font-weight: normal;
    margin-bottom: 4px !important;
}

.dashboardDrillTable tr {
    background-color: #ffffff;
    border-bottom: 1px solid #585555;
    padding: 0px;
    color: #656363;
    border-left: 0px solid #1f2935;
    border-right: 0px solid #1f2935;
}

    .dashboardDrillTable tr td {
        padding: 4px !important;
        border-right: 0px solid #cdd0d9 !important;
        font-size: 12px !important;
        border-left: 0px solid #cdd0d9;
        font-family: 'Lato-Regular';
        font-weight: normal;
        text-align: left;
        border-bottom: 1px solid #dddada;
        color: #7f92a9 !important;
        padding: 5px;
    }

    .dashboardDrillTable tr th {
        text-align: left;
        border-top: 1px solid #333d46;
        border-bottom: 1px solid #333d46;
        padding: 5px;
    }
.ngx-pagination {
    /*margin-top: 5px;*/
    margin-top: 12px !important;
    float: right;
}
    .ngx-pagination li {
        border-top-left-radius: 8px !important;
        border-bottom-left-radius: 8px !IMPORTANT;
        padding: 8px !important;
    }
    .ngx-pagination .current {
        padding: 0.1875rem 0.625rem;
        background: #2199e8;
        color: #fefefe;
        cursor: default;
        border-radius: 0px !important;
    }

    .ngx-pagination .disabled {
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !IMPORTANT;
        border-top-right-radius:8px !important;
        border-bottom-left-radius:0px !important;
    }
.autocomplete-container .input-container .x {
    position: absolute;
    right: 268px !important;
    margin: auto;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.width90 {
    width: 90% !important;
}
.margin-top10 {
    margin-top: 10px;
}

.radio, .checkbox {
   
    margin-bottom: 0px;
}

.freeflowRight .form-field input {
    
    margin-top: 0px !important;
}

.radio, .checkbox {
    margin-bottom: 0px;
    margin-top: 0px !important;
    padding-bottom: 3px;
}
.dynamicdiv table tr td {
    padding: 0 3px
}

.dashboardDetailsInner {
    height: 210px;
    overflow-y: scroll;
}


.AuditpopupClose {
    /*    border: 1px solid #0a1a27 !important;
    background: url(../../images/closeIcon.png) no-repeat scroll 1.5px 1.5px #c8c8c8 !important;
    font-weight: normal;
    color: #555555;
     margin: 6px 0px 0px -31px !important;
    width: 19px !important;
    display:  inline-block;
   position: absolute; 
    margin-left: 90%;
    text-indent: -9999px;
    height: 20px;*/
    border: 1px solid #e7e7e7 !important;
    background: url(../../images/closeIcon.png) no-repeat scroll 1.5px 1.5px #f3eded !important;
    font-weight: normal;
    color: #555555;
    /* float: right !important; */
    margin: 17px 0px 0px -35px !important;
    width: 21px !important;
    display: inline-block;
    position: absolute;
    margin-left: 90%;
    text-indent: -9999px;
    height: 22px;
    border-radius: 4px;
    cursor:pointer;
}
    .AuditpopupClose:hover {
        background: url(../../images/closeIcon.png) no-repeat scroll 1.5px 1.5px #e3e3e3 !important;
    }
.autocomplete-container .not-found {
    padding: 0 .75em;
    border: 0px solid #f1f1f1 !important;
    background: #d75a4a !important;
    margin-top: -30px !important;
    color: #fff !important;
    border-radius: 4px;
    width: 82.3% !important;
    text-align: center !important;
    display: none !important;
}

    .autocomplete-container .not-found div {
        border-bottom: 0px solid rgba(230,230,230,.7) !important;
    }

.form-fieldNewInput input {
    width: 63.3% !important;
}

.assigntable {
    width: 100% !important
}

.trSamplingType h2 {
    display: flex;
    justify-content: space-between;
}
.fullScale input[type=checkbox] {
    width: 15px !important;
}
.material-icons {
    background: #6c6c6c;
    border-radius: 20px;
    font-size: 14px !important;
    line-height: 12px;
    padding: 3px;
    height: 14px;
    width: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#e2e2e2 !important;
}

.buttonPosisation2 {
    float: right;
    margin: -1px -3px 0px 0px;
}


.riskInfo {
    background: url(../../Images/risk-info.png) left 0px no-repeat transparent !important;
    width: 22px !important;
    height: 22px !important;
    border: 0px none #fff !important;
    float: right !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    box-shadow: none !important;
    margin-right: 4px !important;
    filter: contrast(70%);
}

    .riskInfo:hover {
        background: url(../../Images/risk-info.png) left 0px no-repeat transparent !important;
        filter: invert(1);
    }


.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
    z-index:999;
}

    .overlay:target {
        visibility: hidden;
        opacity: 0;
        display: none
    }
.popup {
    position: relative;
    z-index: 999;
    margin: 18% auto 0px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 30%;
    transition: all 5s ease-in-out;
}

    .popup .close {
        position: absolute;
        top: 28px;
        right: 30px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
        cursor: pointer;
    }

        .popup .close:hover {
            color: orange;
        }

    .popup .content {
        max-height: 30%;
        overflow: auto;
    }
    .popup h4 {
        font-size: 1.5rem;
        color: #333;
        margin-bottom: 20px;
        margin-top: 10px;
        background-color: #e7e7e7;
        height: 30px;
        line-height: 30px;
        padding: 0px 10px;
        border-radius: 4px;
        box-sizing: border-box !important;
    }


.mat-icon {
    background: transparent !important;
    font-size: 24px !important;
    color: #333 !important;
}


.riskInfo2 {
    padding: 1px 10px;
    background-image: url(../../Images/risk-info.png);
    height: 24px;
    width: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    /* border-bottom-width: thick; */
    /* border-color: black; */
    border: 0px;
}

    .riskInfo2:hover {
        filter: grayscale(50%)
    }

    .riskInfo2:focus {
        background-image: url(../../Images/risk-info.png);
        background-color: none;
        filter: grayscale(50%)
    }
/*================================== 24-11-2022 W=========================================*/

.audioplay {
    /*background: url("../Images/expPdf.png") no-repeat left top transparent !important;*/
    background: url(../../Images/audioplay.svg) no-repeat left top transparent !important;
    border: 0px none #ff0;
    margin-left: 0px;
    width: 27px;
    height: 31px;
    float: left;
    padding: 0px;
    margin-top: 1px;
}


.user-avaiability {
    background: url(../../Images/user-avaiability.svg) no-repeat left top transparent !important;
    width: 24px !important;
    height: 24px !important;
    float: left !important;
    margin: 0px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    background-size: 24px 24px !important;
}

.loan-unassign {
    background: url(../../Images/loan-unassign.svg) no-repeat left top transparent !important;
    width: 24px !important;
    height: 24px !important;
    float: left !important;
    margin: 0px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    background-size: 24px 24px !important;
}



.auto-reply-false {
    background: url(../../Images/auto-reply-off.png) no-repeat left top transparent !important;
    width: 24px !important;
    height: 24px !important;
    float: left !important;
    margin: 0px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    background-size: 24px 24px !important;
    filter: grayscale(100%);
    opacity: 1;
}

    .auto-reply-false:hover {
        filter: grayscale(100%);
        opacity: 1;
    }



.auto-reply-true {
    background: url(../../Images/auto-reply-on.png) no-repeat left top transparent !important;
    width: 20px !important;
    height: 20px !important;
    float: left !important;
    margin: 0px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    background-size: 24px 24px !important;
    filter: grayscale(0%);
    opacity: 1;
}






.auto-reply-true:hover {
        filter: grayscale(100%);
        opacity: 1;
    }
.auto-answer {
    background: url(../../Images/auto-answer.png) no-repeat left top transparent !important;
    width: 24px !important;
    height: 24px !important;
    float: left !important;
    margin: 0px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    background-size: 24px 24px !important;
    filter: grayscale(50%);
    opacity: 1;
}

.auto-answer:hover {
    filter: grayscale(100%);
    opacity: 1;
}

.user-avaiability {
  width: 20px !important;
  height: 20px !important;
  float: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
  background: url(../../Images/calendar-alt.svg) left top / 20px 20px no-repeat transparent !important;
  margin: 0px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: rgb(255, 255, 255) !important;
  border-image: initial !important;
  filter: grayscale(100%);
}
.user-avaiability:hover {
  width: 20px !important;
  height: 20px !important;
  float: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
  background: url(../../Images/calendar-alt.svg) left top / 20px 20px no-repeat transparent !important;
  margin: 0px !important;
  border-width: 0px !important;
  border-style: none !important;
  border-color: rgb(255, 255, 255) !important;
  border-image: initial !important;
  filter: grayscale(0%);
}


.ngx-pagination {
    
    margin-top: 5px;
}
.ngx-pagination {
    margin-left: 0;
    margin-bottom: 1rem;
    border: 1px solid #ccc !important;
    float: right;
    color: #999 !important;
    /* padding: 5px; */
    border-radius: 6px;
    padding-left: 4px;
}

.ngx-pagination li {
    padding: 5px 2px !important;
}

.disabled {
    background-color: #e9eaed !important;
    border: 0px solid #d0d0d0 !important;
    color: #666 !important;
}

.current span {
    padding: 0.1875rem 0.625rem;
}

.ngx-pagination li {
    padding: 10px 5px !important;
    border-right: 1px solid #ccc;
}
.ngx-pagination li:nth-last-child(1) {
   
    border-right: 0px solid #ccc;
}


/*  Rule Builder Finish */
.ruleTree {
    background: url(../../Images/rules2.svg) no-repeat left top transparent !important;
    width: 24px !important;
    height: 24px !important;
    float: left !important;
    margin: 1px 4px 0px 1px !important;
    border: 0px none #fff !important;
    cursor: pointer !important;
    box-shadow: none !important;
    filter: grayscale(100%);
    background-size: 24px 24px !important;
    box-sizing: border-box !important;
}

    .ruleTree:hover {
        background: url(../../Images/rules2.svg) no-repeat left top transparent !important;
        filter: drop-shadow(1px 1px 1px #5075a6);
        transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        transition: background-color 0.3s ease;
    }
.packagediv {
    font-size: 14px;
    display: flex;
    float: right;
    height: 45px;
    align-items: center;
    margin: 0px 10px;
    color: #bbb;
}
.packagediv strong {
    color: #fff;
    background-color: #f69d01;
    padding: 2px 5px;
    border-radius: 4px;
}

.saasauditcount {
    color: #f69d01;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.autoAnswerOn {
    float: left;
    margin-right: 4px;
    width: 24px;
}

.autoAnswerOff {
    float: left;
    margin-right: 4px;
    width: 24px;
    filter: grayscale(1)
}
#BDiv {
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
    padding: 20px;
    margin: 10px;
}
.reportLeftCol {
    width: 90%;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1;
    height: 405px;
    box-shadow: rgba(71, 103, 136, 0.04) 0px 4px 5px 0px, rgba(71, 103, 136, 0.03) 0px 8px 15px 0px, rgba(71, 103, 136, 0.06) 0px 15px 30px 0px;
    border: 1px solid #edf0f3;
    border-radius: 20px !important;
    padding: 10px;
    margin: 10px 0px;
}

.coninueBtn {
    height: 34px !important;
    font-size: 15px !important;
    color: #fff !important;
    font-weight: normal !important;
    text-align: center;
    /*width: 90px !important;*/
    width: 96% !important;
    /*min-width: 90px;*/
    padding: 8px 5px !important;
    float: left;
    border: 0px solid #00bdf0 !important;
    margin-left: 12px;
    font-family: 'Lato-Light','Open Sans','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: #3C85E0;
    background: -webkit-linear-gradient(#3C85E0, #3C85E0);
    background: -o-linear-gradient(#3C85E0, #3C85E0);
    background: -moz-linear-gradient(#3C85E0, #3C85E0);
    background: linear-gradient(#3C85E0, #3C85E0);
    line-height: 30px;
    /*box-shadow: 0px 1px #8abbde inset;*/
    border: 0px solid #011b26 !important;
    letter-spacing: 0.5px;
    border-radius: 12px;
    min-height: 44px;
}
    /*    .coninueBtn:focus {
        border: 0px solid #00a0cb !important;
        width: auto !important;
        background: #005fe6;
    }*/
    .coninueBtn:hover {
        /*background-color: #008eb4 !important;*/
        /*background-color: #014676 !important;*/
        background: #005fe6; / For browsers that do not support gradients /
        background: -webkit-linear-gradient(#005fe6, #005fe6); / For Safari 5.1 to 6.0 /
        background: -o-linear-gradient(#005fe6, #005fe6); / For Opera 11.1 to 12.0 /
        background: -moz-linear-gradient(#005fe6, #005fe6); / For Firefox 3.6 to 15 /
        background: linear-gradient(#005fe6, #005fe6); / Standard syntax /
    }

.height-important {
    height: 280px !important;
}

.hidden {
  display: none;
}
 *
{
    box-sizing:unset !important;
}


.google-btn {
    width: 260px;
    height: 40px;
    background-color: #006bd6;
    border-radius: 4px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .25);
    padding: 2px;
}

.google-icon-wrapper {
    position: absolute;
    margin-top: 1px;
    margin-left: 1px;
    width: 32px;
    height: 33px;
    border-radius: 4px 0px 0px 4px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.google-icon {
    position: absolute;
    margin-top: 11px;
    margin-left: 11px;
    width: 18px;
    height: 18px;
}

.btn-text {
    float: left;
    margin: 8px 11px 0 50px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.2px;
    display: flex;
}

.microsoft-btn {
    background-color: #01295C;
}

.buttonBox {
    display: flex;
    justify-content: center;
    row-gap: 10px;
    column-gap: 16px;
    align-items: center;
    width: 100%;
    margin: 0px auto;
}

body{
    overflow-x:hidden;
}
.scroller {
	height: 100%;
}

.scroller {
	overflow-y: scroll;
    overflow-x:hidden;
}

.scroller,
.scroller-inner {
	position: relative;
}

.container {
	position: relative;
	overflow: hidden;
	background: #34495e;
}
.pushMenuTriggerBar {
	position: absolute;
	left: 5px;
	padding: 8px 0px 10px 6px;
	background: transparent;
	height: 22px;
	width: 34px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	top: 8px;
	z-index: 9999999;
	border-radius: 50%;
	box-sizing: unset !important;
}
.pushMenuTriggerBar:hover
{
    cursor:pointer;
	background:#c4c5c6;
	border-radius:50%;
}
.menu-trigger {
	position: relative;
	padding-left: 0px;
	font-size: 0.9em;
}

.menu-trigger:before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 40px;
	height: 6px;

	/*box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;*/
	content: '';
    

        /*margin-left: -24px;
		vertical-align: -2px;
		width: 28px;
		height: 27px;
		
        
		content: '';
         border-top-right-radius:0.2em;
        border-bottom-right-radius:0.2em;
        -moz-border-top-right-radius:0.2em;
        -moz-border-bottom-right-radius:0.2em;
        -webkit-border-top-right-radius:0.2em;
        -webkit-border-bottom-right-radius:0.2em;
        margin-top:10px !important;*/
}
.barIcon {
	/*background:url(../../Images/menu.svg) left top no-repeat transparent;
    width:24px;
    height:26px;
    cursor:pointer;
    margin-top: 4px;
    margin-left: 2px;*/
	background: url(../../Images/menu.svg) left top no-repeat transparent;
	width: 24px;
	height: 26px;
	cursor: pointer;
	margin-top: 4px;
	margin-left: 2px;
	filter: invert(1);
}
.barIcon:hover
{
    background:url(../../Images/menu.svg) left top no-repeat transparent;
    cursor:pointer;
    opacity:0.7;
}

.mp-pusher {
	position: relative;
	left: 0;
	height: 100%;
}

.mp-menu {
	position: absolute; /* we can't use fixed here :( */
	top: 0;
	left: 0;
	z-index: 1;
	width: 190px;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
    min-height:690px;
}

.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: #2bc2ec;*/
    background: #fff; /* For browsers that do not support gradients */
  /*background: -webkit-linear-gradient(left, #012636 , #01344a);*/ /* For Safari 5.1 to 6.0 */
  /*background: -o-linear-gradient(right, #012636, #01344a);*/ /* For Opera 11.1 to 12.0 */
  /*background: -moz-linear-gradient(right, #012636, #01344a);*/ /* For Firefox 3.6 to 15 */
  /*background: linear-gradient(to right, #012636 , #01344a);*/ /* Standard syntax */
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	border-right: rgba(0,0,0,0.2);
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
	background: rgba(255,255,255,0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	/*opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;*/
    opacity: 0.1;
	-webkit-transition: opacity 0.9s;
	-moz-transition: opacity 0.9s;
	transition: opacity 0.9s;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.mp-pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
    border-bottom-right-radius:6px;
}

/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
    text-transform:uppercase;
   
}

.mp-menu h2 {
	/*margin: 0;
	padding: 1em;
    color:#f9f9f9;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2em;*/
        margin: 0;
        padding: 0.54em 1em 1em;
    color: rgba(0,0,0,0.5);
    text-shadow: none;
    font-weight: normal;
    font-size: 20px;
    text-transform: capitalize !important;
    letter-spacing: 0.7px;
}

.mp-menu.mp-overlap h2::before {
	position: absolute;
	/*top: 0;*/
    top:10px;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.mp-menu ul li > a {
	display: block;
	padding: 9px 1px 0.8em 1.5em;
	outline: none;
	/*box-shadow: inset 0 -1px rgba(0,0,0,0.2);*/
	box-shadow: none;
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	font-size: 1.2em;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
	/*color:rgba(0,0,0,0.5);*/
	color: #1C274C;
	text-decoration:none;
	font-size: 20px !important;
	font-weight: 600;
}

.mp-menu ul li::before {
	position: absolute;
	left: 5px;
	z-index: -1;
	/*color: rgba(0,0,0,0.2);*/
	/*line-height: 3.5;*/
    line-height: 3.4;
    color: #8abbde;
}
.icon
{
    font-size:1.2em;
}
.icon3
{
    font-size:1.2em;
}

.mp-level > ul > li:first-child > a {
	/*box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);*/
	box-shadow:none;
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
	background: #fff;
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a .pushMenuTriggerBar
box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
	background: rgba(0,0,0,0.1);
	outline: none;
	/*color: #fff;*/
	color: #4b545a !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	display: block;
	font-size: 0.8em;
	/*padding: 1em;*/
	padding: 10px 10px 10px 21px;
	position: relative;
	box-shadow: inset 0 1px rgba(0,0,0,0.1);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

	.mp-back::after {
		font-family: 'linecons';
		position: absolute;
		content: "\e037";
		right: 10px;
		font-size: 1.3em;
		/*color: rgba(0,0,0,0.3);*/
		color: #4b545a;
	}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
	padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
      
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative !important;
  float: left;
  padding: 12px !important;
  margin-left: -1px;
  line-height: 1.428571429 !important;
  text-decoration: none;
  background-color: #f6f6f6;
  border: 1px solid #cdd0d9 !important;
  font-size: 11px !important;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  font-size: 11px !important;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 2;
        color: #ffffff;
        cursor: default;
        background-color: #007f9f;
        border-color: #007f9f;
        filter: saturate(0.5);
    }

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative; }
  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden; }
  .sweet-alert button {
    background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #7ecff4; }
    .sweet-alert button:active {
      background-color: #5dc2f1; }
    .sweet-alert button.cancel {
      background-color: #C1C1C1; }
      .sweet-alert button.cancel:hover {
        background-color: #b9b9b9; }
      .sweet-alert button.cancel:active {
        background-color: #a8a8a8; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button[disabled] {
      opacity: .6;
      cursor: default; }
    .sweet-alert button.confirm[disabled] {
      color: transparent; }
      .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

/* Styling for the ngProgress itself */
#ngProgress {
    margin: 0;
    padding: 0;
    z-index: 99998;
    background-color: green;
    color: green;
    box-shadow: 0 0 2px 0; /* Inherits the font color */
    height: 2px;
    opacity: 0;

    /* Add CSS3 styles for transition smoothing */
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* Styling for the ngProgress-container */
#ngProgress-container {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}


/********************
 * HTML CSS
 */


.chartWrap {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/********************
  Box shadow and border radius styling
*/
.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
  -moz-box-shadow: 0 5px 5px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);
  box-shadow: 0 5px 5px rgba(0,0,0,.2);

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

}
/*Customize hover section*/
#ACOMPBarChart .discreteBar, #AUPEBarChart .discreteBar ,#AgentStatusBarChart .discreteBar,#ACOMBarChart .discreteBar,#AUSBBarChart .discreteBar,#QCPEBarChart .discreteBar,#QCFLBarChart .discreteBar
{cursor:pointer;

}
#QCPassChart .nvd3.nv-pie .hover path ,#AuditPChart .nvd3.nv-pie,#chart2 .nvd3.nv-pie .hover path, #CriticalErrorChart .nvd3.nv-pie .hover path, #chartD .nvd3.nv-pie .hover path,#AuditDChart .nvd3.nv-pie .hover path{
  cursor:pointer;
}

/*Customize hover section*/

/********************
 * TOOLTIP CSS
 */

.nvtooltip {
    position: absolute;
    background-color: rgba(255,255,255, 0.35);
    color: rgba(0,0,0,1.0);
    padding: 1px;
    border: 1px solid rgba(0,0,0,.2);
    z-index: 10000;
    display: block;

    font-family: Arial, sans-serif;
    font-size: 13px;
    text-align: left;
    pointer-events: none;

  white-space: nowrap;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
   -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 5px 5px 5px 5px;
  -moz-box-shadow: 5px 5px black;
-webkit-box-shadow: 5px 5px black;
box-shadow: 5px 5px black;

}


/*Give tooltips that old fade in transition by
    putting a "with-transitions" class on the container div.
*/
.nvtooltip.with-transitions, .with-transitions .nvtooltip {
  transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -webkit-transition: opacity 250ms linear;

  transition-delay: 250ms;
  -moz-transition-delay: 250ms;
  -webkit-transition-delay: 250ms;
}

.nvtooltip.x-nvtooltip,
.nvtooltip.y-nvtooltip {
  padding: 8px;
}

.nvtooltip h3 {
  margin: 0;
  padding: 4px 14px;
  line-height: 18px;
  font-weight: normal;
  background-color: rgba(247,247,247,0.75);
  text-align: center;

  border-bottom: 1px solid #ebebeb;

  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.nvtooltip p {
  margin: 0;
  padding: 5px 14px;
  text-align: center;
}

.nvtooltip span {
  display: inline-block;
  margin: 2px 0;
}

.nvtooltip table {
  margin: 6px;
  border-spacing:0;
}


.nvtooltip table td {
  padding: 2px 9px 2px 0;
  vertical-align: middle;
}

.nvtooltip table td.key {
  font-weight:normal;
}

.nvtooltip table td.key.total {
    font-weight: bold;
}

.nvtooltip table td.value {
    text-align: right;
    font-weight: bold;
}

.nvtooltip table td.percent {
    color: darkgray;
}

.nvtooltip table tr.highlight td {
  padding: 1px 9px 1px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
}

.nvtooltip table td.legend-color-guide div {
  width: 8px;
  height: 8px;
  vertical-align: middle;
}

.nvtooltip .footer {
  padding: 3px;
  text-align: center;
}


.nvtooltip-pending-removal {
  position: absolute;
  pointer-events: none;
}


/********************
 * SVG CSS
 */


svg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Trying to get SVG to act like a greedy block in all browsers */
  display: block;
  /*width:100%;
  height:100%;*/
 
height: 330px;
margin: 0px auto;

}


svg text {
  font-weight: normal;
  font-size: 10px;
   font-family: 'open_sansregular',Arial;
   width:60px;
   overflow:hidden;
   color:#f00 !important;
   fill: #666;
    
}

svg .title {
 font: bold 14px Arial;
}

.nvd3 .nv-background {
  fill: white;
  fill-opacity: 0;
  /*
  pointer-events: none;
  */
}

.nvd3.nv-noData {
  font-size: 18px;
  font-weight: bold;
}


/**********
*  Brush
*/

.nv-brush .extent {
  fill-opacity: .125;
  shape-rendering: crispEdges;
}



/**********
*  Legend
*/

.nvd3 .nv-legend .nv-series {
  cursor: pointer;
  
}

.nvd3 .nv-legend .disabled circle {
  fill-opacity: 0;
}
.nv-legendWrap
{
    background-color:#f9f9f9;
    padding:5px;
    border:1px solid #d4d4d4;
    border-radius:2px;
}


/**********
*  Axes
*/
.nvd3 .nv-axis {
  pointer-events:none;
}

.nvd3 .nv-axis path {
  fill: none;
  stroke: black;
  stroke-opacity: .75;
  shape-rendering: crispEdges;
}
.domain
{
    fill: none;
  stroke: black;
  stroke-opacity: .75;
  shape-rendering: crispEdges;
}
.nvd3 .nv-axis path.domain {
  stroke-opacity: .75;
}


.nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 0;
}

/*.nvd3 .nv-axis line {
  fill: none;
  stroke: #e5e5e5;
  shape-rendering:crispEdges;
}*/

.tick line {
  fill: none;
  stroke: gray;
   stroke-opacity: .2;
  shape-rendering:crispEdges;
}

.nvd3 .nv-axis .zero line,
/*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
  stroke-opacity: .75;
}

.nvd3 .nv-axis .nv-axisMaxMin text {
  font-weight: bold;
}

.nvd3 .x  .nv-axis .nv-axisMaxMin text,
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
  text-anchor: middle
}

/*===============================Reset View All===========================*/

.chartIconContainer
{
    float: right;
min-width: 18px;
padding: 1px 2px 1px 0px;
background-color: #f9f9f9;
border: 1px solid #d4d4d4;
border-radius: 2px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 6px;
}
.refresh
{
    min-height: 16px !important;
    color: #6086A8 !important;
    padding: 0px !important;
    float: right !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    cursor: pointer !important;
    margin: 1px 0px 0px 2px !important;
    background: transparent url("../Images/refresh.png") no-repeat scroll left top !important;
    width:16px;
}
.refresh:hover
{
    background:url(../Images/refresh.png) left -24px no-repeat !important;
    color:#cc0000 !important;
    min-height:16px !important;
    padding: 0px !important;
    float:right !important;
    font-size:11px !important;
    text-transform:uppercase !important;
    text-decoration: none !important;
    cursor:pointer !important;
    margin: 1px 0px 0px 2px !important;
    width:16px;
} 
.viewAll
{
    min-height: 16px !important;
    color: #6086A8 !important;
    padding: 0px !important;
    float: right !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    cursor: pointer !important;
    margin: 1px 0px 0px 2px !important;
    background: transparent url("../Images/view.png") no-repeat scroll left top !important;
    width:16px;
}
.viewAll:hover
{
    background:url(../Images/view.png) left -24px no-repeat !important;
    color:#cc0000 !important;
    min-height:16px !important;
    padding: 0px !important;
    float:right !important;
    font-size:11px !important;
    text-transform:uppercase !important;
    text-decoration: none !important;
    cursor:pointer !important;
    margin: 1px 0px 0px 2px !important;
    width:16px;
} 

/*========================================================================*/

/**********
*  Brush
*/

.nv-brush .resize path {
  fill: #eee;
  stroke: #666;
}



/**********
*  Bars
*/

.nvd3 .nv-bars .negative rect {
    zfill: brown;
}

.nvd3 .nv-bars rect {
  zfill: steelblue;
  fill-opacity: .75;

  transition: fill-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear;
}

.nvd3 .nv-bars rect.hover {
  fill-opacity: 1;
}

.nvd3 .nv-bars .hover rect {
  fill: lightblue;
}

.nvd3 .nv-bars text {
  fill: rgba(0,0,0,0);
}

.nvd3 .nv-bars .hover text {
  fill: rgba(0,0,0,1);
}


/**********
*  Bars
*/
/*Chart border Shadow*/

.nvd3 .nv-multibar .nv-groups rect,
.nvd3 .nv-multibarHorizontal .nv-groups rect,
.nvd3 .nv-discretebar .nv-groups rect {
  stroke-opacity: 0;

  transition: fill-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear;
}

.nvd3 .nv-multibar .nv-groups rect:hover,
.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
.nvd3 .nv-discretebar .nv-groups rect:hover {
  fill-opacity: 1;
}

.nvd3 .nv-discretebar .nv-groups text,
.nvd3 .nv-multibarHorizontal .nv-groups text {
  font-weight: 600;
  fill: #444;
  stroke: rgba(0,0,0,0);
}
.tick text
{
    transform:rotate(90 -5, 0) !important;
    -moz-transform:rotate(90 -5, 0) !important;
    width:60px;
    overflow:hidden;
    

}

/***********
*  Pie Chart
*/

.nvd3.nv-pie path {
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;

}

.nvd3.nv-pie .nv-slice text {
  stroke: #000;
  stroke-width: 0;
}

.nvd3.nv-pie path {
  stroke: #fff;
  stroke-width: 1px;
  stroke-opacity: 1;
}

.nvd3.nv-pie .hover path {
  fill-opacity: .7;
}
.nvd3.nv-pie .nv-label {
  pointer-events: none;
}
.nvd3.nv-pie .nv-label rect {
  fill-opacity: 0;
  stroke-opacity: 0;
}

/**********
* Lines
*/

.nvd3 .nv-groups path.nv-line {
  fill: none;
  stroke-width: 1.5px;
  /*
  stroke-linecap: round;
  shape-rendering: geometricPrecision;

  transition: stroke-width 250ms linear;
  -moz-transition: stroke-width 250ms linear;
  -webkit-transition: stroke-width 250ms linear;

  transition-delay: 250ms
  -moz-transition-delay: 250ms;
  -webkit-transition-delay: 250ms;
  */
}

.nvd3 .nv-groups path.nv-line.nv-thin-line {
  stroke-width: 1px;
}


.nvd3 .nv-groups path.nv-area {
  stroke: none;
  /*
  stroke-linecap: round;
  shape-rendering: geometricPrecision;

  stroke-width: 2.5px;
  transition: stroke-width 250ms linear;
  -moz-transition: stroke-width 250ms linear;
  -webkit-transition: stroke-width 250ms linear;

  transition-delay: 250ms
  -moz-transition-delay: 250ms;
  -webkit-transition-delay: 250ms;
  */
}

.nvd3 .nv-line.hover path {
  stroke-width: 6px;
}

/*
.nvd3.scatter .groups .point {
  fill-opacity: 0.1;
  stroke-opacity: 0.1;
}
  */

.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
  fill-opacity: 0;
  stroke-opacity: 0;
}

.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
  fill-opacity: .5 !important;
  stroke-opacity: .5 !important;
}


.with-transitions .nvd3 .nv-groups .nv-point {
  transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;

}

.nvd3.nv-scatter .nv-groups .nv-point.hover,
.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 7px;
  fill-opacity: .95 !important;
  stroke-opacity: .95 !important;
}


.nvd3 .nv-point-paths path {
  stroke: #aaa;
  stroke-opacity: 0;
  fill: #eee;
  fill-opacity: 0;
}



.nvd3 .nv-indexLine {
  cursor: ew-resize;
}


/**********
* Distribution
*/

.nvd3 .nv-distribution {
  pointer-events: none;
}



/**********
*  Scatter
*/

/* **Attempting to remove this for useVoronoi(false), need to see if it's required anywhere
.nvd3 .nv-groups .nv-point {
  pointer-events: none;
}
*/

.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 20px;
  stroke-opacity: .5;
}

.nvd3 .nv-scatter .nv-point.hover {
  fill-opacity: 1;
}

/*
.nv-group.hover .nv-point {
  fill-opacity: 1;
}
*/


/**********
*  Stacked Area
*/

.nvd3.nv-stackedarea path.nv-area {
  fill-opacity: .7;
  /*
  stroke-opacity: .65;
  fill-opacity: 1;
  */
  stroke-opacity: 0;

  transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
  -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;

  /*
  transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -webkit-transition-delay: 500ms;
  */

}

.nvd3.nv-stackedarea path.nv-area.hover {
  fill-opacity: .9;
  /*
  stroke-opacity: .85;
  */
}
/*
.d3stackedarea .groups path {
  stroke-opacity: 0;
}
  */



.nvd3.nv-stackedarea .nv-groups .nv-point {
  stroke-opacity: 0;
  fill-opacity: 0;
}

/*
.nvd3.nv-stackedarea .nv-groups .nv-point.hover {
  stroke-width: 20px;
  stroke-opacity: .75;
  fill-opacity: 1;
}*/



/**********
*  Line Plus Bar
*/

.nvd3.nv-linePlusBar .nv-bar rect {
  fill-opacity: .75;
}

.nvd3.nv-linePlusBar .nv-bar rect:hover {
  fill-opacity: 1;
}


/**********
*  Bullet
*/

.nvd3.nv-bullet { font: 10px sans-serif; }
.nvd3.nv-bullet .nv-measure { fill-opacity: .8; }
.nvd3.nv-bullet .nv-measure:hover { fill-opacity: 1; }
.nvd3.nv-bullet .nv-marker { stroke: #000; stroke-width: 2px; }
.nvd3.nv-bullet .nv-markerTriangle { stroke: #000; fill: #fff; stroke-width: 1.5px; }
.nvd3.nv-bullet .nv-tick line { stroke: #666; stroke-width: .5px; }
.nvd3.nv-bullet .nv-range.nv-s0 { fill: #eee; }
.nvd3.nv-bullet .nv-range.nv-s1 { fill: #ddd; }
.nvd3.nv-bullet .nv-range.nv-s2 { fill: #ccc; }
.nvd3.nv-bullet .nv-title { font-size: 14px; font-weight: bold; }
.nvd3.nv-bullet .nv-subtitle { fill: #999; }


.nvd3.nv-bullet .nv-range {
  fill: #bababa;
  fill-opacity: .4;
}
.nvd3.nv-bullet .nv-range:hover {
  fill-opacity: .7;
}



/**********
* Sparkline
*/

.nvd3.nv-sparkline path {
  fill: none;
}

.nvd3.nv-sparklineplus g.nv-hoverValue {
  pointer-events: none;
}

.nvd3.nv-sparklineplus .nv-hoverValue line {
  stroke: #333;
  stroke-width: 1.5px;
 }

.nvd3.nv-sparklineplus,
.nvd3.nv-sparklineplus g {
  pointer-events: all;
}

.nvd3 .nv-hoverArea {
  fill-opacity: 0;
  stroke-opacity: 0;
}

.nvd3.nv-sparklineplus .nv-xValue,
.nvd3.nv-sparklineplus .nv-yValue {
  /*
  stroke: #666;
  */
  stroke-width: 0;
  font-size: .9em;
  font-weight: normal;
}

.nvd3.nv-sparklineplus .nv-yValue {
  stroke: #f66;
}

.nvd3.nv-sparklineplus .nv-maxValue {
  stroke: #2ca02c;
  fill: #2ca02c;
}

.nvd3.nv-sparklineplus .nv-minValue {
  stroke: #d62728;
  fill: #d62728;
}

.nvd3.nv-sparklineplus .nv-currentValue {
  /*
  stroke: #444;
  fill: #000;
  */
  font-weight: bold;
  font-size: 1.1em;
}

/**********
* historical stock
*/

.nvd3.nv-ohlcBar .nv-ticks .nv-tick {
  stroke-width: 2px;
}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
  stroke-width: 4px;
}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
 stroke: #2ca02c;
}

.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
 stroke: #d62728;
}

.nvd3.nv-historicalStockChart .nv-axis .nv-axislabel {
  font-weight: bold;
}
.nv-axislabel
{
    fill:#777;
    text-transform:uppercase;
    font-size:11px;
    font-family: 'open_sansregular',Arial;
    font-weight:600;
    letter-spacing:2px;
    
   
}
.nvd3.nv-historicalStockChart .nv-dragTarget {
  fill-opacity: 0;
  stroke: none;
  cursor: move;
}

.nvd3 .nv-brush .extent {
  /*
  cursor: ew-resize !important;
  */
  fill-opacity: 0 !important;
}

.nvd3 .nv-brushBackground rect {
  stroke: #000;
  stroke-width: .4;
  fill: #fff;
  fill-opacity: .7;
}



/**********
* Indented Tree
*/


/**
 * TODO: the following 3 selectors are based on classes used in the example.  I should either make them standard and leave them here, or move to a CSS file not included in the library
 */
.nvd3.nv-indentedtree .name {
  margin-left: 5px;
}

.nvd3.nv-indentedtree .clickable {
  color: #08C;
  cursor: pointer;
}

.nvd3.nv-indentedtree span.clickable:hover {
  color: #005580;
  text-decoration: underline;
}


.nvd3.nv-indentedtree .nv-childrenCount {
  display: inline-block;
  margin-left: 5px;
}

.nvd3.nv-indentedtree .nv-treeicon {
  cursor: pointer;
  /*
  cursor: n-resize;
  */
}

.nvd3.nv-indentedtree .nv-treeicon.nv-folded {
  cursor: pointer;
  /*
  cursor: s-resize;
  */
}

/**********
* Parallel Coordinates
*/

.nvd3 .background path {
  fill: none;
  stroke: #ccc;
  stroke-opacity: .4;
  shape-rendering: crispEdges;
}

.nvd3 .foreground path {
  fill: none;
  stroke: steelblue;
  stroke-opacity: .7;
}

.nvd3 .brush .extent {
  fill-opacity: .3;
  stroke: #fff;
  shape-rendering: crispEdges;
}

.nvd3 .axis line, .axis path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.nvd3 .axis text {
  text-shadow: 0 1px 0 #fff;
}

/****
Interactive Layer
*/
.nvd3 .nv-interactiveGuideLine {
  pointer-events:none;
}
.nvd3 line.nv-guideline {
  stroke: #ccc;
}
#test line{
fill: black;
  stroke: black;
  stroke-opacity: .75;
  shape-rendering: crispEdges;

}
.textdiv{
    font-size: 10px;
    line-height: 12px;
    width: 55px;
    float: left;
    border: 0px solid;
    margin-left: -29px;
    text-align: left;
    word-wrap:break-word;
   table-layout:fixed;
}
.textdivnowrap
{
    font-size: 10px;
    line-height: 12px;
    float: left;
    border: 0px solid;
    margin-left: -60px;
    text-align: left;
    word-wrap:break-word;
   table-layout:fixed;
}