/*
 * G5 Framework
 * http://Framework.GregBabula.info
 * http://GregBabula.info/framework.php
*/

/*@import "reset-min.css";*/            /* Eric Meyer's Reset Reloaded + HTML5 baseline */
/*@import "grid.css";*/                 /* Easy Grid */
/*@import "buttons.css";*/              /* CSS3 Buttons */
/*@import "tipsy.css";*/                /* ToolTips */
/*@import "reveal.css";*/               /* Modals */
/*@import "orbit.css";*/                /* Image Slider */

html, body { margin:0; padding:0; height:100%;font-size: 12px; }
body { color:#000; font:normal 14px/24px tahoma, arial, helvetica, serif; }
p, ul { font-family:arial, helvetica, sans-serif; font-size:12px; line-height:16px;}
h1 { font:normal bold 22px tahoma, arial, helvetica, serif; }
h2 { font:normal bold 20px tahoma, arial, helvetica, serif; }
h3 { font:normal bold 18px tahoma, arial, helvetica, serif; }
h4 { font:normal bold 16px tahoma, arial, helvetica, serif; }
h5 { font:normal bold 14px tahoma, arial, helvetica, serif; }
h6 { font:normal 13px tahoma, arial, helvetica, serif; text-transform: none}
a { color:#999;}

/* Error code */
span.error-code{margin: 0 5px; font-size: 20px}

/* Global Classes */
.hidden { position:absolute; left:-9999px; display:none; }
.first { margin-left:0 !important; }

.right-align{float:right !important;}

.btmspc { margin-bottom:20px !important; }
.btmspc-hlf { margin-bottom:10px !important; }
.btmspc-dbl { margin-bottom:40px !important; }
.topspc { margin-top:20px !important; }
.topspc-hlf { margin-top:10px !important; }
.topspc-dbl { margin-top:40px !important; }

.vertspc {margin-left:20px; }
.vertspc-qtr {margin-left:5px; }
.vertspc-hlf {margin-left:10px; }
.vertspc-dbl {margin-left:40px; }


.lftpad { padding-left:20px !important; }
.lftpad-hlf { padding-left:10px !important; }
.lftpad-qtr { padding-left:5px !important; }
.rgtpad { padding-right:20px !important; }
.rgtpad-hlf { padding-right:10px !important; }
.rgtpad-qtr { padding-right:5px !important; }
.cntrtxt { text-align:center !important; }

.lftspc { margin-left:20px !important; }
.lftspc-hlf { margin-left:10px !important; }
.lftspc-qtr { margin-left:5px !important; }
.rgtspc { margin-right:20px !important; }
.rgtspc-hlf { margin-right:10px !important; }
.rgtspc-qtr { margin-right:5px !important; }
.nospc {margin:0px !important;}

.imgtxt { overflow:auto; }
.lft-img { float:left; padding:0 10px 0 0; }
.rgt-img { float:right; padding:0 0 0 10px; }
.loading { background:url(../images/ajax-loader.gif) no-repeat 50% 50%; }

/* Cross Browser Effects */
.brdr { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.shdw { -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000; }
.opct { opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); -khtml-opacity:.50; -moz-opacity:.50; }

/* Arrows */
.up-arw:after { content:"↑"; font-size:18px; padding-left:5px; }
.dwn-arw:after { content:"↓"; font-size:18px; padding-left:5px; }
.rgt-arw:after { content:"→"; font-size:18px; padding-left:5px; }
.lft-arw:before { content:"←"; font-size:18px; padding-right:5px; }

/* Clear Float */
.clear-both{ clear:both; width:0px; height:0px; padding:0px; margin:0px; }

/* Structure */
/* #wrapper { margin:0 auto; padding:0; position: relative; min-height:100%; width:960px;} - Removed position relative because of it is affect in drag and drop for report > report module setting > listing */
#wrapper { margin:0 auto; padding:0;  min-height:100%; width:960px;}
#wrapper a { text-decoration:none; outline:none; }
#wrapper a:hover { text-decoration:none; }
#wrapper nav ul li { display:inline; }
span.seperator { margin: 0 4px; }

/* Main Heading / Logo */
h1#logo { background:url(../images/logo.png) no-repeat; float:left; }
h1#logo:hover { background-position:-308px 0; }
h1#logo:active { background-position:-616px 0; }
h1#logo a { display:block; width:308px; height:41px; }
h1#logo a:hover { text-decoration:none; }

/* Icons */
.status-done{width:22px; height:16px; background:url(../assets/icons/status-icon-done.png) no-repeat; display:inline-block; float:left; margin:6px 10px 6px 0px;}
.status-ready{width:21px; height:21px; background:url(../assets/icons/status-icon-ready.png) no-repeat; display:inline-block; float:left; margin:3px 10px 4px 0px;}
.status-inprogress{width:21px; height:22px; background:url(../assets/icons/status-icon-inprogress.png) no-repeat; display:inline-block; float:left; margin:3px 10px 3px 0px;}
.status-blocked{width:22px; height:22px; background:url(../assets/icons/status-icon-blocked.png) no-repeat; display:inline-block; float:left; margin:3px 10px 3px 0px;}
.status-pending{width:22px; height:22px; background:url(../assets/icons/status-icon-pending.png) no-repeat; display:inline-block; float:left; margin:3px 10px 3px 0px;}
.status-error{width:22px; height:22px; background:url(../assets/icons/status-icon-error.png) no-repeat; display:inline-block; float:left; margin:3px 10px 3px 0px;}
.status-resetting{width:22px; height:22px; background:url(../assets/icons/status-icon-pending.png) no-repeat; display:inline-block; float:left; margin:3px 10px 3px 0px;}
.req-icon{ width:20px; height:20px; display:inline-block; float:left; margin:2px 4px 0 0;}
.icon-56k{ background:url(../assets/icons/56k.png) no-repeat; }
.icon-activex{ background:url(../assets/icons/activex.png) no-repeat; }
.icon-calculator{ background:url(../assets/icons/calculator.png) no-repeat; }
.icon-chrome{ background:url(../assets/icons/chrome.png) no-repeat; }
.icon-cookie{ background:url(../assets/icons/cookie.png) no-repeat; }
.icon-firefox{ background:url(../assets/icons/firefox.png) no-repeat; }
.icon-flash{ background:url(../assets/icons/flash.png) no-repeat; }
.icon-ie{ background:url(../assets/icons/ie.png) no-repeat; }
.icon-java{ background:url(../assets/icons/java.png) no-repeat; }
.icon-javascript{ background:url(../assets/icons/javascript.png) no-repeat; }
.icon-mediaplayer{ background:url(../assets/icons/mediaplayer.png) no-repeat; }
.icon-mouse{ background:url(../assets/icons/mouse.png) no-repeat; }
.icon-opera{ background:url(../assets/icons/opera.png) no-repeat; }
.icon-pencil{ background:url(../assets/icons/pencil.png) no-repeat; }
.icon-safari{ background:url(../assets/icons/safari.png) no-repeat; }
.icon-screen{ background:url(../assets/icons/screen.png) no-repeat; }
.icon-popup{ background:url(../assets/icons/screen.png) no-repeat; }
.icon-sound{ background:url(../assets/icons/sound.png) no-repeat; }
.icon-windows{ background:url(../assets/icons/windows.png) no-repeat; }
.icon-windowsxp{ background:url(../assets/icons/windows.png) no-repeat; }
.icon-windows7{ background:url(../assets/icons/windows.png) no-repeat; }
.icon-html5{ background:url(../assets/icons/html5.png) no-repeat;}
.icon-none{ background:url(../images/none.png) no-repeat; }
.icon-nomobile{ background:url(../assets/icons/nomobile.png) no-repeat; }
.icon-duplicate{
    background-image: url(../assets/icons/duplicate.png) !important;
    width: 14px;
    height: 14px;
    background-size: 14px;
}
.info-icon{width:22px; height:22px ;margin:0; padding:0; background:url(../assets/icons/info-FFF.png) #555 no-repeat; display:inline-block; }
.info-icon-grey{width:22px; height:22px ;margin:0; padding:0; background:url(../assets/icons/info-F3F3F3.png) #555 no-repeat; display:inline-block; }
.info-icon-ccc{width:22px; height:22px ;margin:0; padding:0; background:url(../assets/icons/info-CCC.png) #555 no-repeat; display:inline-block; }
.info-icon-eee{width:22px; height:22px ;margin:0; padding:0; background:url(../assets/icons/info-EEE.png) #555 no-repeat; display:inline-block; }
.icon-release{
    background:url(../assets/icons/release.png) no-repeat !important;
    margin-top: 2px;
    margin-left: 1px;
}
.icon-release-amount{
    background:url(../assets/icons/release.png) no-repeat !important;
    margin-top: 2px;
    margin-left: 5px;
}
.icon-release-white{
    background:url(../assets/icons/release-white.png) no-repeat !important;
    margin-top: 2px;
    margin-left: 5px;
}
.icon-dontInvoice{
    background:url(../assets/icons/dontInvoice.png) no-repeat !important;
    margin-top: 1px;
    margin-left: 1px;
}

a#refresh i{margin:0;}

/* Preloaders */
.fb-preloader{ width:16px; height:11px; background: url(../assets/preloaders/ajax-loader.gif) transparent no-repeat; display:block; }
span.fb-preloader{display:inline-block;}

.info-icon-placeholder{ width:22px; height:22px ;margin:0; padding:0; display:inline-block; float:left; margin: 9px 2px 0 0; }

body .button{
    line-height:25px;
    height:26px;
    font-size:12px;
    padding:0 10px;
    font-weight:bold;
    position:relative;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

body td:not(.exclude-common-style) .button{
    height:20px;
    line-height:20px;
    padding: 0 5px;
    min-width:60px;
}

body td .icon-button{
    height: 23px;
    line-height: 20px;
    padding: 0 5px;
    margin-left: 2px;
    margin-right: 2px;
    width: 25px;
}

*:first-child+html body .button{
    height:auto;
    line-height:22px;
    display:inline-block;
    overflow:visible;
}

body input.start-assessment{
    display:block;
    font-size: 16px;
    height:auto;
    padding:5px 15px;
}

body a.big-button{
    display:block;
    font-size: 16px;
    height:auto;
    padding:5px 15px;
}

body a.inactive{
    color: #fff !important;
    border: solid 1px #ccc;
    background: #e9e9e9;
    cursor: default;

    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

body a.inactive:hover{
    color: #fff !important;
    border: solid 1px #ccc;
    background: #e9e9e9;
    cursor: default;
}

body a.inactive:active{
    top:0px;
}

body a.float-right{
    float:right;
}

/*---------------------------------
 ALERTS
 ---------------------------------- */
#alert-message{
    position:relative;
    display:block;
    float:left;
    font-size: 13px;
    line-height:15px;
    max-width:500px;
}

#alert-message a.close{
    position:absolute;
    top: 5px;
    right: 5px;
}

#alert-message-error{
    position:relative;
    display:block;
    float:left;
    font-size: 13px;
    line-height:15px;
    max-width:500px;
}

#alert-message-error a.close{
    position:absolute;
    top: 5px;
    right: 5px;
}

.alert-message{
    float: left;
    margin: 20px;
    width: auto;
}

.alert-message p{
    color: inherit;
    font-size: inherit;
    line-height: normal;
}

/*---------------------------------
 HEADER
 ---------------------------------- */
header .branding{
    width :960px;
    height:110px;
    display:block;
}

header#top {
    margin:0 auto;
    width:960px;
}

/*---------------------------------
 NAV
 ---------------------------------- */

header#top nav {
    width:960px;
    height:35px;
    float:right;
    background:url(../assets/nav/nav-background.gif) repeat-x;

    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}

header#top nav ul { margin:0; padding:0; }

header#top nav ul li {
    list-style:none;
    display:block;
    position:relative;
    float:left;
    background:url(../assets/nav/nav-button-background.gif) repeat-x;
    border:1px solid #ccc;
    border-left-color:#fff;
    padding:0px 10px;
}

header#top nav ul li:first-child {
    -moz-border-radius:5px 0 0;
    -webkit-border-radius:5px 0 0;
    border-radius:5px 0 0;
}

header#top nav ul li.first {
    border-left-color:#ccc;
}

header#top nav ul li a, header#top nav ul li  span{
    display:block;
    float:left;
    line-height:33px;
    font-size:14px;
    height:33px;
    margin:0px;
}

header#top nav ul li:hover {
    background:url(../assets/nav/nav-button-background-over.gif) repeat-x;
    cursor:pointer;
}

header#top nav ul li a:hover {
    text-decoration:none;
}

header#top nav ul.left li.user-name span.well-small{float:none !important;}

header#top nav ul.left{
    float:right;

}

#breadcrumb{
    float:left !important;
}

header#top nav ul.left li.user-name{
    border:none;
    background:none;
    padding: 5px 5px 5px 10px;

    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

header#top nav ul.left li.user-name span{
    background-color: #E9E9E9;
    border: 1px solid #CCCCCC;
    float: right;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 2px 0;
    padding: 0 10px;
}

header#top nav ul.left li:last-child{
    -moz-border-radius:0 5px 0 0;
    -webkit-border-radius:0 5px 0 0;
    border-radius:0 5px 0 0;
}

header#top nav ul li #dropdown-arrow {
    font-weight:bold;
    width:8px;
    height:7px;
    margin:15px 0 0 8px;
    background:url(../assets/nav/dropdown-arrow.png) no-repeat;
    display:block;
    float:left;
}

header#top nav ul li #notification-counter {
    font-weight:bold;
    width:16px;
    height:16px;
    margin:10px 0 0 8px;
    background:url(../assets/nav/notification-counter-background.png) no-repeat;
    display:block;
    float:left;
    font-size:11px;
    color:#fff;
    text-align:center;
    line-height:16px;
}

header#top nav ul li:last-child a { margin:0; }

header#top ul#dropdown-menu {
    display:none;
    position:absolute;
    top:34px;
    left:0px;
    background:#f9f9f9;
    padding:0 5px 5px;
    border:1px solid #ccc;
    border-top:none;
    min-width:190px;
    z-index:1000;

    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;

    -webkit-box-shadow: 0 5px 4px rgba(0,0,0,.4);
    -moz-box-shadow: 0 5px 4px rgba(0,0,0,.4);
    box-shadow: 0 5px 4px rgba(0,0,0,.4);
}

header#top nav li ul#dropdown-menu li{
    background:none;
    border:none;
    float:none;
    display:block;
    width: 100%
}

header#top ul#dropdown-menu li a{
    font-size:12px;
    height:28px;
    float:none;
    display:block;
    box-sizing: content-box;
}

/*---------------------------------
 CONTENT
 ---------------------------------- */

div.content-container {
    margin:0 auto;
    padding:20px 20px;
    width:918px;
    border:1px solid #ccc;
    border-top:none;
    background:#fff;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    box-sizing: content-box;
}

section.content{
    border:1px solid #ccc;
    display:block;
    width:916px;
    background: #ffffff;
    /* position:relative; - Removed position relative because of it is affect in drag and drop for report > report module setting > listing  */

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

section.content p, section.content h4,
section.content ul:not(.dropdown-menu, .chosen-choices) {
    padding-bottom: 10px;
}

#wrapper section.content p a{
    text-decoration: underline;
}

#wrapper section.content p a:hover{
    text-decoration: underline;
}

section.permissions{
    width:894px;
    float: left;
}

section.content .sidebar{
    display:block;
    background:#fff;
    width:300px;
    height:auto;
    margin:0px;
    float:left;

    -moz-border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
}

section.content .sidebar h4{
    background:url(../assets/side-panel/main-header-background.png) repeat-x;
    padding:0 15px;
    line-height:36px;
    display:block;
}

section.content .sidebar h4:first-child{
    background:url(../assets/side-panel/main-header-background.png) repeat-x;
    padding:0 15px;
    line-height:36px;
    display:block;

    -moz-border-radius:5px 0 0 0;
    -webkit-border-radius:5px 0 0 0;
    border-radius:5px 0 0 0;
}

section.content .sidebar h5{
    background:url(../assets/side-panel/accordion-header.gif) repeat-x;
    padding:0 15px;
    line-height:31px;
    float:left;
    width:270px;
    display:block;
}

section.permissions .sidebar h5:first-child{
    -moz-border-radius:5px 0 0 0;
    -webkit-border-radius:5px 0 0 0;
    border-radius:5px 0 0 0;
}

section.content .sidebar h5:hover{
    background:url(../assets/side-panel/accordion-header-over.gif) repeat-x;
    cursor:pointer;
}

section.content .sidebar h5 a{
    background:none ;
    background-color:transparent;
    display:block;
    float:left;
    height:31px;
    width:270px;
    text-decoration:none;
}

section.content .sidebar h5 a:hover{
    text-decoration:none;
}

section.content .sidebar h5 .accordion-arrow-down{
    float:left;
    font-weight:bold;
    width:8px;
    height:7px;
    background:url(../assets/nav/dropdown-arrow.png) no-repeat;
    display:block;
    margin:15px 10px 0;
}

section.content .sidebar h5 .accordion-arrow-right{
    float:left;
    font-weight:bold;
    width:9px;
    height:8px;
    background:url(../assets/side-panel/accordion-arrow-right.png) no-repeat;
    display:block;
    margin:13px 10px 0;
}

section.content .accordion-content{
    position:relative;
    /*display:none;*/
    float:left;
    zoom: 1; /* ie7 fix */
}

section.content .accordion-content h6{
    display:block;
    padding:0 5px;
    line-height:28px;
    width:290px;
    height:40px;
    float:left;
    border-bottom:1px dashed #ddd;
    position:relative;
}

section.content .accordion-content h6 a{
    position:relative;
    display:block;
    margin:5px;
    padding:0px 10px;
    width:258px;
    float:left;
    text-decoration:none;
}

section.content .accordion-content h6 a:hover{
    display:block;
    margin:5px;
    padding:0px 10px;
    width:258px;
    float:left;
}

section.content .accordion-content h6 .selected-arrow{
    background:url(../assets/side-panel/selected-arrow.png) no-repeat;
    position:absolute;
    top:14px;
    right:-11px;
    width:11px;
    height:12px;
}

section.content .accordion-content h6 a.selected{
    border:1px solid #ddd;
    background:#f3f3f3;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

section.content .accordion-content h6:last-child{
    border-bottom:1px solid #ccc;
}

section.content #sidebar-bottom{
    background:url(../assets/side-panel/main-header-background.png) repeat-x 0 -6px;
    padding:0;
    height:180px;
    width:100%;
    display:block;
    float:left;
    /*padding-bottom: 150px;*/
}

section.content .right-content{
    border-left:1px solid #ccc;
    background:url(../assets/side-panel/left-content-background.gif) repeat-y;
    display:block;
    float:left;
    padding:10px 20px 10px 20px;
    width:575px;
}

section.content .right-content  .homepage-exceptions{
    font-size: 14px;
    line-height: 18px;
    margin: 20px;

    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0px 5px rgba(0,0,0,.2);
    box-shadow: 0 0px 5px rgba(0,0,0,.2);
}

section.permissions .right-content{
    width:553px;
}

section.content .right-content h4{ margin-bottom:10px; }
section.content .right-content h5{ margin-bottom:10px; }
section.content .right-content p{ margin-bottom:20px; }
section.content .right-content p.no-bottom-margin{ margin-bottom:0px; }
section.content .right-content ul{ margin:0 0 0px 0; padding:0; }
section.content .right-content ul.chzn-results {margin: 0 4px 4px 0;padding: 0 0 0 4px;}

section.content .right-content li{
    list-style:none;
    margin:0px;
    padding:0px;
    display:block;
    line-height:22px;
}

section.content div.well {
    font-size: 12px;
    display: inline-block;
    padding: 10px 10px;
    line-height: 20px;
    display : table;
}

section.content div.homepage-error{
    background-color: #F2DEDE;
    border-color: #B94A48;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 1px rgba(0,0,0,.1) inset;
}

section.content div.homepage-error p{
    color: inherit;
    margin:0;
}

section.content div.homepage-error h5{
    color: inherit;
}

/*---------------------------------
 BREADCRUMBS
 ---------------------------------- */
header#top nav ul#breadcrumb li{
    border:1px solid transparent;
    border-right:0;
    border-left:0;
    padding-right:0px;
    padding-left:5px;

    float:left;
}

header#top nav ul#breadcrumb li .breadcrumb-arrow{
    width:20px;
    height:33px;
    display:block;
    float:left;
    background:url(../assets/breadcrumb/breadcrumb-arrow.png) no-repeat;
    background-color: #ececec;
}

header#top nav ul#breadcrumb li .over{background: url(../assets/breadcrumb/breadcrumb-arrow-over.png) no-repeat #ececec;}
header#top nav ul#breadcrumb li a{ padding-right:5px; }
header#top nav ul#breadcrumb li.first{ padding-left:15px; border-left:1px solid #cccccc; z-index:999;}
header#top nav ul#breadcrumb li.first .one{ background-color:#dfdfdf; }
header#top nav ul#breadcrumb li.first .two{ background-color:#fff; }
header#top nav ul#breadcrumb li.before-last{  }
header#top nav ul#breadcrumb li.before-last .breadcrumb-arrow{ background-color:#fff; }

header#top nav ul#breadcrumb li.last{
    padding-right:15px;
    border-right:solid 1px #ccc;
    background:url(../assets/nav/nav-button-background-over.gif) repeat-x;
    position:relative;
}

header#top nav ul#breadcrumb li.last .current-arrow{
    position:absolute;
    display:block;
    bottom:-13px;
    right: 15px;
    width:25px;
    height:19px;
    background:url(../assets/breadcrumb/current-arrow.png) no-repeat;
}

header#top nav ul#breadcrumb li.last span{ cursor:default; }
header#top nav ul#breadcrumb li.last { cursor:default; }
header#top nav ul#breadcrumb ul.dropdown-menu li{ border:none; }

/*---------------------------------
 TABS
 ---------------------------------- */
section.content nav#tabs {
    display:block;
    width:916px;
    height:31px;
    border-bottom:1px solid #ccc;
    margin:0 -10;
    background:url(../assets/tabs/tabs-container-background.gif);

    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}

section.content nav#tabs ul{
    margin:0px;
    padding:0px;
    display:block;
    float:left;
    font-size:14px;
    width: inherit;
}

section.content nav#tabs ul a{
    margin:0px;
    padding: 0 10px;
    display:block;
    float:left;
    height:31px;
    line-height:31px;
    border-left:solid 1px #ccc;
    border-right:solid 1px #fff;
    background:url(../assets/tabs/tabs-background.gif) repeat-x;
}

section.content nav#tabs ul a:hover{ text-decoration:none; background-image:url(../assets/tabs/tabs-background-hover.gif); }
section.content nav#tabs ul li.first a{ margin-left:-1px !important; -moz-border-radius:5px 0 0; -webkit-border-radius:5px 0 0; border-radius:5px 0 0; }
section.content nav#tabs ul li.last a{ border-right:solid 1px #ccc;}
section.content nav#tabs ul li.next a{ border-left:none; }

section.content nav#tabs ul li.active a{
    margin:-5px 0px -1px;
    background:url(../assets/pixels/white.gif) repeat;
    border:solid 1px #ccc;
    border-bottom:none;
    height:36px;
    line-height:36px;
    z-index:5px;

    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    box-sizing: content-box;
}

section.content .tab-content{
    margin:10px;
}

section.content .tab-content h2{
    display:block;
    float:left;
}

section.content .tab-content #content-header{
    padding:0 0 10px 0;
    display:block;
    width:896px;
    float:left;
    margin: 10px 0;
}

#swal2-html-container .swal2-html-container .content-header{
    padding:0 0 10px 0;
    margin: 10px 0;
}

section.content .tab-content #content-header .button{
    display:block;
    float:right;
    margin:0px;
}

section.content .tab-content #content-header #search{
    display:block;
    float:right;
}

section.content .tab-content #content-header #filter{
    display:block;
    float:right;
}

section.content .tab-content ul.structure{
    display:block;
    padding:0;
    list-style:none;
    margin:0px;
    font-size:12px;
}

/*---------------------------------
 PAGINATION
 ---------------------------------- */
#pagination{
    display:block;
    float:right;
    padding:10px 0;
}

#pagination a.first, #pagination a.previous, #pagination a.next, #pagination a.last{
    display:block;
    float:left;
    margin:0 0 0 5px;
    box-sizing: border-box;
}

#pagination span.current{
    display:block;
    color:#fff;
    line-height:28px;
    font-size:12px;
    font-weight:bold;
    height:28px;
    min-width:28px;
    background:#555;
    float:left;
    text-align:center;
    margin:0 0 0 5px;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

#pagination a.page {
    display:block;
    color:#555;
    line-height:26px;
    font-size:12px;
    height:26px;
    min-width:26px;
    background:#f9f9f9;
    float:left;
    border:1px solid #dfdfdf;
    text-align:center;
    margin:0 0 0 5px;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

#pagination a.page:hover{
    border-color:#ccc;
    background:#eee;
}

/*---------------------------------
 FORMS
 ---------------------------------- */

form div.form-row{
    margin: 5px 0 5px 10px;
    width: auto;
}

form div.form-row-top{
    width: 350px;
    margin-top: 10px;
}

form div.form-row-bottom{
    width: 318px;
    margin: 10px 0 0 32px;
}

form div.form-row label{
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 10px 0 8px;
}

form div.form-row-top label{
    font-weight: bold;
    font-size: 14px;
    width:300px;
}

form div.form-row .info-icon{
    margin: 4px 2px 0 0;
}

form div.form-row a.tooltip{
    float:left
}

form div.form-row-biodata{
    margin: 0;
    width: auto;
}

form div.form-row-biodata label{
    font-size: 12px;
    font-weight: normal;
    line-height: 23px;
    margin: 0 10px;
    width: auto;
}

form div.form-row-biodata span.biodata-input input{
    margin: 10px;
}

form span.label {
    line-height: 34px;
    margin: 0 0 0 15px;
    display: none;
}

form span.message span.label {
    display: inline;
}

section.content .tab-content form{
    display:block;
    padding: 10px 0;
}

form li a.tooltip-west, form li a.tooltip-north, form li a.tooltip-south, form li a.tooltip-east{
    display:block;
    float:left;
    margin: 3px 0 0 2px;
}

form li.input-indent { margin-left:200px; max-width:500px; }

form li.input-indent input[type=checkbox]{ margin-top:2px; }

form label{
    font-size:14px;
    display:block;
    width:200px;
    float:left;
    color:#555;
    font-weight:bold;
    margin: 0 8px;
    line-height:18px;
    padding-top: 6px;
}

form label.plain-text{
    font-size:12px;
    display:inline;
    width:auto;
    color:#555;
    font-weight:normal;
    line-height:18px;
    margin:0;
    padding:0;
}

form label.right{
    font-size:14px;
    display:block;
    width:auto;
    color:#555;
    font-weight:bold;
    margin: 0 8px;
    line-height:18px;
    padding-top: 6px;
}

form ul.structure>li{
    display:block;
    float:left;
    width:896px;
    margin-bottom: 12px;
}

form div{
    width:896px;
    display:block;
    float:left;
    *float:inherit;
}

form a.miniColors-trigger{
    background-image:none;
    width:18px;
    height:18px;
    border: solid 1px #d9d9d9;
    margin: 7px -32px;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

form span.required{
    font-weight:bold;
    font-size:18px;
    color:#b94a48;
}

form span.message ul{
    display:block;
    float:left;
    margin:0;
    padding:0;
}

form span.message ul li{
    display:block;
    float:left;
    margin:8px 0 0 8px;
    color:#B94A48;
    font-weight:bold;
    width:auto;
}

form span.before{
    padding-right:8px;
    display:block;
    float:left;
    margin-top:3px;
    line-height:28px;
}

form span.after{
    padding-left:8px;
    display:block;
    float:left;
    margin-top:3px;
    line-height:28px;
}

form .info-icon{
    float:left;
}

form li .info-popup{
    display:none;
}

form input[type=button], form input[type=submit]{
    float:right;
    display:block;
}

form input[type=checkbox]{
    margin:10px 10px 0 0;
}
.model-variable-header input[type=checkbox]{
    margin: 6px 0 0 10px;
}

form div.multiple-add{
    float:left;
    display:block;
    width:400px;
}

form div.multiple-add .chzn-container-multi{
    width:222px;
    margin-top: 3px;
    min-height: 27px;
}

form div.multiple-add span.after{
    color:#B94A48;
    font-weight: bold;
}

form div.multiple-add .chzn-container-multi .chzn-choices{
    min-height: 27px;
}

form div.multiple-add .chzn-container-multi .chzn-choices .search-choice-close{
    cursor:pointer;
}

#wrapper form div.multiple-add input.button{
    float:left;
    margin:3px 0 0;
    height:28px;
    line-height:28px;
    border-left: 0px;

    -moz-border-radius:0 3px 3px 0;
    -webkit-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;
}

#wrapper div.multiple-add input[type=email]{
    -moz-border-radius:3px 0 0 3px;
    -webkit-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px;

}

form div.multiple-add-cc, form div.multiple-reminder-date{
    float:left;
    display:block;
    width:400px;
}

form div.multiple-add-cc .chzn-container-multi, form div.multiple-reminder-date .chzn-container-multi{
    width:222px;
    margin-top: 3px;
    min-height: 27px;
}

form div.multiple-add-cc span.after, form div.multiple-reminder-date span.after{
    color:#B94A48;
    font-weight: bold;
}

form div.multiple-add-cc .chzn-container-multi .chzn-choices, form div.multiple-reminder-date .chzn-container-multi .chzn-choices{
    min-height: 27px;
}

form div.multiple-add-cc .chzn-container-multi .chzn-choices .search-choice-close{
    cursor:pointer;
}

#wrapper form div.multiple-add-cc input.button, #wrapper form div.multiple-reminder-date input.button{
    float:left;
    margin:3px 0 0;
    height:28px;
    line-height:28px;
    border-left: 0px;

    -moz-border-radius:0 3px 3px 0;
    -webkit-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;
}

#wrapper div.multiple-add-cc input[type=email], #wrapper div.multiple-reminder-date input{
    -moz-border-radius:3px 0 0 3px;
    -webkit-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px;

}

form ul.structure>li>input[type=text],
form li div.multiple-add input[type=text],
form li div.multiple-add input[type=email],
form input[type=password],
form input[type=email],
form textarea,
form tbody.form-rows input[type=email],
form tbody.form-rows input[type=text],
form span.country-code input,
form span.cellphone input,
form div.form-row input{
    border:1px solid #ccc;
    background:url(../assets/forms/textfield-background.gif) repeat-x #fff;
    height:20px;
    width:200px;
    padding:3px 10px;
    line-height:20px;

    color:#555;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
    box-shadow:0 1px 2px rgba(0,0,0,.2);
    margin:3px 0;
    box-sizing: content-box;
}

form textarea{
    min-width:350px;
    max-width:406px;
    min-height:100px;
    max-height:200px;
    width:350px;
    height:100px;
    margin-left:-8px;
}

*:first-child+html form textarea{
    margin-left:0px;
}

form ul.structure>li>input[type=text]:hover,
form li div.multiple-add input[type=text]:hover,
form li div.multiple-add input[type=email]:hover,
form input[type=password]:hover,
form input[type=email]:hover,
form textarea:hover,
form tbody.form-rows input[type=email]:hover,
form tbody.form-rows input[type=text]:hover,
form span.country-code input:hover,
form span.cellphone input:hover,
form div.form-row input:hover{
    border:1px solid #999;
}

form ul.structure>li>input[type=text]:focus,
form li div.multiple-add input[type=text]:focus,
form li div.multiple-add input[type=email]:focus,
form input[type=password]:focus,
form input[type=email]:focus,
form textarea:focus,
form tbody.form-rows input[type=email]:focus,
form tbody.form-rows input[type=text]:focus,
form span.country-code input:focus,
form span.cellphone input:focus,
form div.form-row input:focus{
    border:1px solid #555;
    -webkit-box-shadow:0 0px 4px rgba(0,0,0,.5);
    -moz-box-shadow:0 0px 4px rgba(0,0,0,.5);
    box-shadow:0 0px 4px rgba(0,0,0,.5);
}

form div.form-row input[type=file],
form ul.structure>li>input[type=file]{
    background: none;
    height: 24px;

    -moz-border-radius:none;
    -webkit-border-radius:none;
    border-radius:none;

    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

form span.mceEditor{
    display:block;
    float:left;
}

form ul.structure{
    display:block;
    padding:0px;
    float:left;
}

form input:invalid, form input:focus:invalid,
form select:invalid, form select:focus:invalid{
    border-color: #f00 !important;
}

section.content .tab-content ul.advanced-options{
    padding:10px 0 10px 10px !important;
    border:#ccc solid 1px;
    border-top:0px;
    float: left;
    background-color: #eee;
    display:none;
    margin: 0 -11px 0 -11px;
    width: 906px;
    box-sizing: content-box;
}

section.content .tab-content ul.advanced-options table{
    background-color: #fff;
    margin-top:10px;
}


form input{
    float:left;
    display:block;
}

form select{
    border:1px solid #ccc;
    background:url(../assets/forms/textfield-background.gif) repeat-x #fff;
    width:222px;
    padding:3px 3px 3px 10px;
    line-height:20px;
    display:block;
    float:left;

    color:#555;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
    box-shadow:0 1px 2px rgba(0,0,0,.2);
    margin:3px 0;
}

form select[multiple=multiple]{
    width:222px;
}

form span.chosen select[multiple=multiple]{
    width:222px;
}

form select.chosen[multiple=multiple]{
    width:222px;
}

form div.multiline{
    float:left;
    display:block;
    max-width:645px;
    padding-left:5px;
}

a.advanced-options{
    cursor: pointer;
    /*background: url("../assets/side-panel/accordion-header.gif") repeat-x scroll 0 0 transparent;*/
    background-color: #ececec;
    display: block;
    float: left;
    line-height: 21px;
    font-size: 14px;
    margin: 0 -10px;
    padding: 5px 10px;
    width: 896px;
    font-weight: bold;
    border-top:solid 1px #ccc;
    box-sizing: content-box;
}

a.advanced-options:hover{
    background: url("../assets/side-panel/accordion-header-over.gif") repeat-x scroll 0 0 transparent;
    border-top:solid 1px #ddd;
}

a.advanced-options span{
    display: block;
    float: left;
}

a.advanced-options .accordion-arrow-right{
    float:left;
    width:9px;
    height:8px;
    background:url(../assets/side-panel/accordion-arrow-right.png) no-repeat;
    display:block;
    margin: 7px 4px 0 0;
}

a.advanced-options .accordion-arrow-down{
    float:left;
    width:8px;
    height:7px;
    background:url(../assets/nav/dropdown-arrow.png) no-repeat;
    display:block;
    margin: 9px 5px 0 0;
}

form tbody.form-rows input[type=email],
form tbody.form-rows input[type=text]{
    width:140px;
    margin: 5px 0 5px;
}

form tbody.form-rows input[type=text].code{
    width: 25px;
}

form tbody.form-rows input[type=text].number{
    width:88px;
    margin-left:5px;
}

form tbody.form-rows td{
    vertical-align: top !important;
}

form tbody.form-rows span.message ul li{
    margin: 5px 0;
}

form ul span.country-code input{
    width:15px;
    margin-right: 5px;
}

form ul span.cellphone input{
    width:120px;
    margin-left:10px;
    margin-top:0px;
}

form span.short select{
    max-width: 70px;
}

form span.short .chzn-container-single{
    margin-top:5px;
}


/*---------------------------------
 TABLES
 ---------------------------------- */

section.content .tab-content table.display td:not(.exclude-common-style) a{
    display:block;
    float:left;
}

section.content .tab-content table.display td a.button{
    float:none;
}

section.content .tab-content table.display tr.even .info-icon{
    background-image:url(../assets/icons/info-F3F3F3.png);
}

section.content .tab-content table.display td{
    vertical-align:middle;
}

section.content .tab-content table.display{
    width:916px;
    border:solid 1px #ccc;
    border-left:0;
    border-right:0;
    margin:0px -10px 10px;
}

section.content .tab-content table.display tr:hover,
section.content .tab-content table.display tr.even:hover{
    /*background:#e3e3e3;*/

    -webkit-box-shadow:0 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow:0 0px 5px rgba(0,0,0,.5);
    box-shadow:0 0px 5px rgba(0,0,0,.5);
}

section.content .tab-content table.display tr.first:hover{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

section.content .tab-content table.display tr.even{
    background:#f1f1f1;
}

section.content .tab-content table.display tr{
    color: #555;
}

section.content .tab-content table.display th{
    text-align:left;
    background:url(../assets/tables/header-alternate-background.gif) repeat-x #f1f0f0;
    padding:4px 6px;
    border-right:dashed 1px #ccc;
    height:20px;
    border-bottom:solid 3px #ccc;
}

section.content .tab-content table.display th.last{
    border-bottom:solid 3px #ccc;
}

section.content .tab-content table.display .last{
    border-right:none;
    box-sizing: content-box;
}

section.content .tab-content form.display .last{
    border-right:none;
}

section.content .tab-content table.display td{
    line-height: 18px;
    padding: 5px 10px;
    font-size:12px;
    border-right:dashed 1px #ccc;
}

td.fit{
    /*width:1px;*/
    width:auto !important;
}


/*---------------------------------
 TINY MCE
 ---------------------------------- */

/*section content .tab-content form span.mceEditor{
}

section.content .tab-content form table.mceLayout{
    border:solid 1px #ccc;
}

section.content .tab-content form table.mceLayout td span{
    line-height:inherit;
}*/

form ul li div.mce-tinymce {
    width: 350px;
    float: left;
    display: block;
}

form ul li div.large-tinymce{
    width: 100%;
}

form ul li div.large-tinymce div.mce-tinymce {
    display: block;
    margin-left: 30px;
    margin-top: 5px;
    width: 96%;
}

.right-content form ul li div.large-tinymce div.mce-tinymce {
     margin-left: 0px;
}

form ul li div.mce-tinymce.mce-tinymce.mce-fullscreen,
form ul li div.large-tinymce div.mce-tinymce.mce-fullscreen,
form div.mce-tinymce.mce-fullscreen
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 5000;
    margin: 0px;
}

/*---------------------------------
 FOOTER
 ---------------------------------- */
footer#bottom {
    margin:5px auto 100px;
    width:960px;
}

footer#bottom nav{
    float:right;
}

footer#bottom nav a:hover{
    text-decoration:none;
}

footer#bottom p{
    float:left;
}

select{
    width:250px;
    border:soild 1px #ccc;
}

/*---------------------------------
 PERMISSIONS
 ---------------------------------- */

section.permissions .right-content section{
    float:left;
}

section.permissions .right-content section ul.listing{
    display:block;
    float:left;
    margin:0;
    padding:0;
}

section.permissions .right-content section ul.listing li{
    display:block;
    float:left;
    width:560px;
}

section.permissions .right-content section ul.listing li input{
    vertical-align:middle;
}

section.permissions .right-content section ul.listing li label{
    line-height:22px;
    padding-left:5px;
    width:auto;
    font-weight:normal;
    font-size:12px;
}

section.permissions .right-content section ul.listing li.even{
    background-color: #f9f9f9;
}

section.content .tab-content section.permissions form{
    padding:0px;
    margin:0px;
    display:block;
    float:left;
}
div.permission-options{
    float:left;
    width:560px;
    display:block;
    height:30px;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
div.permission-options.last{
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-top: dashed 1px #ccc !important;
    padding-top: 10px !important;
    margin-top: 5px !important;
}
.editPriceHeading{
    width: 709px !important;
}
.editPriceHeading th.billingDescription{
    width: 353px !important;
}
.editPriceHeading th.invoiceDescription{
    width: 219px !important;
}
.editPriceHeading.childPricebook th.billingDescription{
    width: 334px !important;
}
.editPriceHeading.childPricebook th.invoiceDescription{
    width: 216px !important;
}

div.permission-options a{
    font-size: 12px;
    cursor:pointer;
}

div.permission-options label{
    display:block;
    float:left;
    font-weight:bold;
    font-size:12px;
    padding-left:5px;
    margin-top:6px;
}

section.permissions .right-content div.permission-options input[type=submit]{
    display:block;
    float:right;
}

div.permission-options .check-uncheck{
    display:block;
    float:left;
    width: 200px;
}

/*---------------------------------
 SORTABLE
 ---------------------------------- */

#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }

#sortable li div.header span {
    display:block;
    float:left;
    line-height:normal;
}

#wrapper #sortable .ui-state-highlight{
    background-image: none;
    background-color: #f9f9f9;
    height:28px;
    border: dashed 1px #bbb;
}

#wrapper .ui-state-default{
    background-image: none;
    background-color: #f3f3f3;
    color:#555;
    border-color: #ddd;
}

#wrapper #sortable .hidden{
    background-image: none;
    background-color: #f3f3f3;
    color:#555;
    border-color: #ddd;
    display:none;
}

#wrapper #sortable{
    display:block;
    float:left;
    width:500px;
}

#wrapper #sortable .remove-report-container{
    border-left: 1px solid #ddd;
    display: block;
    float: right;
    height: 18px;
    margin: -6px 0;
    padding: 6px 1px 6px 7px;
}
#wrapper #sortable .remove-instrument-container, li.list-meritList .remove-merit-list-container{
    background: url("../assets/gradients/50-0_vertical-10px-white.png") repeat-x scroll 0 0 #F3F3F3;
    border-right: 1px solid #DDDDDD;
    display: block;
    float: left;
    height: 15px;
    margin: -6px;
    padding: 8px;
    width: 14px;
}
#wrapper #sortable .close{
    display: block;
    float: left;
    height: 14px;
    line-height: 14px;
    /* margin: 2px 0 -2px; */
    width: 14px;
    opacity: 0.45;
}
.transparent-left-border {
    border-left-color: transparent;
}

#wrapper #sortable .close:hover{
    display: block;
    float: left;
    height: 14px;
    line-height: 14px;
    margin: 2px 0 -2px;
    width: 14px;
    opacity: 0.65;
}

#wrapper #sortable .fb-preloader{
    display:none;
    float:right;
    margin: 3px 5px;
}

#wrapper #sortable{
    display:block;
    float:left;
}

#wrapper #sortable li{
    display:block;
    float:left;
    width:898px;
    height:auto;
    margin:3px;
    font-size:14px;
}

#wrapper #sortable li a{
    color:#999;
}

#wrapper #sortable li span.hide-show a{
    display:block;
    padding:0px;
    font-size:12px;
    width: 116px;
    text-align: right;
}

#wrapper #sortable li .instrument-content{
    float:left;
    display:none;
    width:878px;
    height:auto;
    background-color: #fff;
    border-top: solid 1px #ccc;
    padding: 0 10px 10px;
}

#wrapper #sortable .header{
    background: url(../assets/gradients/50-0_vertical-10px-white.png) repeat-x;
    border-right: 1px solid #fff;
    padding:6px 6px;
    width:658px;
    float:left;
    cursor: move;
}

#wrapper #sortable .inactive .header{
    cursor: auto;
}

#wrapper #sortable .header-options{
    background: #f3f3f3 url(../assets/gradients/2-0_vertical-10px.png) repeat-x;
    border-left: 1px solid #ddd;
    float: left;
    padding: 6px;
    width: 180px;
}

#wrapper #sortable .header span.detail{
    font-size: 13px;
    line-height: 18px;
    margin-right: 13px;
    color:#555;
    font-weight:normal;
    float:left;
}

#wrapper #sortable .header span.report-norm{max-width:660px}

#wrapper #sortable .header span.provider{width:80px}
#wrapper #sortable .header span.application{width:160px}
#wrapper #sortable .header span.category{width:140px}
#wrapper #sortable .header span.instrument{width:355px}
#wrapper #sortable .header span.report-category{width:160px}
#wrapper #sortable .header span.report{width:300px}
#wrapper #sortable .header span.norm{width:300px}

#wrapper #sortable .header span.order{
    color: #555555;
    font-size: 16px;
    line-height: 18px;
    margin-right: 10px;
    text-align: center;
    width: 15px;
}

#wrapper #sortable .header span.drag-icon{
    margin-right: 3px;
}

#wrapper #sortable .hide-show{
    float:right;
    font-size:14px;
    font-weight:normal;
    cursor:pointer;
    margin-left: auto;
}

#wrapper #sortable a i.caret-down, #wrapper #sortable a i.caret-left{
    margin: 0 0 0 5px;
}

#wrapper #sortable .icon-move-container{
    display: block;
    float: left;
    margin: 3px 8px 0 0;
}

#wrapper #sortable .icon-move-container .icon-move{
    opacity: 0.45;
}

.caret-down{
   background: url("../assets/nav/dropdown-arrow.png") no-repeat 3px 6px;
   width:14px;
   height:14px;
   display: inline-block;
}

.caret-left{
   background: url("../assets/side-panel/accordion-arrow-left.png") no-repeat 2px 5px;
   width:14px;
   height:14px;
   display: inline-block;
}

#wrapper #instruments{
    padding:5px 5px;
    display:block;
    float:left;
    width:906px;
    background:#fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#wrapper section#instrument-selection a.button{
    float:right;
    margin-right: 10px;
    margin-top: 10px;
}

#wrapper #add-instrument{
    display:block;
    float:left;
    width:888px;
}

#wrapper #add-instrument .add-instrument{
    display:block;
    float:left;
    width:896px;
    padding:5px 10px 8px 10px;
    background:url(../assets/gradients/add-instrument-background.gif) repeat-x #eee;
    border-top: 1px solid #ccc;
}

#wrapper .tab-content #instrument-selection{
    display:block;
    float:left;
    margin:0 -10px;
    padding:0 0 10px 0;
}

#wrapper .tab-content #instrument-selection>form{
    float:left;
    padding: 0px;
}

#wrapper #instrument-selection .tooltip-container a{
    margin:0px;
    padding:0px;
    line-height:normal;
}

#wrapper #instrument-selection .tooltip-container{
    display:block;
    float:left;
    margin: 35px 5px 0 0;
}

#wrapper #instrument-selection .add-instrument>div{
    padding:3px 5px 0px;
    color: #555;
    font-size: 13px;
    display:block;
    float:left;
    width:175px;
}

#wrapper #instrument-selection .add-instrument-es_PA>div{
    width:170px;
}

#wrapper #instrument-selection .add-instrument>div label{
    font-weight:bold;
}

#wrapper #instrument-selection .add-instrument > div.report-category-container,
#wrapper #instrument-selection .add-instrument > div.report-container,
#wrapper #instrument-selection .add-instrument > div.norm-container{
    width:234px;
}
div.report-category-container-es_PA,
#instrument-selection .add-instrument > div.report-container-es_PA{
    width:225px !important;
}
div.report-category-container-es_PA select,
#instrument-selection .add-instrument > div.report-container-es_PA select{
    width:222px !important;
}
#wrapper #instrument-selection label{
    margin:0;
    width:175px;
    font-size:13px;
    color:#555;
}

#wrapper #instrument-selection .add-instrument .tooltip{
    display:block;
    float:left;
}

#wrapper #instrument-selection .add-instrument .button{
    display:block;
    float:left;
    margin: 28px 0 0 5px;
}

#wrapper #instrument-selection .add-instrument-es_PA .button{
    display:block;
    float:left;
    margin: 30px 0 0 5px;
}

#wrapper #instrument-selection .add-instrument-es_PA .addInstrumentBtn{
    display:block;
    float:left;
    margin: 27px 0 0 5px;
}

#wrapper #instrument-selection #add-instrument select{
    width:175px;
}

#wrapper #instrument-selection .add-instrument-es_PA select{
    width: 165px;
}

#wrapper .add-report-norms .info-icon{
    margin:0;
}

#wrapper #add-instrument .info-icon-grey{
    margin:0;
}

#wrapper .add-report-norms{
    display:block;
    float:left;
    width:670px;
}

#wrapper #instrument-selection .add-report-norms select{
    width:234px;
}

#wrapper #instruments ul.reports{
    margin: 10px 0 0;
    float:left;
    width:878px;
}

#wrapper #instruments ul.reports li{
    width:858px;
    padding: 6px 6px;
    background: #f9f9f9;
    border: 1px solid #e9e9e9;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

#wrapper #instruments .add-instrument {
    width:872px;
}

/*---------------------------------
 SEARCH & FILTER
 ---------------------------------- */

#wrapper #content-header #search-filter{
    display: block;
    float: right;
    width:auto;
    margin: 0 0 0 10px;
}

#wrapper #content-header #search-filter form{
    margin:0px;
    padding:0px;
    float: left;
}

#wrapper #content-header #search-filter select{
    width:150px;
    height:26px;
}

*:first-child+html #wrapper #content-header #search-filter select{
    margin: 0px;
    float:left;
}

#wrapper #content-header #search-filter .chzn-container-single .chzn-single{
    height: 26px;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}

#wrapper #content-header #search-filter input[type=text]#search_text{
    border:1px solid #ccc;
    background:url(../assets/forms/textfield-background.gif) repeat-x #fff;
    height:20px;
    width:120px;
    padding:3px 10px;
    font-size: 12px;
    font-style: italic;
    line-height:20px;
    margin:0px 0;
    color:#999;
    float:left;
    border-right:solid 1px #e9e9e9;

    -moz-border-radius:3px 0 0 3px;
    -webkit-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px;

    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
    box-shadow:0 1px 2px rgba(0,0,0,.2);
    box-sizing: content-box;
}

#wrapper #content-header #search-filter input[type=text]#search_text:hover
{ border-color:#555; }

#wrapper #content-header #search-filter input[type=text]#search_text:focus
{ border-color:#555; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); }

*:first-child+html #wrapper #content-header #search-filter input[type=text]#search_text{
    height:14px;
    line-height: 14px;
}

#wrapper #content-header #search-filter form{
    margin:0px;
    padding:0px;
    float: left;
}

#wrapper #content-header #search-filter input[type=submit].button{
    height: 26px;
    float:left;
    border-left:solid 1px #e9e9e9;
    margin-left: 0;

    -moz-border-radius:0 3px 3px 0;
    -webkit-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;
}

#wrapper #content-header #search-filter input[type=reset].button.reset{
    height: 26px;
    float:left;
    margin-left: 0;
    margin-right: 10px;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

}

*:first-child+html #wrapper #content-header #search-filter input.button
{
    height:auto;
    line-height:17px;
    display:inline-block;
    overflow:visible;
}

*:first-child+html #wrapper #content-header .button{
    height:20px;
    line-height: 20px;
}

#wrapper #content-header .button{
    margin-left:10px;
}

#wrapper .tab-content #content-header .btn-group{
    float:right;
}

#wrapper #content-header .dropdown ul{
    padding: 0.34rem 0;
    min-width: 13.3rem;
    margin: 0.121rem 0 0;
}



/*---------------------------------
 DAY SELECTION
 ---------------------------------- */

#wrapper ul.structure li .day-selection{
    float:left;
    display:block;
    width:400px;
}

#wrapper ul.structure li .day-selection div{
    float:left;
    display:block;
    width:14px;
    padding-right:8px;
}

#wrapper ul.structure li .day-selection div input[type=checkbox]{
    margin-top: 5px;
}

#wrapper ul.structure li .day-selection div span{
    text-align:center;
    width:14px;
    line-height: 16px;
    font-weight: bold;
    display: block;
}


/*---------------------------------
 ERROR PAGE
 ---------------------------------- */

#wrapper .error-page{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

#wrapper .error-page-none{
    -moz-border-radius: inherit !important;
    -webkit-border-radius:inherit !important;
    border-radius:inherit !important;
}

#wrapper .error-page section.content{
    border: 0px;
}

#wrapper .error-page section.content h5{
    font-size: 12px;
}

#wrapper .error-page section.content a{
    cursor: pointer;
    text-decoration: underline;
}

/*---------------------------------
 OVERLAY
 ---------------------------------- */

#overlay{
    height:100%;
    width:100%;
    background: url(../assets/pixels/black75.png) repeat;
    z-index: 10000;
    margin:0;
    position:fixed;
    display:none;
}

#overlay .wrapper{
    width: auto;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 200px;
}

#overlay .message-container{
    background: #fff;
    border:solid 1px #ccc;
    padding:15px;
    float:left;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    -webkit-box-shadow:0 0 10px rgba(0,0,0,.5);
    -moz-box-shadow:0 0 10px rgba(0,0,0,.5);
    box-shadow:0 0 10px rgba(0,0,0,.5);
}

#overlay .message-container .content{
    float:left;
    display:block;
}

#overlay .message-container .content p{
    padding-bottom:10px;
}

#overlay .message-container .content h4{
    padding-bottom:10px;
}

#overlay .message-container .button{
    float:right;
}

#overlay .wrapper a.close{
    position:absolute;
    top: 5px;
    right: 5px;
    text-decoration: none;
}

/*---------------------------------
 PARTICIPANT DETAILS
 ---------------------------------- */

section.content .participant-details{
    width:895px;
    float:left;
    padding: 10px 0;
    display:block;
}

section.content .participant-details h2{
    /*width:895px;*/
    float:left;
    padding-bottom: 10px;
}

section.content .participant-details .well{
    width:873px;
    float:left;
}

section.content .participant-details .well h1{
    padding: 0px 5px;
    font-size: 18px;
}

section.content .participant-details .well .name-surname{
    float:left;
    padding:5px 0;
    width: 662px;
}

section.content .participant-details .well .details{
    float:left;
    padding: 2px 0;
    width:655px;
    margin-top: 10px;
    display: table-cell;
}

section.content .participant-details .well .details tr{
    padding: 2px 0;
}

section.content .participant-details .well .details td{
    padding: 0 5px;
}
section.content .participant-details .well .details td.border-right{
    border-right: 1px solid #e3e3e3;
    padding-right: 20px;
    min-width: 98px;
}

section.content .participant-details .well .details td.padding-left{
    padding-left: 20px;
}

section.content .participant-details #content-header .well .buttons a.button{
    float:left;
    min-width: 175px;
    margin: 5px 0px 5px 10px;
    text-align: left;
}

section.content .participant-details .well .buttons .info-icon-grey{
    float:left;
    margin: 10px 0 10px 10px;
}

section.content .tab-content .particpant-tab-content{
    width:895px;
    border: 1px solid #ccc;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

section.content .tab-content .particpant-tab-content nav#tabs{
    width:895px;
}

section.content .tab-content .particpant-tab-content table.display{
    width:895px;
    margin: 10px 0;
    clear: both;
}

section.content .tab-content .particpant-tab-content table.display a{
    float:none;
}

section.content .tab-content .particpant-tab-content table.display i.status{
    margin: -2px 0;
    padding-right:10px;
}

section.content .tab-content .particpant-tab-content table.display div.inprogress{
    float: none;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: none;
    font-size: 10px;
}

section.content .tab-content .particpant-tab-content table.display .inprogress .fb-preloader{
    display: inline-block;
    margin-right: 10px;
}

section.content .tab-content #participant-assessments-content{
    display:block;
}

section.content .tab-content .participant-details #content-header{
    margin:0;
    padding:0;
}

/*---------------------------------
 USER AGREEMENT
 ---------------------------------- */

section.content .tab-content .agreement-container{
    margin: 0 auto;
    width: 500px;
}

section.content .tab-content .user-agreement{
    padding:0 0 10px;
    float: left;
}

section.content .tab-content .user-agreement h2{
    margin: 0 0 10px;
    width:100%;
}

section.content .tab-content .user-agreement .scrollable{
    margin: 0 auto 10px;
    overflow: auto;
    height: 250px;
    background-color: #fff;
    color: #000;
    min-width: 500px;
}

section.content .tab-content .user-agreement form{
    float: left;
    width: auto;
    padding: 5px 0;
}

section.content .tab-content .user-agreement form label{
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    padding: 0;
    width: auto;
}

section.content .tab-content .user-agreement form input[type=checkbox]{
    margin: 2px 0;
}

section.content .tab-content .user-agreement a.button{
    float:right;
    margin:0px;
}

/*---------------------------------
 PARTICIPANT ASSESSMENT KEY
 ---------------------------------- */

section.content .side-bar-legend{
    display: block;
    float: left;
    margin: 10px 10px 0;
    width: 280px;
    height: 150px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

section.content .side-bar-legend .well{
    display: block;
    float: left;
    width: 260px;
}
section.content .side-bar-legend .well.well-flex {
    display: flex;
}

section.content .side-bar-legend ul{
    isplay: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 130px;
}

section.content .side-bar-legend li{
    height:30px;
}

section.content .side-bar-legend li a{
    display:block;
    float:left;
    width: 130px;
}

section.content .side-bar-legend h5{
    background: none;
    line-height: 20px;
    margin: 0 10px 5px;
    padding: 0;
}

section.content .side-bar-legend h5:hover{
    background: none;
}

section.content .side-bar-legend h6{
    line-height:30px;
}

/*---------------------------------
 MISC
 ---------------------------------- */

section.content .right-content .clean-html h4{
    margin: 0;
    padding: 10px 0;
}

section.content .right-content .clean-html ul{
    display:block;
    margin: 0 0 10px 20px;

}

section.content .right-content .clean-html li{
    display:list-item;
    list-style: disc outside none;
    margin-left: auto;
}

section.content .right-content .clean-html p{
    padding-bottom: 10px;
    margin-bottom: 0;
}

#wrapper form.reset-styles{
    padding:0;
    margin:0;
}

/* Time picker addon */
.ui-slider{ margin-top: 6px;}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }

.ui-timepicker-div dl {
    text-align: left;
    width:187px;
    display: block;
    float:left;
    height:75px;
    overflow:hidden;
}

.ui-timepicker-div dl dt {
    margin: 0;
    padding: 0px;
    display: block;
    float:left;
    width:50px;
    height: 25px;
}

.ui-timepicker-div dl dd {
    margin: 0;
    padding: 0px;
    display: block;
    float:left;
    width:127px;
    height: 25px;
}

.ui-timepicker-div dl dd > input[disabled].ui_tpicker_time_input {
    background: transparent;
    border: 0;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    width:183px;
    display:block;
    float:left;
    margin: 5px 0 0;
    padding: 0 2px;
}

#ui-datepicker-div .ui-datepicker-buttonpane button {
    padding: 6px 5px;
    line-height: 11px;
}

.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

#ui-datepicker-div {
    font-size: 11px;
    padding:5px;
    font-family: inherit;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
    box-shadow:0 1px 2px rgba(0,0,0,.2);
    z-index: 10001 !important;
    box-sizing: content-box;
}

.ui-datepicker table.ui-datepicker-calendar td a{
    width: 23px;
    text-align: center;
    padding: 0px;
}

.ui-datepicker table.ui-datepicker-calendar th{
    width: 23px;
    text-align: center;
    padding: 0px;
}


/* new classes added */


.structure span.note{float:left; width:630px !important; display:inline;}
/*#email a, #sms a{padding:0 !important;}
#email label, #sms label{padding-top:3px !important;}*/
form select.extraWidth{ width:300px;}
.extraWidth{ width:300px;position: relative;}

.ajax_loader {background: url("../images/spinner_squares_circle.gif") no-repeat center center transparent;width:100%;height:100%;}



/*---------------------------------
 EMAIL SMS
 ---------------------------------- */
section.content .email-sms-content{
    width: 866px;
    border: 1px solid #ccc;
    margin: 10px 0 0;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

section.content .email-sms-content #tab-content{
    width:895px;
}

section.content .email-sms-content #tab-content textarea{
    max-width:356px;
}

section.content .email-sms-content nav#tabs{
    width:866px !important;
}

section.content .email-sms-content #tab-content>div{
    padding: 20px 10px 0;
    width: 847px;
    box-sizing: content-box;
}

section.content .email-sms-content ul.structure{
    width:630px;
    float:left;
}

section.content .email-sms-content li{
    width:630px;
}

section.content .email-sms-content li .remaining-chars{
    margin-left: 248px;
    color:#555;
    width: auto;
}
.client-form .message-link,
.teams-form .message-link,
.jobarchitecture-form .message-link,
section.content .email-sms-content .message-link{
    float:right;
    margin: 0 0 20px;
    height:145px;
    width:200px;
    overflow: auto;
    border: 1px solid #CCCCCC;
    padding: 5px;
    display: block;
}

section.content .email-sms-content .message-link p{
    padding-bottom:5px;
}

/*---------------------------------
        Notification window
 ---------------------------------- */

header#top ul#notification-detail {
    display:none;
    position:absolute;
    top:34px;
    left:0px;
    background:#f9f9f9;
    padding:0 5px 5px;
    border:1px solid #ccc;
    border-top:none;
    min-width:150px;
    z-index:1000;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
    -webkit-box-shadow: 0 5px 4px rgba(0,0,0,.4);
    -moz-box-shadow: 0 5px 4px rgba(0,0,0,.4);
    box-shadow: 0 5px 4px rgba(0,0,0,.4);
}

header#top nav li ul#notification-detail li{
    background:none;
    border:none;
    float:none;
    display:block;
}

header#top ul#notification-detail li a{
    font-size:12px;
    height:28px;
    float:none;
    display:block;
}

.pagination_link{float:none !important;  font-family:Helvetica,Arial,sans-serif !important;}
.pagination_link .white{text-decoration:underline !important; font-family:Helvetica,Arial,sans-serif !important;}
#notification-counter{background:#aaa !important;border: 1px solid #8b8b8b;border-radius: 4px 4px 4px 4px;padding:1px;margin-top:7px !important;font-family:Helvetica,Arial,sans-serif !important;}
.pagination_link a{float:left !important;padding:0 5px 0 0;font-weight:bold;fon-size:14px;font-family:Helvetica,Arial,sans-serif !important;}
#notification-detail li{padding:0px 10px 16px 10px !important;}
.clear{clear:both;}
.line{padding:0 7px 0 0;  font-family:Helvetica,Arial,sans-serif !important;}

.Pre_next{float:right !important; font-family:Helvetica,Arial,sans-serif !important;}
.Pre_next a{padding:0 8px 0 0 !important; text-decoration:underline !important; font-family:Helvetica,Arial,sans-serif !important;}
.pagination_link p{font-size:11px; text-align:left; width:270px; font-family:Helvetica,Arial,sans-serif; padding:3px 0 0 0 !important;}
.normal_text{padding-right:5px; font-weight:bold; font-family:Helvetica,Arial,sans-serif !important;}
.dtime{font-size:13px; font-weight:bold; font-family:Helvetica,Arial,sans-serif !important;}

header#top ul#notification-detail{min-width:297px !important; margin-left:-220px !important; left:-0px !important;}
.tableWidth{width:570px !important;}

/*---------------------------------
        End of Notification window
 ---------------------------------- */
/*---------------------------------
 CSV UPLOAD
 ---------------------------------- */

form#upload-csv-form a.sample{
    font-size: 12px;
    margin: 5px 0  0 40px;
    text-decoration: underline;
    display:block;
    line-height: 16px;
}

form#upload-csv-form .sample-hint{
    font-size: 12px;
    margin: 0 0  15px 40px;
    display:block;
    font-style: italic;
    line-height: 16px;
    color:#555;
}

.width450{ width:450px;}
.width290{ width: 290px; min-width: 290px;}

/*add by hiren*/
ul.structure_user{
    display:block;
    padding:0;
    list-style:none;
    font-size:12px;
    width:680px !important;
    float:none !important;
    margin:0 auto !important;
}
.user_set_password{
    float:left !important;
}
.bg_line{
    border-bottom:1px solid #ddd;
    width:680px !important;
    margin-bottom:20px !important;
}

.bg_line label{padding-top:0px important;}

#ResetPassword_opt_admin + label
{
    border-right:1px solid #ededed;
    margin-right:27px;
}

.lgoinpage{
    margin-right:10px !important;
}
.user_set_password input, .user_set_participant input{
    margin-top:8px!important;
}
.user_set_link input{width:215px !important;}
.user_set_link label, .nspce{
    width:110px !Important;
}
.cell_none  input{margin:0 !important;}

/*form .structure_user  div{
    float:none !important;
    width:none !important;
}
*/
.chzn-container-single .chzn-single{
    height:26px !important;
}
form .structure_user span.short .chzn-container-single {
    margin-top:0px;
}
.structure_user  label{padding-bottom:15px !important;}
.structure_user .short {float:left !important; margin-right:10px;}

.min-width60 {
    min-width: 60px;
}
/**
 * Added By Alli
 */

/*---------------------------------
 SORTABLE
 ---------------------------------- */


#model-selection .ui-state-highlight{
    background-image: none;
    background-color: #f9f9f9;
    height:28px;
    border: dashed 1px #bbb;
}

#model-selection .ui-state-default{
    background-image: none;
    background-color: #f3f3f3;
    color:#555;
    border-color: #ddd;
}

#model-selection .hidden{
    background-image: none;
    background-color: #f3f3f3;
    color:#555;
    border-color: #ddd;
    display:none;
}

#model-selection .remove-variable-container{
    border-left: 1px solid #ddd;
    display: block;
    float: right;
    height: 18px;
    margin: -6px 0;
    padding: 6px 1px 6px 7px;
}
#model-selection .edit-variable-container{
    border-left: 1px solid #ddd;
    display: block;
    float: right;
    height: 18px;
    padding: 6px;
}
#model-selection .remove-model-container{
    background: url("../assets/gradients/50-0_vertical-10px-white.png") repeat-x scroll 0 0 #F3F3F3;
    border-right: 1px solid #DDDDDD;
    display: block;
    float: left;
    height: 15px;
    margin: -6px;
    padding: 8px;
    width: 14px;
}
#model-selection .close{
    display: block;
    float: left;
    height: 14px;
    line-height: 14px;
    margin: 2px 0 -2px;
    width: 14px;
    opacity: 0.45;
}

#model-selection .close:hover{
    display: block;
    float: left;
    height: 14px;
    line-height: 14px;
    margin: 2px 0 -2px;
    width: 14px;
    opacity: 0.65;
}
#model-selection .link-effect{
    display: block;
    float: left;
    height: 14px;
    line-height: 14px;
    margin: 2px 0 -2px;
    width: 14px;
    opacity: 0.45;
}

#model-selection .link-effect:hover{
    display: block;
    float: left;
    height: 14px;
    line-height: 14px;
    margin: 2px 0 -2px;
    width: 14px;
    opacity: 0.65;
}

#model-selection .fb-preloader{
    display:none;
    float:right;
    margin: 3px 5px;
}

#model-selection #models ul.models{
    display:block;
    float:left;
    margin-left:0px;
}

#model-selection #models li:not(.search-field){
    display:block;
    float:left;
    width:898px;
    height:auto;
    margin:3px;
    font-size:14px;
}

#model-selection li a{
    color:#999;
}

#model-selection li span.hide-show a{
    display:block;
    padding:0px;
    font-size:12px;
    width: 116px;
    text-align: right;
}

#model-selection li .model-content{
    float:left;
    display:none;
    width:878px;
    height:auto;
    background-color: #fff;
    border-top: solid 1px #ccc;
    padding: 0 10px 10px;
}

#model-selection .header{
    background: url(../assets/gradients/50-0_vertical-10px-white.png) repeat-x;
    border-right: 1px solid #fff;
    padding:6px 6px;
    width:678px;
    float:left;
    cursor: move;
}

#model-selection .header-options{
    background: #f3f3f3 url(../assets/gradients/2-0_vertical-10px.png) repeat-x;
    border-left: 1px solid #ddd;
    float: left;
    padding: 6px;
    width: 192px;
}

#model-selection .header span.detail{
    font-size: 13px;
    line-height: 18px;
    margin-right: 20px;
    color:#555;
    font-weight:normal;
    float:left;
}

#model-selection .header span.variable{max-width:660px}

#model-selection .header span.provider{width:80px}
#model-selection .header span.application{width:160px}
#model-selection .header span.category{width:140px}
#model-selection .header span.model{width:420px}
#model-selection .header span.report-category{width:160px}
#model-selection .header span.report{width:300px}
#model-selection .header span.norm{width:300px}

#model-selection .header span.order{
    color: #555555;
    font-size: 16px;
    line-height: 18px;
    margin-right: 10px;
    text-align: center;
    width: 15px;
}

#model-selection .header span.drag-icon{
    margin-right: 3px;
}

#model-selection .custom-header{
    background: url(../assets/gradients/50-0_vertical-10px-white.png) repeat-x;
    border-right: 1px solid #fff;
    padding:6px 6px;
    width:737px;
    float:left;
    cursor: move;
}

#model-selection .custom-header-options{
    background: #f3f3f3 url(../assets/gradients/2-0_vertical-10px.png) repeat-x;
    border-left: 1px solid #ddd;
    float: left;
    padding: 6px;
    width: 135px;
}

#model-selection .custom-header span.detail{
    font-size: 13px;
    line-height: 18px;
    margin-right: 20px;
    color:#555;
    font-weight:normal;
    float:left;
}

#model-selection .custom-header span.variable{max-width:660px}

#model-selection .custom-header span.provider{width:80px}
#model-selection .custom-header span.application{width:160px}
#model-selection .custom-header span.category{width:140px}
#model-selection .custom-header span.model{width:480px}
#model-selection .custom-header span.report-category{width:160px}
#model-selection .custom-header span.report{width:300px}
#model-selection .custom-header span.norm{width:300px}

#model-selection .custom-header span.order{
    color: #555555;
    font-size: 16px;
    line-height: 18px;
    margin-right: 10px;
    text-align: center;
    width: 15px;
}

#model-selection .custom-header span.drag-icon{
    margin-right: 3px;
}

#model-selection .hide-show{
    float:right;
    font-size:14px;
    font-weight:normal;
    cursor:pointer;
}

#model-selection a i.caret-down, #model-selection a i.caret-left{
    margin: 0 0 0 5px;
}

#model-selection .icon-move-container{
    display: block;
    float: left;
    margin: 3px 8px 0 0;
}

#model-selection .icon-move-container .icon-move{
    opacity: 0.45;
}

.caret-down{
   background: url("../assets/nav/dropdown-arrow.png") no-repeat 3px 6px;
   width:14px;
   height:14px;
   display: inline-block;
}

.caret-left{
   background: url("../assets/side-panel/accordion-arrow-left.png") no-repeat 2px 5px;
   width:14px;
   height:14px;
   display: inline-block;
}

#model-selection #models{
    padding:5px 5px;
    display:block;
    float:left;
    width:906px;
    background:#fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

section#model-selection a.button{
    float:right;
    margin-right: 10px;
    margin-top: 10px;
}

#model-selection #add-model{
    display:block;
    float:left;
    width:888px;
}

#model-selection #add-model .add-model{
    display:block;
    float:left;
    width:896px;
    padding:5px 10px 8px 10px;
    background:url(../assets/gradients/add-instrument-background.gif) repeat-x #eee;
    border-top: 1px solid #ccc;
}

.tab-content #model-selection{
    display:block;
    float:left;
    margin:0 -10px;
    padding:0 0 10px 0;
}

.tab-content #model-selection>form{
    float:left;
    padding: 0px;
}

#model-selection .tooltip-container a{
    margin:0px;
    padding:0px;
    line-height:normal;
}

#model-selection .tooltip-container{
    display:block;
    float:left;
    margin: 35px 5px 0 0;
}

#model-selection #role-model-variables div.model-variable-header{
    padding:3px 5px 0px;
    color: #555;
    font-size: 13px;
    display:block;
    float:left;

}

#model-selection #models .models .model-content div.model-header,
#model-selection #models .models .model-content div.analysis-method,
#model-selection #models .models .model-content div.profile-date,
#model-selection #models .models .model-content div.standard-deviation,
#model-selection #models .models .model-content div.mean-deviation
{
    padding:3px 5px 0px;
    color: #555;
    font-size: 14px;
    display:block;
    float:left;
    width:175px;
}

#model-selection #models .models .model-content div.model-header{
    margin-left: 10px;
    width: 180px;
}
#model-selection #models .models .model-content div.profile-date{
    width: 45% !important;
}

#model-selection #models .models .model-content div.profile-date label{
    margin:0;
    padding: 0;
    width:auto;
    font-size:13px;
    color:#555;
    margin-right: 33px;
}

#model-selection #models .models .model-content div.analysis-method{
    width: 45% !important;
}

#model-selection #models .models .model-content div.analysis-method label{
    margin:0;
    padding: 0;
    width: auto;
    font-size:13px;
    color:#555;
    margin-right: 20px;
}

#model-selection #models .models .model-content div.standard-deviation,
#model-selection #models .models .model-content div.mean-deviation
{
    width:50px;
}

#model-selection #role-model-variables div label{
    font-weight:bold;
}

#model-selection .add-model > div.analysis-method,
#model-selection .add-model > div.profile-date{
    width:188px;
}

#model-selection .add-model > div.models-combo{
    width:300px;
}

#model-selection .add-model > div.analysis-method input,
#model-selection .add-model > div.profile-date input{
    width:165px;
    margin-top:0px;
}
#model-selection .add-model > div.models-combo select{
    width:285px;
    margin-top:0px;
}
#model-selection .add-model > div.standard-deviation input,
#model-selection .add-model > div.mean-deviation input {
    width:50px;
}

#model-selection .add-model > div.standard-deviation,
#model-selection .add-model > div.mean-deviation{
    width:60px;
}

#model-selection label{
    margin:0;
    width:175px;
    font-size:13px;
    color:#555;
}

#model-selection .add-model .tooltip{
    display:block;
    float:left;
}

#model-selection .add-model .button{
    display:block;
    float:left;
    margin: 28px 0 0 5px;
}



#model-selection .add-variables .info-icon{
    margin:0;
}

#model-selection #add-model .info-icon-grey{
    margin:0;
}

#model-selection .add-variables{
    display:block;
    float:left;
    width:100%;
}

#model-selection .add-variables input[type="text"]{
    width:220px;
    margin: 0px 10px;
}

#model-selection #models ul.variables{
    margin: 10px 0 0;
    float:left;
    width:878px;
}

#model-selection #models ul.variables li{
    width:858px;
    padding: 6px 6px;
    background: #f9f9f9;
    border: 1px solid #e9e9e9;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

.add-model{
    overflow:inherit;
}

#model-selection #models .add-model {
    width:100%;
}

#model-selection .add-variables .add-model .model-variable{
    border: 1px solid #cccccc;
    background: #eeeeee url(../../css/images/ui-bg_glass_60_eeeeee_1x400.png) 50% 50% repeat-x;
    background-image: none;
    background-color: #f3f3f3;
    color: #555;
    border-color: #ddd;
    display: block;
    float: left;
    width: 874px;
    height: auto;
    margin: 3px 0;
    font-size: 13px;
    padding-bottom: 4px;
    padding-top: 2px;
    /*cursor: move;*/
    /*width: 866px;
    background-color: #eeeeee 50% 50% repeat-x;
    margin-bottom: 2px;
    padding-left: 10px;*/
}

#model-selection .model-content form{
    display:block;
    float:left;
    width:100%;
}

#model-selection .add-variables .button{
    position:relative;
    right:0px;
    bottom:0px;
}

/* Make an input blend into its parent */
#model-selection .add-variables .add-model .model-variable input.inline-edit{
  /* Eliminate borders and padding */
  padding: 2px 5px;
  margin: 1px 10px 0 0;

  /* Inherit the parent element's typography */
  font: inherit;
  color: inherit;
  line-height: inherit;
  font-size: inherit;
  text-align: inherit;

  /* Seems to help alignment in headers */
  vertical-align: top;
}

/* Add interaction cues on hover and focus */
#model-selection .add-variables .add-model .model-variable input.inline-edit:hover,
#model-selection .add-variables .add-model .model-variable input.inline-edit:focus{
  /* Change the background to a light yellow */
  background-color: #FFD;

  /* A subtle transition never hurts */
  -webkit-transition: background-color 0.5s;
     -moz-transition: background-color 0.5s;
      -ie-transition: background-color 0.5s;
          transition: background-color 0.5s;
}

#model_variables_list_grid  .model-variable-header{
    border: 1px solid #cccccc;
    background: #eeeeee url(images/ui-bg_glass_60_eeeeee_1x400.png) 50% 50% repeat-x;
    background-image: none;
    background-color: #f3f3f3;
    color: #555;
    border-color: #ddd;
    display: block;
    float: left;
    width: 888px;
    height: auto;
    margin: 3px;
    font-size: 13px;
    font-weight:bold;
}

#model_variables_list_grid .model-variable {
    border: 1px solid #cccccc;
    background: #eeeeee url(images/ui-bg_glass_60_eeeeee_1x400.png) 50% 50% repeat-x;
    background-image: none;
    background-color: #f3f3f3;
    color: #555;
    border-color: #ddd;
    display: block;
    float: left;
    width: 888px;
    height: auto;
    margin: 3px;
    font-size: 13px;
}


#model_variables_list_grid .model-variable>span.icon-move-container i{
    margin: 7px;
    cursor :move;
    margin-left: 10px;
}

#model_variables_list_grid .model-variable>a.tooltip-details {
    display: block;
    float: left;
    margin: 6px;
}


#model_variables_list_grid .model-variable-header span.order{
    margin: 4px 13px;
}
#model_variables_list_grid .model-variable-header span{
    float:left;
}
#model_variables_list_grid .model-variable-header:not(.model-all-variable-header) span{
    margin: 5px 5px 5px 4px;
}
#model_variables_list_grid .model-variable-headerThree span{
    float:left;
    margin: 5px 5px 5px 1px;
}
#model_variables_list_grid .model-variable>span {
    float:left;
    margin: 0px;
}

#model_variables_list_grid .model-variable>span>div {

    margin-top:3px;
}
#model_variables_list_grid .model-variable>span.icon-move-container {
    width:35px;
}

#model_variables_list_grid .model-variable-header span.mandatory{
    width:90px;
}
#model_variables_list_grid .model-variable-header span.mandatory.extract{
    width:37px;
}
#model_variables_list_grid .model-variable>span.mandatory {
    width:72px;
}

#model_variables_list_grid .model-variable>span.delete-mv {
    width:30px;
}
#model_variables_list_grid .model-variable>span.delete-mv>input.delete-checkbox {
    margin: 11px;
}


#model_variables_list_grid .model-variable-header span.name{
    width: 265px;
    margin-left: 30px;
}
#model_variables_list_grid .model-variable>span.name {
    width: 276px;
    margin-left: 24px;
}
#model_variables_list_grid .model-variable>span.name a,
#model_variables_list_grid .model-variable>span.weight a {
    display: inline-block;
    width: 220px;
    height: 28px;
    padding: 6px;
    /*margin-bottom: 6px;*/
    font-size: 12px;
}
#model_variables_list_grid .model-variable>span.weight a {
    width: 100%;
}
#model_variables_list_grid .model-variable>span.weightThree a{
    padding: 6px;
}
#model_variables_list_grid .model-variable>span.description a{
    margin-top: 3px;
    margin-bottom: 3px;
    height: 51px;
    min-width: 360px;
    max-width: 360px;
    min-height: 59px;
    max-height: 59px;
    width: 412px;
    padding: 4px 11px;
    padding-left: 6px;
    float: left;
    display: block;
}
.editable-click, a.editable-click, a.editable-click:hover{
    border-bottom: inherit !important;
}
#model_variables_list_grid .model-variable>span.name input{
    width:250px!important;
}

#model_variables_list_grid .model-variable-header span.weight,
#model_variables_list_grid .model-variable>span.weight {
    width:250px;
}

#model_variables_list_grid .model-variable>span.weight select{
    width:230px;
}

#model_variables_list_grid .model-variable input {
    float:left;
    display:block;
    margin: 3px;
}

#model_variables_list_grid .model-variable select {
    float:left;
    display:block;
    margin: 3px;
}

#model_variables_list_grid .model-variable .mandatoryThree input[type=checkbox] {
    margin-left: 25px;
}


#model_variables_list_grid .remove-variable-container {
    background: url("../assets/gradients/50-0_vertical-10px-white.png") repeat-x scroll 0 0 #F3F3F3;
    border-left: 1px solid #DDDDDD;
    display: block;
    float: right;
    height: 15px;
    padding: 8px;
    width: 40px;
}

#main-variable-filter-container #variable-filter-header-wrapper{
    width:898px;
}

#main-variable-filter-container #variable-filter-header-wrapper .variable-filter-group-header{
    border: 1px solid #cccccc;
    background: #eeeeee url(images/ui-bg_glass_60_eeeeee_1x400.png) 50% 50% repeat-x;
    background-image: none;
    background-color: #f3f3f3;
    color: #555;
    border-color: #ddd;
    display: block;
    height: auto;
    font-size: 14px;
    float:left;
    width: 734px;
    padding: 6px;
    font-size:13px;
    font-weight:bold;
}

#main-variable-filter-container #variable-filter-header-wrapper .header-options{
    float:right;background: #f3f3f3 url(../assets/gradients/2-0_vertical-10px.png) repeat-x;
    border: 1px solid #ddd;
    float: left;
    padding: 6px;
    width: 135px;border-left: 0px;
}

#main-variable-filter-container #variable-filter-header-wrapper .header-options a{
    float: right;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
}

#main-variable-filter-container #variable_list_grid table.display{

    width: 895px;
    margin: 0px -5px 5px;

}


#main-variable-filter-container #variable_list_grid {

    width: 884px;
    padding: 5px;
    display: block;
    border: 1px solid #ddd;

}

#main-variable-filter-container #model-variable-filter-content #variable-filter{
    display: block;
    border-left: 1px solid #ccc;
    background: url(../assets/gradients/add-instrument-background.gif) repeat-x #eee;
    height: auto;
    float: left;
    border-right: 1px solid #ccc;
    width: 884px;
    padding:5px;
}

#main-variable-filter-container #model-variable-filter-content #variable-filter .model-variable div>span{
    display:block;
    float:left;
    height:21px;
    width:auto;
    margin:5px;
    margin-left:0px;
}

#main-variable-filter-container #model-variable-filter-content #variable-filter span.filter-client select,
#main-variable-filter-container #model-variable-filter-content #variable-filter span.filter-scale-type select,
#main-variable-filter-container #model-variable-filter-content #variable-filter span.filter-score-type select{
    width:130px;
}
#main-variable-filter-container #model-variable-filter-content #variable-filter span.filter-scale select,
#main-variable-filter-container #model-variable-filter-content #variable-filter span.filter-instrument select{
    width:195px;
}

#main-variable-filter-container #model-variable-filter-content #variable-filter span input{
    width:196px;
}
form div select.width380{ width:380px;}

/* HENK ADDED */
#model-variable-filter-content .model-variable div{
    width:883px;
    margin-bottom:10px;
}

#model-variable-filter-content .model-variable div{
    width:888px;
    margin-bottom:10px;
}

/* Alli added for self register code */
form ul.structure li input.self-register-code{
    margin-left: 5px;
    margin-top: -1px;
}

/*Alli added for Popup */
div.swal2-html-container form#form_norms select{
    width:313px;
}

#model-selection .chzn-container-multi .chzn-choices .search-field{
    margin: 0px;
    padding: 0px;
}

#model-selection div.report, #model-selection div.report select{
    width: 150px;
}

#model-selection div.language, #model-selection div.language select, #model-selection div.groupReports{
    width: 135px;
}
#model-selection div.groupReports input[type=checkbox] {
    vertical-align: middle;
    text-align: center;
    margin: 32px auto 0px auto;
    float: none;
}
#model-selection div.groupReports form input[type=checkbox] {
    text-align: center;
}
#model-selection div.models {
    width : 150px;
}
#model-selection div.models-es_PA {
    width : 240px !important;
}

#model-selection div.models select{
    width : 150px;
}
#model-selection div.models-es_PA select{
    width : 240px !important;
}
#model-selection li .report-content {
    float: left;
    display: none;
    width: 878px;
    height: auto;
    background-color: #fff;
    border-top: solid 1px #ccc;
    padding: 0 10px 10px;
}

#model-selection .select-norms .add-model .model-header {
    width: 98%;
    background-color: #f9f9f9;
    margin-bottom: 2px;
    padding: 5px 0;
}

#model-selection .select-norms .add-model .openCloseContent {
    width: 94%;
    margin-bottom: 2px;
    padding: 5px 0;
    padding-left: 36px;
}

#model-selection .select-norms .add-model .openCloseContent select {
    width:310px;
}

#model-selection div.requestAt {
    width : 150px;
}

#model-selection div.requestAt select{
    width : 150px;
}

form ul.structure li.model-name-container label {
    width:100%;
}

form ul.structure>li input.disabled-text-input[type=text]{
    background: #eee;
}

div#row_selector {
    color: #555;
    font-size: 12px;
}
.icon-left{
    display: block;
    float: left;
    height: 14px;
    line-height: 14px;
    margin: 2px 0 -2px;
    width: 14px;
    opacity: 0.45;
}

#model_variables_list_grid .model-variable-header>span.delete-mv>input.delete-checkbox {
    margin: 4px;
}
#model_variables_list_grid .model-variable-header span.nameThree{
    width: 177px;
    margin-left: 5px;
}
#model_variables_list_grid .model-variable>span.nameThree {
    width:186px;
}
#model_variables_list_grid .model-variable>span.nameThree a,
#model_variables_list_grid .model-variable>span.nameThree input{
    width: 167px!important;
    float: left;
    display: block;
    margin: 3px;
    padding: 4px 6px;
}
#model_variables_list_grid .model-variable>span.nameThree a{
    padding: 4px 3px;
    margin-bottom: 0;
}

#model_variables_list_grid .model-variable-header span.weightThree,
#model_variables_list_grid .model-variable>span.weightThree {
    width:182px;
}

#model_variables_list_grid .model-variable>span.weightThree select{
    width:177px;
}

#model_variables_list_grid .model-variable-header span.groupingby,
#model_variables_list_grid .model-variable>span.groupingby {
    width:130px;
    margin: 10px 0;
}
#model_variables_list_grid .model-variable>span.groupingby {
    margin: 0;
}
#model_variables_list_grid .model-variable>span.groupingby input{
    width:130px!important;
}

#model_variables_list_grid .model-variable-header span.mandatoryThree{
    width:90px;
}
#model_variables_list_grid .model-variable-header span.mandatoryThree.extract{
    width:65px;
}
#model_variables_list_grid .model-variable>span.mandatoryThree {
    width:82px;
}

/*class added to wrap the work*/
ul.chzn-choices li.search-choice {
    width: 188px;
    word-wrap: break-word;
}

#add-model .models ul.chzn-choices li.search-choice {
    width: 230px;
    word-wrap: break-word;
}

#add-model .models-es_PA ul.chzn-choices li.search-choice {
    width: 200px;
}

/*End of class */
/* Added Rater Homepage classess */
section.content .rater-sidebar{
    display:block;
    width:185px;
    height:auto;
    margin:0px;
    float:left;
    background: url(../assets/side-panel/left-content-background.gif) repeat-y right;

    -moz-border-radius:5px 0 0 5px;
    -webkit-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
}

section.content .rater-sidebar h4{
    background:url(../assets/side-panel/main-header-background.png) repeat-x;
    padding:0 15px;
    line-height:36px;
    display:block;
}

section.content .rater-sidebar h4:first-child{
    background:url(../assets/side-panel/main-header-background.png) repeat-x;
    padding:0 15px;
    line-height:36px;
    display:block;

    -moz-border-radius:5px 0 0 0;
    -webkit-border-radius:5px 0 0 0;
    border-radius:5px 0 0 0;
}

section.content .rater-sidebar h5{
    background:url(../assets/side-panel/accordion-header.gif) repeat-x;
    padding:0 15px;
    line-height:31px;
    float:left;
    width:145px;
    display:block;
}

section.permissions .rater-sidebar h5:first-child{
    -moz-border-radius:5px 0 0 0;
    -webkit-border-radius:5px 0 0 0;
    border-radius:5px 0 0 0;
}

section.content .rater-sidebar h5:hover{
    background:url(../assets/side-panel/accordion-header-over.gif) repeat-x;
    cursor:pointer;
}

section.content .rater-sidebar h5 a{
    background:none ;
    background-color:transparent;
    display:block;
    float:left;
    height:31px;
    width:150px;
    text-decoration:none;
}

section.content .rater-sidebar h5 a.open {
     width:245px;
}

section.content .rater-sidebar h5 a:hover{
    text-decoration:none;
}

section.content .rater-sidebar h5 .accordion-arrow-down{
    float:left;
    font-weight:bold;
    width:8px;
    height:7px;
    background:url(../assets/nav/dropdown-arrow.png) no-repeat;
    display:block;
    margin:15px 10px 0;
}

section.content .rater-sidebar h5 .accordion-arrow-right{
    float:left;
    font-weight:bold;
    width:9px;
    height:8px;
    background:url(../assets/side-panel/accordion-arrow-right.png) no-repeat;
    display:block;
    margin:13px 10px 0;
}

section.content .rater-accordion-content{
    position:relative;
    /*display:none;*/
    float:left;
    zoom: 1; /* ie7 fix */
}

section.content .rater-accordion-content h6{
    display:block;
    line-height:28px;
    width:175px;
    min-height:40px;
    float:left;
    border-bottom:1px dashed #ddd;
    position:relative;
}

section.content .rater-accordion-content h6 a{
    position:relative;
    display:block;
    margin:5px;
    padding:0px 5px;
    width:150px;
    float:left;
    text-decoration:none;
}

section.content .rater-accordion-content h6 a:hover{
    display:block;
    margin:5px;
    padding:0px 5px;
    width:150px;
    float:left;
}

section.content .rater-accordion-content h6 .selected-arrow{
    background:url(../assets/side-panel/selected-arrow.png) no-repeat;
    position:absolute;
    top:14px;
    right:-11px;
    width:11px;
    height:12px;
}

section.content .rater-accordion-content h6 a.selected{
    border:1px solid #ccc;
    background:#f3f3f3;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

section.content .rater-accordion-content h6:last-child{
    border-bottom: none !important;
}

div.permission-container ul li label {
    width:165px;
}

div.permission-container ul li input[type=checkbox] {
    margin: 8px 2px 0 0;
}

.width800-margin60 {
    width: 699px !important ;
    margin-left: -9px;
    padding-bottom: 30px !important;
    border-left: none !important ;
}

.drop-ul {
    min-height: 200px;
    height:auto;
    float:left;
    clear:left;
    overflow: auto;
    padding:0;
    margin:0;
}

#container-default .drop-ul {
    min-height: 400px;
}

.drop-div li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 12px;
    width: 120px;
    float: left;
    height: 32;
    width: 200px;
    display: block;

}

.drop-div {
    height: auto;
    min-height:200px;
    width: 215px;
    float: left;
    overflow: hidden;
    display: block;
    border: 1px solid #ccc;
    margin: 5px;
    padding-left:10px;
    border-radius:5px;
}

div#container-default {
    height: auto;
    width: 215px;
    float: left;
    overflow: hidden;
    min-height: 480px;
}

label.small-label {
    width: 120px;
}

#dragndrop-container li{
    list-style: none;
    margin: 0;
    margin-bottom: 2px;
    padding: 2px;
    display: block;
    line-height: 22px;
    min-height: 22px;
    border: 1px solid #ccc;
    background-color: #EEE;
    cursor: move;
    border-radius:5px;
}

div.content-footer {
    position: absolute;
    right:    10px;
    bottom:   10px;
}

section.content .rater-side-bar-legend{
    display: block;
    float: left;
    margin: 10px 10px 0;
    width: 155px;
    height: 150px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

section.content .rater-side-bar-legend .well{
    display: block;
    float: left;
    width: 130px;
}

section.content .rater-side-bar-legend ul{
    isplay: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 130px;
}

section.content .rater-side-bar-legend li{
    height:30px;
}

section.content .rater-side-bar-legend li a{
    display:block;
    float:left;
    width: 130px;
}

section.content .rater-side-bar-legend h5{
    background: none;
    line-height: 20px;
    margin: 0 10px 5px;
    padding: 0;
}

section.content .rater-side-bar-legend h5:hover{
    background: none;
}

section.content .rater-side-bar-legend h6{
    line-height:30px;
}

#ratings{
    width: 700px;
}
.main-variable{
    width: 100%;
}
.info-variable{
    width: 30%;
}
.info-variable h5{
    margin-top: 3px;
    margin-bottom:0px;
}
#ratings ul{
    display: inline-block;
    width: 33%;
    margin-left: 10px;
    border:1px solid #ccc;
    background-color:#EEE;
}
#ratings li{
    display: inline-block;
    width: 100%;
}
#ratings ul li{
    display: inline-block;
    width: 18%;
    margin-top:5px;
    text-align: center;
}
#ratings ul li input{
    display: inline-block;
    float: none;

}
.width100p{
    width: 100% !important;
    text-align: center;
}
.nextButton{
    float:right;
    height:auto !important;
}
.margin-right10{
    margin-right: 10px;
}

.red-error{
    background-color: #b94a48 !important;
}

.headRow{
    display:table-row;
}
.divTable{
  display:table;
  width:100%;
  background-color:#eee;
  border:1px solid  #ccc;
}
.divRow{
  display:table-row;
  width:auto;
  clear:both;
  background-color:#EEE;
}
.divCell{
  display:table-cell;
  width:70px;
  border:1px solid #ccc;
}

.divCell h5{
  margin-top:5px;
}

.stage-name:not(.rater-sidebar div.rater-accordion-content a div div.stage-name){
    display:block;
    width:115px;
    float:left;
}

.hide{
    display:none !important;
}

table tr td input[type=checkbox]{
    margin:0;
}

table tr th input[type=checkbox]{
    margin: 0 0 0 4px;
}

form ul.structure>li>input[type=text].no-margin{
    margin: 0;
}

td>span.rater-status-text {
    margin: 0 0 0 4px;
    line-height: 24px;
}

div#dragndrop-container ul.drop-ul li span.left {
    display:block;
    float:left;
    width: 170px;
    padding-left: 4px;
}

div#dragndrop-container ul.drop-ul li span.right {
    display:block;
    float:right;
    width:22px;
}

div#dragndrop-container ul.drop-ul li span a {
    height:22px;
    width:22px;
    margin:0px;
    padding:0px;
}

div#dragndrop-container ul.drop-ul li.sortable-placeholder{
    opacity: 0.5;
    border: dashed 1px black;
}

div.vertical_space{
    margin-top: 15px;
}

li.vertical_space{
    height: 8px !important;
}

div#dragndrop-container ul.drop-ul li.emptyMessage {
    display: none;
}

div.margin-left33{
    margin-left: 33px;
    width: 685px;
}
div.margin-left33 div{
    width: 630px;
}

div form ul.structure li.rater-instruction-contianer {
    width: 600px;
}

div.width540{
    width: 540px !important ;
}

div.relevance-graphics-left{
    border: 1px #ccc solid;
    height: 50px;
    width: 225px;
    margin-left: 5px;
    border-radius: 5px;
    text-align:center;
    font-size:14px;
}
div.relevance-graphics-middle{
 border: 1px #ccc solid;
    height: 50px;
    width: 160px;
    margin-left: 5px;
    border-radius: 5px;
    text-align:center;
    font-size:14px;
}
div.relevance-graphics-right{
    border: 1px #ccc solid;
    width: 460px;
    margin-left: 9px;
    border-radius: 5px;
    text-align:center;
    font-size:14px;
    padding-top: 13px;
    padding-bottom: 13px;
}

/**
 *  Model settings css
 */
#model_setting_list_grid .model-profiler-settings-header{
    border: 1px solid #cccccc;
    background: #eeeeee url(images/ui-bg_glass_60_eeeeee_1x400.png) 50% 50% repeat-x;
    background-image: none;
    background-color: #f3f3f3;
    color: #555;
    border-color: #ddd;
    display: block;
    float: left;
    width: 888px;
    height: auto;
    margin: 3px;
    font-size: 13px;
    font-weight:bold;
}

#model_setting_list_grid .model-profiler-settings {
    border: 1px solid #cccccc;
    background: #eeeeee url(images/ui-bg_glass_60_eeeeee_1x400.png) 50% 50% repeat-x;
    background-image: none;
    background-color: #f3f3f3;
    color: #555;
    border-color: #ddd;
    display: block;
    float: left;
    width: 888px;
    height: auto;
    margin: 3px;
    font-size: 13px;
}

#model_setting_list_grid .model-profiler-settings>span.icon-move-container i{
    margin: 10px;
    cursor :move;
}

#model_setting_list_grid .model-profiler-settings>a.tooltip-details {
    display: block;
    float: left;
    margin: 6px;
}


#model_setting_list_grid .model-profiler-settings-header span.order{
    margin: 4px 13px;
}

#model_setting_list_grid .model-profiler-settings>span {
    float:left;
    display:block;
    margin: 0px;
}

#model_setting_list_grid .model-profiler-settings span.info {
    margin: 5px;
}

#model_setting_list_grid .model-profiler-settings>span>div {

    margin-top:3px;
}
#model_setting_list_grid .model-profiler-settings>span.icon-move-container {
    width:35px;
}

#model_setting_list_grid .model-profiler-settings-header span.settings-label,
#model_setting_list_grid .model-profiler-settings>span.settings-label {
    width:  192px;
}
#model_setting_list_grid .model-profiler-settings>span.settings-label input{
    width:177px;
}

#model_setting_list_grid .model-profiler-settings-header span.criticality,
#model_setting_list_grid .model-profiler-settings>span.criticality {
    width: 197px;
}

#model_setting_list_grid .model-profiler-settings>span.criticality select{
    width: 185px;
}

#model_setting_list_grid .model-profiler-settings input {
    float:left;
    display:block;
    margin: 3px 6px;
    width: 50px;
    height: auto;
    box-sizing: content-box;
}

#model_setting_list_grid .model-profiler-settings select {
    float:left;
    display:block;
    margin: 3px 0 0 6px;
}

#model_setting_list_grid .remove-settings-container {
    background: url("../assets/gradients/50-0_vertical-10px-white.png") repeat-x scroll 0 0 #F3F3F3;
    border-left: 1px solid #DDDDDD;
    display: block;
    float: right;
    height: 15px;
    padding: 8px;
    width: 22px;
}

ul.completeDate > li {
    width: 530px !important;
}

form div ul.structure li div ul.inner-structure li label{
    margin: 0px;
}

form div ul.structure li textarea.equation {
    display: block;
    width: 94%;
    max-width: 94%;
    margin-left: 30px;
}

/* Sample */

form div ul.structure li ul.dropdown-menu {
    border: 1px solid #ddd;
    background-color: white;
}

form div ul.structure li ul.dropdown-menu a {
    display: block;
    width: 500px;
    height: 30px;
    padding: 0;
    margin: 0;
}

form div ul.structure li ul.dropdown-menu li {
    border-top: 1px solid #ddd;
    padding: 0px;
}

form div ul.structure li ul.dropdown-menu li div.id-column{
    width:5%;
    display:block;
    float: left;
    word-wrap:break-word;
}

form div ul.structure li ul.dropdown-menu li div.name-column{
    width:50%;
    display:block;
    float: left;
    word-wrap:break-word;
}

form div ul.structure li ul.dropdown-menu li div.instrument-column{
    width:35%;
    display:block;
    float: left;
    word-wrap:break-word;
}

form div ul.structure li ul.dropdown-menu li div.provider-column{
    width:20%;
    display:block;
    float: left;
    word-wrap:break-word;
}

form div ul.structure li ul.dropdown-menu li div.scaletype-column{
    width:15%;
    display:block;
    float: left;
    word-wrap:break-word;
}

form div ul.structure li ul.dropdown-menu li div.scoretype-column{
    width:10%;
    display:block;
    float: left;
    word-wrap:break-word;
}

form div ul.structure li ul.dropdown-menu li div.norm-id-column{
    width:10%;
    display:block;
    float: left;
    word-wrap:break-word;
}

form div ul.structure li ul.dropdown-menu li div.norm-name-column{
    width:40%;
    display:block;
    float: left;
    word-wrap:break-word;
}

form div ul.structure li ul.dropdown-menu li div.norm-guid-column{
    width:20%;
    display:block;
    float: left;
    word-wrap:break-word;
}

form div ul.structure li ul.dropdown-menu li div.norm-scoretype-id-column{
    width:15%;
    display:block;
    float: left;
    word-wrap:break-word;
}

form div ul.structure li ul.dropdown-menu li div.norm-scoretype-column{
    width:15%;
    display:block;
    float: left;
    word-wrap:break-word;
}

form div ul.structure li ul.dropdown-menu li:first-child {
    border-top: none;
}

form div ul.structure li ul.dropdown-menu li:hover,
form div ul.structure li ul.dropdown-menu .active {
    background-color: rgb(110, 183, 219);
}


/* SHOULD not modify */

form div ul.structure li ul.dropdown-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

form div ul.structure li ul.dropdown-menu a:hover {
    cursor: pointer;
}

form ul.structure li input.job-context-text-field{
    margin-left: 5px;
    margin-top: -1px;
}

form ul li.work-releted-dimensions .chosen{
    width: 9%;
}

div.break_word_wrap, h1.break_word_wrap, p.break_word_wrap, li.break_word_wrap, td.break_word_wrap{
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    white-space: normal;
}

a.bucket-tip{
    display:block;
    float:left;
}

#reportList{
    display: none;
}
table.reportDisplay{
     width: 881px !important;
}

.alignRight{
    float: right;
}

td.max-width-130{
    width: 130px !important;
}

td.max-width-170{
    width: 170px !important;
}

form#form_relevance div#dragndrop-container{
    width: 720px;
}
form#form_relevance div#relevance-info{
    width: 720px;
}

/*---------------------------------
 Norming Form design
 ---------------------------------- */

#wrapper #norming-form {
    display: block;
    float: left;
    width:896px;
    padding-bottom: 10px;
}

#wrapper #norming-form form{
    margin:0px;
    padding:0px;
    float: left;
}

#wrapper #norming-form input[type=text]{

    border:1px solid #ccc;
    background:url(../assets/forms/textfield-background.gif) repeat-x #fff;
    width:150px;
    padding:3px 10px;
    line-height:20px;
    margin-right: 10px;
    color:#555;

    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
    box-shadow:0 1px 2px rgba(0,0,0,.2);
}

form ul.reportStructure>li {
    display: block;
    float: left;
    width: 523px;
    margin-bottom: 12px;
}
form ul.structure li.weight-setting .parent-fieldset {
    border: 1px solid #ccc;
    background:#fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-collapse: collapse;
    padding-top: 10px;
}

form ul.structure li.weight-setting .child-fieldset {
    border-top: 1px solid #ccc;
    background:#fff;
    border-collapse: collapse;
}

form ul.structure li.confirmMessageWeightSetting{
    word-wrap: normal;
    width: 500px;
}

select.search-combo {
    width: 130px;
}

input.button.white.fright {
    float: right;
}


ul.equation-filter-structure li{
    list-style : none;
    padding-right: 10px;
    display:inline-block;
}
ul.equation-filter-structure li select {
    width:150px;
}

.participant-group-assessments-list ul.instruments,
.participant-linked-assessments-list ul.instruments {
    margin: 0px;
}
.participant-linked-assessments-list .instruments li,
.participant-group-assessments-list .instruments li
{
    background: url(../assets/gradients/50-0_vertical-10px-white.png) repeat-x #eee;
    /*background: url(../assets/gradients/add-instrument-background.gif) repeat-x #eee;*/
    border: 1px solid #ddd;
    padding: 0px;
    width: 870px;
    float:left;
    list-style: none;
    background-color: #f3f3f3;
    color: #555;
    padding: 6px;
    margin: 4px;
}
.participant-linked-assessments-list .instruments li.header,
.participant-group-assessments-list .instruments li.header
{
    margin-left: -4px !important;
    width: 890px;
}

.participant-linked-assessments-list .instruments .inactive .header,
.participant-group-assessments-list .instruments .inactive .header
{
    cursor: auto;
    background: url(../assets/gradients/50-0_vertical-10px-white.png) repeat-x #eee;
    width: auto;
    float: left;
}

.participant-linked-assessments-list .instruments .header-options,
.participant-group-assessments-list .instruments .header-options
{
    background: url("../assets/gradients/50-0_vertical-10px-white.png") repeat-x scroll 0 0 #F3F3F3;
    border-left: 1px solid #ddd;
    border-right: none;
    display: block;
    float: left;
    height: 15px;
    margin: -6px;
    padding: 8px;
    width: 14px;
}

.participant-linked-assessments-list .instruments .header span.detail,
.participant-group-assessments-list .instruments .header span.detail
{
    font-size: 13px;
    line-height: 18px;
    margin-right: 20px;
    color:#555;
    font-weight:normal;
    float:left;
}

.participant-linked-assessments-list .instruments .header span.provider,
.participant-group-assessments-list .instruments .header span.provider
{width:90px}
.participant-linked-assessments-list .instruments .header span.instrument,
.participant-group-assessments-list .instruments .header span.instrument
{width:290px}
.participant-linked-assessments-list .instruments .header span.project,
.participant-group-assessments-list .instruments .header span.project
{width:201px}
.participant-linked-assessments-list .instruments .header span.date,
.participant-group-assessments-list .instruments .header span.date
{width:190px}

.participant-linked-assessments-list .instruments .header span.order,
.participant-group-assessments-list .instruments .header span.order
{
    color: #555555;
    font-size: 16px;
    line-height: 18px;
    margin-right: 10px;
    text-align: center;
    width: 15px;
}

.participant-linked-assessments-list ul#instruments div.header,
.participant-group-assessments-list ul#instruments div.header
{
    background: url("../assets/gradients/50-0_vertical-10px-white.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-right: 1px solid #fff;
    cursor: move;
    float: left;
    padding: 6px;
    width: 885px;
}

/*.participant-linked-assessments-list ul#instruments {

}*/

.search-duplicate-participant-container #row_selector {
    width: auto;
    height: auto;
    display: block;
}

.search-duplicate-participant-container #pagination {
    width: auto;
    height: auto;
    display: block;
}

div.pagination-search-container>div#row_selector>span {
    float: left;
    display: inline-block;
    width: auto;
    padding-top: 10px;
    padding-right: 10px;
}

div.pagination-search-container>div#row_selector>a#go-button {
    margin-top: 8px;
}

div.search-duplicate-participant-container table.display th.th-client,
div.search-duplicate-participant-container table.display th.th-project,
div.search-duplicate-participant-container table.display th.th-instrument,
div.search-duplicate-participant-container table.display th.th-status,
div.search-duplicate-participant-container table.display th.th-name,
div.search-duplicate-participant-container table.display th.th-surname,
div.search-duplicate-participant-container table.display th.th-email {
    width: 76px;
}

div.search-duplicate-participant-container table.display th.th-cell,
div.search-duplicate-participant-container table.display th.th-id {
    width: 50px;
}


div.search-duplicate-participant-container div.header {
    padding: 6px;
    background: url(../assets/gradients/50-0_vertical-10px-white.png) repeat-x #eee;
    border: 1px solid #ccc;
    color: #606060;
    font-weight: bold;
}
.client-combo, .project-combo, .instrument-combo, .status-combo{
    width: 76px !important;
}

.th-client div, .th-project div, .th-instrument div, .th-status div{
    font-weight: normal !important;
}

.bold-weight{
    font-weight: bold !important;
}

.assessmentCopyHeader{
    font-size: 13px !important;
}

li.hide-me {
    display: none !important;
}

section#modelgroup-list {

}

#wrapper section#modelgroup-list #sortable .header {
    width: 717px;
}

#wrapper section#modelgroup-list #sortable li {
    width: 887px;
}

#wrapper section#modelgroup-list #sortable li .instrument-content {
    width: 867px;
}

section#modelgroup-list #model_setting_list_grid .model-profiler-settings-header,
section#modelgroup-list #model_setting_list_grid .model-profiler-settings{
    width: 860px;
}

div.main-variable div.info-variable h5{
    word-wrap: break-word;
    font-size: 12px;
    padding-left: 32px;
    width: 177px;
    font-weight: normal;
}

.rater-csv-upload-error-mgs{
    margin-top: 9px !important;
    margin-bottom: -8px !important;
    line-height: 8px !important;
    width: 317px;
}

.download-link-div{
    width: 368px;
}

#model-selection #role-model-variables div.model-variable-header{
    margin: 20px 0;
    border: 1px solid #cccccc;
    background: #eeeeee url(images/ui-bg_glass_60_eeeeee_1x400.png) 50% 50% repeat-x;
    background-image: none;
    background-color: #f3f3f3;
    color: #555;
    border-color: #ddd;
    display: block;
    float: left;
    width: 855px;
    padding:10px;
    height: auto;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight:bold;
}

#model-selection #role-model-variables div.model-variable-header span.weight,
#model-selection .add-model>div.model-variable span.weight{
    width:250px;
}

.project-list table tr#viewEmailLogger{
    display: none;
}
.job-list table tr#viewEmailLogger{
    display: none;
}
.email-logger-list td.emailBody, .email-logger-list td.emailSubject{
    vertical-align: top !important;
    font-weight: bold !important;
}
.email-logger-list{
    width: 874px !important;
}
div.down input{
    clear: both !important;
    width: 95% !important;
}
div.down .chzn-drop input{
    clear: both !important;
    width: 157px !important;
}
div.down {
    width: 95% !important;
}
div.down select{
    clear: both !important;
    width: 100% !important;
}
div.child-file-type{
    width: 50% !important;
    margin-bottom: 20px !important;
}
form div.form-client-type-row{
    padding-left: 10px !important;
}
.email-logger-list td.email-body-wordwrap a{
    word-wrap: break-word;
    max-width: 780px;
    word-break: break-all;
}
.email-logger-list td.email-body-wordwrap p{
    word-break: break-all;
}
.job-model-settings-form ul.structure div{
    width:858px !important;
}
.job-model-settings-form ul.structure>li{
    display:block;
    float:left;
    width:858px !important;
    margin-bottom: 12px;
}

div.projectWarning{
    clear: both;
    width: 846px;
    padding-bottom:4px;
    padding-top:4px;
}
div.projectWarning:not(.common-warning){ margin-bottom:2px; }

.text-indent5 {
    text-indent: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.text-indent10 {
    text-indent: 10px;
    margin-left:10px;
}

.text-indent15 {
    text-indent: 15px;
    margin-left: 20px;
}

div.multiple_add_filter_form div.main-div {
    width:100%;
}
div.multiple_add_filter_form div.button-main-header {
    width: 41%;
}
div.multiple_add_filter_form div.button-header {
    padding: 5px;
}
div.multiple_add_filter_form div.main-header {
    width:55%;
    background: none repeat-x scroll 50% 50% #f3f3f3;
    border: 1px solid #ddd;
    color: #555;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    margin: 3px;
    padding: 5px;
}
div.multiple_add_filter_form div.div-data {
    width:56%;
    padding-top: 5px;
    background: none repeat-x scroll 50% 50% #f3f3f3;
    border: 1px solid #ddd;
    color: #555;
    display: block;
    float: left;
    font-size: 13px;
    height: auto;
    margin: 3px;
}

div.multiple_add_filter_form div.div-button {
    padding:5px;
}

div.border-seperator {
    border-top: 1px solid #ddd;
    margin-bottom: 10px;
    margin-left: -5px;
    width: 101%;
}

.multiple_add_filter_form span.mandatory {
    display: inline-block;
    width:90px;
    font-weight: bold;
    color: #555;
}

.multiple_add_filter_form span.weight {
    display: inline-block;
    width:250px;

}

.multiple_add_filter_form span.weight_filter_form_header {
    font-weight: bold;
    color: #555;
    margin-left: 10px;
}

.multiple_add_filter_form span.weight select {
    display: inline-block;
    width:250px;
}

.multiple_add_filter_form span.extrtact {
    display: inline-block;
    width:90px;
    font-weight: bold;
    color: #555;
}
.multiple_add_filter_form span.extrtact.mandatory_filter_form_header {
    padding-left: 5px;
}

.multiple_add_filter_form span.extrtact input,
.multiple_add_filter_form span.mandatory input {
    margin-left: 40px;
    margin-top: -20px;
}

.captchaImage{
    margin-left: 10px;
}

.resetPasswordCaptchaError{
    margin-left: 30px;
}
.duplicateMatchFount{
    margin-top: 10px;
}

.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: url("../img/glyphicons-halflings-white.png");
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  background: #f9f9f9;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px 6px;
          border-radius: 0 6px 6px 6px;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
     -moz-border-radius: 5px 5px 5px 0;
          border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 11px;
  margin-right: -4px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}


.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
          border-radius: 6px 0 6px 6px;
}

.positionAbsolute{
    position: absolute !important;
}

div.model-profiler-settings-header span.info{
    width: 21px !important;
}
div.model-profiler-settings-header span.order{
    width: 8px !important;
}

div.model-profiler-settings-header span.settings-label {
    text-align: center;
}

div.model-profiler-settings-header span.criticality{
    text-align: center;
    width: 181px !important;
}

div#ResetPassword_opt label {
    width: 148px !important;
}

.advanced-options .chosen-container#tts_observeradminbundle_quickaddobservertype_countryCode_chosen{
    width: 74px !important;
    min-width: 74px;
}


section.content .tab-content form ul.observerAddUl{
    padding:10px 0 10px 10px !important;
    border:#ccc solid 1px;
    border-top:0px;
    float: left;
    background-color: #eee;
    margin: 0 -11px 0 -11px;
    width: 906px;
}

form a.observerAddA{
    /*background: url("../assets/side-panel/accordion-header.gif") repeat-x scroll 0 0 transparent;*/
    background-color: #ececec;
    display: block;
    float: left;
    line-height: 21px;
    font-size: 14px;
    margin: 0 -10px;
    padding: 5px 10px;
    width: 896px;
    font-weight: bold;
    border-top:solid 1px #ccc;
}
div.observer-form-div{
    margin-top: 10px !important;
}
form#TtsProjectBundle_project_observer_quick_add_form li #tts_observeradminbundle_quickaddobservertype_cellPhone{
    margin-left: 5px !important;
}

div.observerAdd div#alert-message{
    margin-top: 20px !important;
    margin-bottom: -16px !important;
}
div.observerAssignList div.observer-list div#alert-message{
    margin-top: -47px !important;
    position: absolute !important;
}

ul.participant-observer label{
    font-size: 14px !important;
    display: block !important;
    width: auto !important;
    float: left !important;
    color: #555 !important;
    font-weight: bold !important;
    margin: 0 1px !important;
    line-height: 18px !important;
    padding-top: 6px !important;
}

.observer-choices select{
    width: 127px !important;
}
span.borderNone{
    min-width: 159px;
}

section.content .tab-content div.display .table-cell{
    display: table-cell;
    vertical-align:middle;
}
section.content .tab-content div.display{
    width:916px;
    border:solid 1px #ccc;
    border-left:0;
    border-right:0;
    margin:0px -10px 10px;
    display: table;
}
section.content .tab-content div.display div:hover, div.display form:hover, form.display .divVariableRow:hover,
section.content .tab-content div.display div.even:hover, div.display form.even:hover, form.display .even:hover{
    /*background:#e3e3e3;*/

    -webkit-box-shadow:0 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow:0 0px 5px rgba(0,0,0,.5);
    box-shadow:0 0px 5px rgba(0,0,0,.5);
}
section.content .tab-content div.display .table-th{
    display: table-cell;
    text-align:left;
    background:url(../assets/tables/header-alternate-background.gif) repeat-x #f1f0f0;
    padding:4px 6px;
    border-right:dashed 1px #ccc;
    height:20px;
    border-bottom:solid 3px #ccc;
    font-weight: bold;
}
div.display .participantSelectAllChk input{
    margin-left: 3px !important;
}
section.content .tab-content div.display .table-th .last, section.content .tab-content .display .table-th .last{
    border-bottom:solid 3px #ccc;
}
section.content .tab-content div.display .last, section.content .tab-content .display .last{
    border-right:none;
}
section.content .tab-content .particpant-tab-content div.display{
    width:895px;
    margin: 10px 0;
}
section.content .tab-content div.display .table-cell{
    line-height: 18px;
    padding: 5px 10px;
    font-size:12px;
    border-right:dashed 1px #ccc;

}
section.content .tab-content .display .divVariableRow .even{
    background:#f1f1f1;
}

section.content .tab-content .display .divVariableRow{
    color: #555;
}

span.withTwenty {
    width: 20px !important;
}
li.addObserverSubmitButtom{
    margin-top: -39px;
    float: right !important;
    width: 200px !important;
    margin-right: 12px !important;
}

.overflow-scroll {
    overflow: auto;
    margin-left: -10px;
    padding-left: 10px;
}
.observerParticipantStatus{
    width: 60px;
}

form#TtsProjectBundle_project_observer_quick_add_form #tts_observeradminbundle_quickaddobservertype_countryCode_chosen li{
    line-height: 15px !important;
    padding: 4px 6px !important;
    height: auto !important;
}
form#TtsProjectBundle_project_observer_quick_add_form #tts_observeradminbundle_quickaddobservertype_countryCode_chosen input{
    margin: 5px 0px !important;
}
table.display .width38{
    width:38px !important
}

div.observerCompletePartiAlert{
    width:867px !important;
}
.quickAddShowHide{
    float: right !important;
    text-align: right;
    width: 100px;
}
.quickAddShowHide div.accordion-arrow-down{
    float: right !important;
    width: 7px !important;
    margin: 5px !important;
}
.quickAddShowHide div.caret-left{
    float: right !important;
}
form#TtsProjectBundle_project_observer_quick_add_form li.ui-state-observer-quick-add div.header-options{
    float:right;background: #f3f3f3 url(../assets/gradients/2-0_vertical-10px.png) repeat-x;
    float: right !important;
    width: 66px !important;
}

form#TtsProjectBundle_project_observer_quick_add_form li.ui-state-observer-quick-add{
    width: 916px !important;
    padding-left: 0px;
    margin-left: -11px !important;
    height: 31px !important;
}
.quickAddDivHeader{
    width: 820px !important;
    cursor: inherit !important;
    height: 19px !important;
    padding-left: 10px !important;
    font-family: tahoma, arial, helvetica, serif;
}
form a.observerQuickAdd{
    line-height: 21px;
    font-size: 14px;
    font-weight: bold;
}
.observerQuickAddUl{
    margin-top: -3px !important;
}

.textShowHide{
    padding-left: 13px !important;
    width: 69px !important;
    text-align: right !important;
    height: 19px !important;
    margin-right: 17px !important;
}

.hide-show .showHideIcon{
    float: right;
    margin-top: -18px;
}
.warningMassageParticipant{
    word-wrap: normal !important;
    width: 525px !important;
}
.delete-mvThree {
    width: 30px;
}

#model_variables_list_grid .model-variable span.delete-mvThree input[type=checkbox].delete-checkbox {
    margin: 10px;
}

.removeVariableContainerMove{
    width: 77px !important;
    padding-right: 0px !important;
    height: 18px !important;
    position: relative !important;
}

.observerTaskButton{
    min-width: 104px !important;
}
.observerStartTaskButton{
    min-width: 84px !important;
}

.viewParticipantButtonBlock{
    border-left: 1px solid #e3e3e3;
}
.variableRadioGroup{
    border-top: 5px solid #e3e3e3;
}
.variableRadioGroup{
    border-top: 5px solid #e3e3e3;
}


section.content .tab-content form.display .table-cell{
    display: table-cell;
    vertical-align:middle;
}
section.content .tab-content form.display{
    width:916px;
    border:solid 1px #ccc;
    border-left:0;
    border-right:0;
    margin:0px -10px 0px;
    display: table;
    padding-top: 0px;
    padding-bottom: 0px;
}
section.content .tab-content form.display div:hover, form.display .divVariableRow:hover,
section.content .tab-content form.display div.even:hover, form.display .divVariableRow:hover{
    /*background:#e3e3e3;*/

    -webkit-box-shadow:0 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow:0 0px 5px rgba(0,0,0,.5);
    box-shadow:0 0px 5px rgba(0,0,0,.5);
}
section.content .tab-content form.display .table-th{
    display: table-cell;
    text-align:left;
    background:url(../assets/tables/header-alternate-background.gif) repeat-x #f1f0f0;
    padding:4px 6px;
    border-right:dashed 1px #ccc;
    height:20px;
    border-bottom:solid 3px #ccc;
    font-weight: bold;
}
form.display .participantSelectAllChk input{
    margin-left: 3px !important;
}
section.content .tab-content form.display .table-th .last{
    border-bottom:solid 3px #ccc;
}
section.content .tab-content form.display .last{
    border-right:none !important;
}
section.content .tab-content form.display .table-cell{
    line-height: 18px;
    padding: 5px 10px;
    font-size:12px;
    border-right:dashed 1px #ccc;

}
section.content .tab-content form.display .even{
    background:#f1f1f1;
}

section.content .tab-content form.display form{
    color: #555;
}
section.content .tab-content .display .radioColumn13{
    width: 13px;
}
section.content .tab-content .display .radioColumnTh22{
    width: 22px;
}
section.content .tab-content .display .variableNameColumn{
    width: 170px;
}
section.content .tab-content .display .variableNameColumnTh{
    width: 178px;
}
section.content .tab-content .display .modelNameColumn{
    width: 312px;
}
section.content .tab-content .display .modelNameColumnTh{
    width: 320px;
}
section.content .tab-content .display .genericCodeColumn{
    width: 170px;
}
section.content .tab-content .display .genericCodeColumnTh{
    width: 178px;
}
section.content .tab-content .display .variableScoreColumn{
    width: 50px;
}
section.content .tab-content .display .variableScoreColumnTh{
    width: 58px;
}
section.content .tab-content .display .relevanceColumn{
    width: 82px;
}
section.content .tab-content .display .relevanceColumnTh{
    width: 90px;
}
section.content .tab-content td table.reportDisplay tr th,
section.content .tab-content td table.reportDisplay tr th.last {
    border-bottom: none;
    height: 9px;
}

.cloneAndAddModelHeader{
    border: 1px solid #cccccc;
    background: #eeeeee url(../../css/images/ui-bg_glass_60_eeeeee_1x400.png) 50% 50% repeat-x;
    background-image: none;
    background-color: #f3f3f3;
    color: #555;
    border-color: #ddd;
    display: block;
    height: auto;
    font-size: 14px;
    float: left;
    width: 906px;
    padding: 0px 0px 9px 8px;
    font-size: 13px;
    font-weight: bold;
}
.cloneAndAddModelHeaderInner{
    text-align: center;
}
.cloneAndAddModelHeaderInner li img{
    margin-left: -383px;
    margin-top: 3px;
    text-align: left;
}
.cloneAndAddModelHeader .cloneAndAddModelHeaderInner a.button{
    float: none !important;
}
div.autoLoginExistingParForm{
    border: 1px solid #cccccc;
    background: #eeeeee url(../../css/images/ui-bg_glass_60_eeeeee_1x400.png) 50% 50% repeat-x;
    background-image: none;
    background-color: #f3f3f3;
    color: #555;
    border-color: #ddd;
    display: block;
    height: auto;
    font-size: 14px;
    float: left;
    width: 887px;
    padding: 0px 0px 9px 8px;
    font-size: 13px;
    font-weight: bold;
}

#raterKnowledgeHeadding{
    width: 500px;
}
.finishButtonInUseWhere{
    padding-bottom: 37px;
}
.part-assessment-td-width{
    max-width: 170px;
}

table.participantAdvanceSearch input[type="text"]{
    width: 87%;
}

a.advanceSearchButton{
    float: left !important;
    margin-right: 7px !important;
}

#advanceSearchGoBtn{
    top: -4px !important;
}
.fixWithForStatus{
    width: 111px !important;
}

.profilerSectionChildrenLi>input[type="text"]{
    width: 462px !important;
    /*margin-top: 0px !important;*/
}
.profilerSectionChildrenLi select{
    width: 175px;
}
.profilerSectionChildrenLi .singleWeightOptions{
    width: 358px;
}
.jobSectionFormClass .observer-form-div:first-child{
    margin-top: 0px !important;
}
.profilerJobChildError{
    margin-bottom: -6px !important;
    margin-top: -7px !important;
}
#form_objective .blankLabelProfilerRaterSection{
    margin-left: 45px !important;
    margin-right: 212px !important;
}
#form_objective .blankLabelProfilerRaterSectionWeight{
    width: 124px !important;
}
#form_objective .observerAddA{
    width: 710px !important;
}
#form_objective .observerAddUl>div>ul>div>div{
    width: 707px !important;
}
#form_objective .profilerSectionChildrenLi>input[type="text"]{
    width: 380px !important;
    margin-top: 0px !important;
}
#form_objective .profilerSectionChildrenLi select{
    width: 125px !important;
}
#form_objective .observerAddUl{
    padding: 10px 0 10px 10px !important;
    border: #ccc solid 1px;
    border-left: 0px;
    border-top: 0px;
    float: left;
    background-color: #eee;
    margin: 0 -11px 0 -11px;
    width: 721px;
}

.jobStageRaterModelLabel label {
    width: 203px;
    margin-right: 10px;
    margin-top: -6px;
}
.jobReviewProfilerRaterSectionTable{
    width: 918px !important;
    border: solid 1px #ccc !important;
    border-top: 0px !important;
    margin: 0px -44px 10px !important;
}
.jobReviewProfilerRaterSectionTable th{
    height: 18px !important;
}
.jobReviewProfilerRaterSectionTable th.width130{
    width: 130px !important;
}
.jobReviewProfilerRaterSectionA{
    width: 896px !important;
    border: #ccc solid 1px !important;
    margin: 0 -44px !important;
}
.jobReviewProfilerRaterSectionUl{
    width: 906px !important;
    margin: 0 -11px 0 -44px !important;
}
.ui-state-default-rater-review{
    width: 916px !important;
}
.ui-state-default-rater-review .header{
    width: 828px !important;
}
.ui-state-default-rater-review .header-options{
    width: 62px !important;
}

.ui-state-default-rater-review h4{
    padding-bottom: 0px !important;
}
.raterReviewUl .instrument-content{
    width: 896px !important;
}
.raterReviewUl{
    margin-left: -14px !important;
}

#form_objective .jobReviewProfilerRaterSectionTable{
    width: 731px !important;
    border: solid 1px #ccc !important;
    border-top: 0px !important;
    margin: 0px -20px 10px !important;
}
#form_objective .jobReviewProfilerRaterSectionTable th{
    height: 18px !important;
    padding-left: 10px;
}
#form_objective .jobReviewProfilerRaterSectionTable th.width130{
    width: 130px !important;
}
#form_objective .jobReviewProfilerRaterSectionA{
    width: 709px !important;
    border: #ccc solid 1px !important;
    margin: 0 -20px !important;
}
#form_objective .jobReviewProfilerRaterSectionUl{
    width: 719px !important;
    margin: 0 -11px 0 -20px !important;
    border: 1px solid #ccc !important;
}
#form_objective .jobReviewProfilerRaterSectionUl p{
    margin: 0px !important;
}
#form_objective .ui-state-default-rater-review{
    width: 916px !important;
}
#form_objective .ui-state-default-rater-review .header{
    width: 828px !important;
}
#form_objective .ui-state-default-rater-review .header-options{
    width: 62px !important;
}

#form_objective .ui-state-default-rater-review h4{
    padding-bottom: 0px !important;
}
#form_objective .raterReviewUl .instrument-content{
    width: 896px !important;
}
#form_objective .raterReviewUl{
    margin-left: -14px !important;
}

#form_objective .profilerSectionChildrenLi .singleWeightOptions{
    width: 258px !important
}

.triggerRemiderMailLabel{
    width: 544px;
    margin-left: -6px;
    margin-top: 1px;
    font-size: 13px;
}

#wrapper #sortable .newAdded{
    float:right;
    font-size:12px;
    font-weight: bold;
    cursor:pointer;
}

div.advanced-options-client {
    background-color: #eee;
    border: 1px solid #ccc;
    display: none;
    float: left;
    margin: 0 -11px;
    padding: 10px 0 10px 10px !important;
    width: 906px;
}
.icon-button {
    height: 20px;
    line-height: 20px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0 5px;
}
#tts_rolesbundle_clientroletype_description{
    float: left;
    margin-left: 0px;
}

form#request-remaining-report-confirm-form ul li#confirmMessage p{
    width: 539px;
}

#model-selection .custom-header span.reportWithEvent{
    width: 600px;
    margin-right: 0px;
}
#model-selection .custom-header span.customReportLanguage{
    width: auto;
    margin-right: 0px;
}
#model-selection .custom-header span.reportWithModel{
    width: 715px;
    margin-right: 0px;
    color: grey;
    margin-top: 9px;
}
.jobModelGroupCombo select{
    width: 315px !important;
}
.jobModelGroupCombo>input[type="text"]{
    width: 315px !important;
}

ul.jobModelGroupUl li:first-of-type label:first-of-type{
    width: 400px;
}

ul.loginStructure{
    width: 439px !important;
    padding-right: 10px !important;
}

ul.loginStructure li{
    width: 439px !important;
}

ul.loginStructure label{
    width: 150px !important;
}

ul.loginParticipantStructure{
    float: right;
    margin-left: 10px !important;
    width: 422px !important;
}

ul.loginParticipantStructure li{
    width: 439px !important;
}

ul.loginParticipantStructure label{
    width: 150px !important;
}

input.memberLoginButton{
    margin-right: 20px !important;
    margin-top: -6px !important;
}

input.participantLoginButton{
    margin-right: 18px !important;
    margin-top: 14px !important;
}
td.loginBorder{
    border-right: solid 1px #ccc !important;
}
td div.observerAssessmentReport{
    float: left;
    padding: 5px;
    border-right: dashed 1px #ccc;
}

/******** Profiler menu ***************/

.content-container section.content ul.first-section li.set-top a {
    width: 149.1px;
    text-align: center;
}

.content-container section.content li.set-top a, .content-container section.content li.point-fr a{
    text-decoration: none !important;
    display: inline-block !important;
}

.content-container section.content ul.second-pnt {
    list-style-type: none !important;
    margin-bottom: 6px !important;
    border-bottom-left-radius: 6px !important;
    width: 915px;
}
.second-title{
    padding-left: 6px;
    padding-right: 5px;
    width: 83px;
    line-height: 31px;
    vertical-align: middle;
    border-top: 1px solid #ccc;
}
.first-title {
    padding-left: 6px;
    padding-right: 6px;
    width: 83px;
    line-height: 31px;
}
section.content nav#tabs ul.second-pnt li.active a {
    border-bottom: 1px solid #ccc;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-right: 1px solid #ccc;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

section.content nav#tabs ul.second-pnt li a {
    padding-left: 4px;
}
section.content nav.menu-background-image{
    background: none !important;
}
section.content nav.menu-background-image ul li.next a
{
    border-left: 1px solid #ccc !important;
}
section.content nav.menu-background-image ul.first-section
{
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px !important;
}

nav#tabs ul.second-pnt li.set-top a {
    text-align: center;
}

nav.menu-background-image ul.first-section li.last a{
    border-right: 0px !important;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 0px 5px 0 0;
    width: 131.5px !important;
}

nav.menu-background-image ul.second-pnt li.set-top a {
  width: 99% !important;
  padding: 0px !important;
  border-top: 0px;
  border-bottom: solid 1px #ccc;
  white-space: pre;
  white-space: nowrap;
}

nav.menu-background-image ul.second-pnt li.last a{
    border-right: 0px !important;
    width: 99% !important;
}
nav.menu-background-image ul.second-pnt li.last{
    border-right: 0px !important;
}

nav.menu-background-image ul.second-pnt {
  width: 100% !important;
  display: table !important;
  table-layout: fixed !important; /* optional */
}

div.content-container section.content nav.menu-background-image ul.second-pnt li {
  display: table-cell !important;
  text-align: center !important;
  background: #fff !important;
}

nav.menu-background-image ul.second-pnt li.first a{
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
}

nav.menu-background-image ul.second-pnt li.active.prev.next.set-top a {
    margin-bottom: -5px !important
}
nav.menu-background-image ul.second-pnt li.first.active.next.set-top a,
nav.menu-background-image ul.second-pnt li.last.active.set-top a{
    margin-bottom: -5px !important;
}
nav.menu-background-image ul.second-pnt li.active a{
    height: 35px !important;
    border-top:0px !important;
}

.formObjectivePreview a.observerAddA{
    /*background: url("../assets/side-panel/accordion-header.gif") repeat-x scroll 0 0 transparent;*/
    background-color: #ececec;
    display: block;
    float: left;
    line-height: 21px;
    font-size: 14px;
    margin: 0 -10px;
    padding: 5px 10px;
    width: 896px;
    font-weight: bold;
    border-top:solid 1px #ccc;
}

.formObjectivePreview div.observer-form-div{
    padding-left: 23px;
}

li.objective-container-tinymce{
    width: 700px !important;
}
li.objective-container-tinymce div.large-tinymce {
    margin-left: 32px;
}

.formTechnicalRequirement a.observerAddA{
    /*background: url("../assets/side-panel/accordion-header.gif") repeat-x scroll 0 0 transparent;*/
    background-color: #ececec;
    display: block;
    float: left;
    line-height: 21px;
    font-size: 14px;
    margin: 0 -10px;
    padding: 5px 10px;
    width: 896px;
    font-weight: bold;
    border-top:solid 1px #ccc;
}
div.formTechnicalRequirement a.technicalRequiremenA{
    width: 585px;
    cursor: pointer;
    margin-top: 7px;
    margin-left: -11px;
    border-left: solid 1px #ccc;
}
div.formTechnicalRequirement ul.advanced-options, .swal2-html-container .cloneClientRoleClone ul.advanced-options{
    padding: 10px 0 10px 10px !important;
    border: #ccc solid 1px;
    border-top: 0px;
    float: left;
    background-color: #eee;
    margin: 0px -11px 0 -11px !important;
    width: 595px;
    display: none;
}
@font-face{
    font-family:'Glyphicons Regular';
    src:url('glyphicons/fonts/glyphicons-regular.eot');
    src:url('glyphicons/fonts/glyphicons-regular.eot?#iefix')format('embedded-opentype'),
    url('glyphicons/fonts/glyphicons-regular.woff2') format('woff2'),
    url('glyphicons/fonts/glyphicons-regular.woff') format('woff'),
    url('glyphicons/fonts/glyphicons-regular.ttf') format('truetype'),
    url('glyphicons/fonts/glyphicons-regular.svg#glyphiconsregular') format('svg')
}

.glyphicons{
    position:relative;top:1px;
    display:inline-block;
    font-family:'Glyphicons Regular';
    font-style:normal;
    font-weight:normal;
    line-height:1;
    top: 4px;
    float: right;
    vertical-align:top;
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
.glyphicons-circle-remove:before{content:"\E193"}
.glyphicons-circle-ok:before{content:"\E194"}
.job_section_overlay{
    position: absolute;
    width: 730px;
    height: 100%;
    left: -10px;
    top: 0px;
    z-index: 99;
    background: #ccc;
    opacity: 0.3;
}
ul.structure li.rater-stage-permission-label label{
    width: 85%;
}

div#tts_raterbundle_rateragreementtype_raterAgree input {
  margin-top: 9px !important;
}
#form_objective div.stageDetailDiv p{
    margin-bottom: 0px !important;
}
#form_objective div.stageDetailDiv{
    width: 642px !important;
}

.observerAdd div.tab-content div.observerAdd div.observer-form-div:first-of-type{
    margin-top: 0px !important;
}

#form_objective ul.marginPaddingZero{
    margin: 0px !important;
    padding: 0px !important;
    margin-top: -7px !important;
}

label.blankLabelProfilerRaterSectionWeight h5{
    font-size: 12px !important;
}
.blankLabelProfilerRaterSection h5{
    font-size: 12px !important;
}
#form_objective ul.marginPaddingZero>li{
    width: 721px !important;
}

div.error-message-div{
      width: 266px !important;
}
div.error-message-div:first-of-type span{
    margin-left: 46px !important;
}
div.error-message-div:first-of-type{
    width: 522px !important
}
#form_objective div.error-message-div:first-of-type{
    width: 441px !important;
}
.raterJobSectionListAndForm{
    margin-top: -8px !important;
}
.cookieWarning{
    display: none;
}
.cookieSuccess{
    display: none;
}
.formTechnicalRequirementBrowserText{
    margin-bottom: -12px;
}
.formTechnicalRequirementRequirementText{
    margin-top: 12px;
}
.formTechnicalRequirementRequirementText p{
    margin-bottom: 0px !important;
}
.formTechnicalRequirement p{
    margin-bottom: 0px !important;
}
.formTechnicalRequirement section.content{
  width: 586px;
}
.formTechnicalRequirement section.content .tab-content table.display{
  width: 586px;
  margin: 0px;
}
.formTechnicalRequirement section.content .tab-content{
  margin: 0px;
}
a.viewJobPurposeButton{
    float: right;
    margin-top: -40px;
    margin-right: -13px;
}
.jobSectionFormClass ul.marginPaddingZero>li{
    margin-bottom: 0px;
}
.jobSectionFormClass ul.marginPaddingZero>li:first-of-type{
    margin-top: -12px;
    margin-bottom: 5px;
}
.technicalRequiremenA i {
    float: right;
    margin: -1px;
}
.technicalRequiremenA i.status-done {
    margin-top: 3px;
}
.formTechnicalRequirementRequirementText .status-done{
    vertical-align: -4px;
    float: none;
    margin: 0px;
}
.formTechnicalRequirementRequirementText .status-error{
    vertical-align: -4px;
    float: none;
    margin: 0px;
}
ul.structure ul.client-stage-permission-widget{
    width: 612px;
}
ul.structure ul.client-stage-permission-widget label{
    margin: 0px;
}
ul.structure li.client-stage-permission-widget-li select{
    width: 839px;
}
ul.structure li.client-stage-permission-widget-li>div.chzn-container.chzn-container-multi{
    margin-top: 14px;
    margin-left: 38px;
}
ul.structure ul.client-stage-permission-widget li>div.mce-tinymce{
    width: 608px;
}
ul.structure li.client-stage-permission-widget-li  li.search-choice{
    width: 798px ;
}
ul.structure li.client-stage-permission-widget-li  li.search-field input{
    width: 798px !important;
}
ul.structure ul.client-stage-permission-widget li{
    width: 612px !important;
}
ul.structure ul.client-stage-permission-label-widget{
    width: 263px !important;
}
ul.structure ul.client-stage-permission-widget-label-li{
    width: 300px !important;
}
ul.structure ul.client-stage-permission-label-widget li label{
    margin-left: 32px;
}
.model-weight-setting-button{
    margin-right: 10px !important;
}
div.formObjectivePreview ul.structure li.break_word_wrap{
    margin-left: 10px;
}
iframe html{
    height: 100% !important;
}
iframe body{
    height: 100% !important;
}
.generalPurposeOfJobTextDiv{
    margin: -14px -7px !important;
}

#observerassignment_list_grid div.display.overflow-scroll{
    padding: 0px !important;
}
.swal2-html-container .cloneClientRoleClone #tts_rolesbundle_cloneclientroletype_clientRoleModel{
    width: 548px;
}

.swal2-html-container .cloneClientRoleClone #tts_rolesbundle_cloneclientroletype_clientRoleModel label{
    width: 267px;
}

.swal2-html-container .cloneClientRoleClone a.advanced-options{
    width: 568px;
    border: solid 1px #ddd;
}
.swal2-html-container .cloneClientRoleClone ul.advanced-options{
    margin-left: -10px !important;
    width: 571px;
    padding-left: 17px !important;
}

.swal2-html-container .cloneClientRoleClone .structure li{
    width: 547px;
}

.swal2-html-container .cloneClientRoleClone .structure{
    margin: 0px;
}
.raterJobSectionListAndForm form#form_objective div.prototypeClass{
    width: 721px;
}
#instrumentPermissionError{
    display: none;
    margin-bottom: 0px;
    margin-top: 10px;
}
#noRoleModelsFoundError{
    margin-bottom: 0px;
    margin-top: 10px;
    width: 495px !important;
}
section#instrument-selection section#add-instrument span.tooltip-container{
    margin: 28px 5px 0 0;
}

ul.structure.marginPaddingZero.reviewSection div div#mceu_14.mce-fullscreen{
    z-index: 5000;
}
ul.structure.observerAddUl div#mceu_14.mce-fullscreen{
    z-index: 5000;
}
#swal2-html-container div#cloneClientError{
    display: none;
}
#clientProfilerStagePermissionForm div.mce-fullscreen{
    width: 100%;
}
table.printClientRoleTbl, table.printClientRoleTbl table{
    width: 100%;
    font-size: 12px;
}
table.printClientRoleTbl table{
    margin-left: 20%;
}

table.printClientRoleTbl span.printlabel{
    color: #555;
    border-color: #ddd;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
}
.formulaAddTagBtn{
    margin-left: 7px;
    margin-top: 3px;
}


#emailBox a {
    text-decoration: none;
    color: #4c91df;
}

#emailBox a:hover {
    color: #9fc4ed;
}
table.display td#boxTd li.tagify-choice div{
    width: auto;
}
#emailBox{
    width: 100% !important;
    padding-bottom: 0px !important;
}
#emailBox>tags,
#advanced-options-status-report .tagify,
#advanced-options-report-setting .tagify,
#comment_form_id .tagify,
span.list-meritList .tagify{
    padding-bottom: 0px !important;
    color: #444;
    font: 99% arial,helvetica,"Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear 0.2s, box-shadow linear 0.2s;
    border: 1px solid #cccccc;
    padding-top: 2px;
    background: url(../assets/forms/textfield-background.gif) repeat-x #fff;
}
#emailBox>tags>tag{
    word-break: break-word;
}
#emailBox>div{
    width: 100% !important;
}
#emailBox>div>span.after{
    color: #B94A48;
    font-weight: bold;
    word-break: break-all;
}
select.tagify-hiddenSelect {
    display: inline-block !important;
}

form.RoleModalConfirmMessageContainerForm ul.structure>li{
    width: 536px;
}

section.content .tab-content ul.advanced-options-back-white{
    background-color: #fff;
    display: block;
}
section.content .tab-content a.advanced-options:not(:first-child):not(:last-child){
    margin-top: 10px !important;
}
.emailErrorMsgDiv{
    display: none;
}
.emailErrorMsg{
    color: #B94A48;
    font-weight: bold;
    font-size: 12px;
    margin-left: 458px;
}
.emailErrorMsgReport{
    margin-left: 0px;
}
.memberErrormessage{
    margin-left: 233px;
}
div.memberErrormessage span.label{
    display: inline !important;
}
#advanced-options-report-setting table.display tr td{
    text-align: center;
}
#advanced-options-report-setting table.display tr td.email{
    text-align: left;
}
#advanced-options-report-setting table.display tr td input[type="checkbox"]{
    float: none;
    margin: 0 auto;
}
.div-add-recipient .val-error,
.div-add-final-recipient .val-error {
    margin-left: 6px;
}
.div-add-recipient .val-error #alert-message,
.div-add-final-recipient .val-error #alert-message {
    margin-bottom: 6px;
}
#advanced-options-report-setting ul.structure li.headerReportCategories{
    margin-bottom: 0px;
    width: 688px !important;
}
#advanced-options-report-setting .reportRecipientLabel{
    width: 192px;
}
#advanced-options-report-setting input#candidateReport{
    margin-left: 28px;
}
#advanced-options-report-setting input#lineManagerReport{
    margin-left: 58px;
}
#advanced-options-report-setting input#trainedReport{
    margin-left: 78px;
}
#advanced-options-report-setting input#expertReport{
    margin-left: 53px;
    margin-right: 0px;
}
#advanced-options-report-setting table.reportRecipientTable{
    width: 893px;
    border: solid 1px #ccc;
    margin-left: 4px;
}
#advanced-options-report-setting table.reportRecipientTable tr.primary-colour th{
    color: #555 !important;
}
#advanced-options-report-setting ul.structure.recipientUl{
    width: 500px;
}
.reportListDiv .alert-message{
    margin: 0px !important;
    margin-left: 20px !important;
    margin-bottom: 10px !important;
}
li.header.headerReportCategories label {
  text-align: center;
}

li.header.headerReportCategories label.labelCandidate{
    width: 72px;
}
li.header.headerReportCategories label.labelLine{
    width: 92px;
}
li.header.headerReportCategories label.labelTrained{
    width: 85px;
}
li.header.headerReportCategories label.labelExpert{
    width: 46px;
}
.tagify span.tagit-new input{
    word-break: normal !important;
}
.observerassignment-list div.display.overflow-scroll{
   padding-left: 0px;
}
#tts_scorebundle_modelmanagetype .val-error{
    display: none;
}
table.display tr td.duplicate-assessment{
    padding: 0px !important;
    padding-left: 4px !important;
}

#participant-assessments-content table.display td{
    padding: 5px 5px !important;
}
table.display tr td.duplicate-report {
  padding: 0px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.project-list#project_list_grid .ajax_overlay{
    opacity: 0.7 !important;
}
.translation-list{
    display: block !important;
    clear: both;
}
.translation-list table tr td pre{
    padding: 0px;
    padding-left: 10px;
}
.translation-list table tr td p{
    padding: 0px;
}
.translation-list table tr td div.alternativeMessagesContext{
    clear: both;
    display: none;
}
#model_setting_list_grid .model-profiler-settings-header span{
    float:left;
    display:block;
    margin: 3px 6px;
    width: 67px;
    word-wrap: break-word !important;
}
ul.recipientUl li.emailReportCategories{
    width: 667px;
}
ul.recipientUl li.emailReportCategories{
    width: 657px;
}

#model-selection .custom-header span.meritListFieldSpan{
    width: auto;
    margin-right: 0px;
}
ul#advanced-options-merit-list label.meril-list-label{
    margin: 0px;
}
ul#advanced-options-merit-list li.merit-list-info-li{
    width: 45px;
    margin-left: -5px;
}
ul#advanced-options-merit-list li.merit-list-role-model-li{
    width: 255px;
}
ul#advanced-options-merit-list li.merit-list-event-li{
    width: 255px;
}
ul#advanced-options-merit-list li.merit-list-role-model-li label{
    margin-bottom: 3px;
}
ul#advanced-options-merit-list li.merit-list-event-li label{
    margin-bottom: 3px;
}
ul#advanced-options-merit-list li.merit-list-recipent-li{
    width: 241px;
}
ul#advanced-options-merit-list li.merit-list-add-button-li{
    margin-top: 26px;
    width: 77px;
}
ul#advanced-options-merit-list li #model-selection{
    border: 0px;
    padding-bottom: 0px;
}
ul#advanced-options-merit-list li #model-selection #models{
    border: 0px;
    padding-bottom: 0px;
}
ul#advanced-options-merit-list li.list-meritList #model-selection #models{
    border: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
ul#advanced-options-merit-list li.list-meritList #model-selection #models .header-options{
    width: 135px;
}
.advance-merit-list .custom-header{
    width: 670px !important;
}
.advance-merit-list .header-options{
    padding-bottom: 0px !important;
    width: 200px !important;
}
.advance-merit-list .remove-merit-list-container{
    margin: 0px !important;
    margin-top: -6px !important;
}
.advance-merit-list .remove-merit-list-container:first-child{
    margin-left: -6px !important;
}

#participant-assessments-content table.display td{
    padding: 5px 5px !important;
}
table.display tr td.duplicate-report {
  padding: 0px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}
li.list-meritList a.show-hide{
    float: left;
    width: 90px !important;
}
li.list-meritList div.model-combination-content{
    background: white;
    padding: 10px;
    width: 878px;
}
li.list-meritList div.model-combination-content div.select-norms{
    width: 878px;
}
li.list-meritList .tagify li{
    width: auto !important;
    font-size: 12px !important;
}
li.list-meritList .tagify li input{
    width: 120px !important;
    font-size: 12px !important;
}

li.list-meritList .tagify{
    width: 524px !important;
}
ul#advanced-options-merit-list #alert-message{
    margin-bottom: 0px;
    clear: both;
}
.instrumentLanguage{
    width: 90px !important;
}
form#clientPermission ul.listing li select{
    width: 113px !important;
}
form#clientPermission ul.listing li.hidden_stop_future_use{
    display: none;
}
form#clientPermission ul.listing li input[extra-class=hidden-class]{
    display: none;
}
form#clientPermission ul.listing li select[extra-class=hidden-class]{
    display: none;
}
ul.a2lix_translationsLocales1 li a{
    border-bottom: none !important;
    -webkit-border-radius: inherit;
}
ul.a2lix_translationsLocales1 li a.active{
    border-bottom: 0px !important;
}
div.a2lix_translationsFields > div{
    border: none !important;
}
ul.a2lix_translationsLocales1{
    padding: 0px !important;
}
li.translationLocaleTab {
    border: 1px solid #ccc;
}
li.translationLocaleTab section.content{
    border: none !important;
}
li.translationLocaleTab section.content nav#tabs{
    width: 896px;
}
li.translationLocaleTab section.content{
    width: 885px;
}
ul.a2lix_translationsLocales1 li a.last,
ul.tts_a2lix_translationsLocales1 li a.last{
    border-right: solid 1px #ccc !important;
}
.a2lix_translations  { overflow: inherit !important; }
.a2lix_translationsFields div ul.structure li label{
    width: 184px;
}
.list-meritList #model-selection .add-model ul.tagify{
    margin-top: 10px;
}
form#clientPermission select.js-children {
  float: right;
}

li.show_stop_future_use label {
    max-width: 395px !important;
    word-break: break-word;
}

.content-container section.content ul.first-section li.tr_TRrater_list a {
    text-align: center;
    width: 171px;
}
.content-container section.content ul.first-section li.tr_TRother a {
    text-align: center;
    width: 110.9px !important;
}

/* Custom data related css */
.questionMainDiv ul li select{
    width: 415px !important;
}
.questionMainDiv:not(.ew-349) ul li>input[type=text]
{
    margin-top: 0px !important;
    width: 349px !important;
}
.questionMainDiv ul li>input[type=number]{
    width: 371px !important;
}
.questionMainDiv ul li select.variable-answer-options{
    width: 372px !important;
}
.questionMainDiv ul li textarea{
    margin-left: 0px !important;
    margin-top: 1px !important;
}
#participant-customdata-content form{
    display: inline-block !important;
    width: 99% !important;
}

#participant-customdata-content .customDataListDiv{
    margin-left: 20px;
}

#ProjectParticipantQuestionType_projectQuestion,
#ProjectParticipantQuestionType_participantQuestion,
#ProjectParticipantQuestionType_projectMandatoryQuestion,
#ProjectParticipantQuestionType_participantMandatoryQuestion
{
    width: 640px;
}
#client-custom-data li.search-choice{
    width: 600px;
}
/*
#QuestionType_variable_variableAnswerOptions
{
    width: 540px;
}
#QuestionType_variable li.search-choice{
    width: 500px;
}*/
.variable-answer-options #alert-message{
    max-width: 420px !important;
}
#projectInfo>li>label{
    width: 300px;
}
.observerTechnicalRequirement div.formTechnicalRequirement a.technicalRequiremenA{
    width: 896px !important;
}
.observerTechnicalRequirement div.formTechnicalRequirement ul.advanced-options{
    width: 906px !important;
}
.observerTechnicalRequirement .advanced-options li{
    margin-left: 13px;
}

/*************** Section master child********************/
.structure.observerAddUl.profilerSectionChild ul li.translationLocaleTab{
    background: #fff;
}
ul li.translationLocaleTab ul.tts_a2lix_translationsLocales1{
    padding: 0px !important;
    border-bottom: none !important;
    -webkit-border-radius: inherit;
}
.structure.observerAddUl.profilerSectionChild ul li.translationLocaleTab,
.structure.observerAddUl.profilerSectionChild ul li.translationLocaleTab div.a2lix_translations.tabbable,
.structure.observerAddUl.profilerSectionChild ul li.translationLocaleTab div.a2lix_translations.tabbable section,
.structure.observerAddUl.profilerSectionChild ul li.translationLocaleTab div.a2lix_translations.tabbable section nav#tabs
{
    width: 850px !important;
}
.structure.observerAddUl.profilerSectionChild ul li.translationLocaleTab div.a2lix_translations.tabbable section .tab-pane
{
    width: 464px !important;
}
.structure.observerAddUl.profilerSectionChild ul li.translationLocaleTab div.a2lix_translations.tabbable section .section-child-dropdown-widget input
{
    width: 445px !important;
}
.structure.observerAddUl.profilerSectionChild li.profilerSectionChildDeleteBtnLi {
    width: 42px;
}
.structure.observerAddUl.profilerSectionChild li.control-list.childRowLi.profilerSectionMastersWidget.profilerSectionChildrenLi>div {
    margin-top: 8px;
    margin-right: 8px;
}

.profilerSectionTextValue ul.structure li div.mce-tinymce.mce-container.mce-panel{
    width: 96% !important;
}
.profilerSectionTextValue li.translationLocaleTab{
    background: #fff;
}
#form_reports>ul.structure,
.form-model-list form>ul.structure
{
    margin: 0px !important;
}
#form_reports ul.structure li.translationLocaleTab,
.form-model-list ul.structure li.translationLocaleTab,
#form_reports ul.structure li.translationLocaleTab div.a2lix_translations,
.form-model-list ul.structure li.translationLocaleTab div.a2lix_translations,
#form_reports ul.structure li.translationLocaleTab div.a2lix_translations section,
.form-model-list ul.structure li.translationLocaleTab div.a2lix_translations section,
#form_reports ul.structure li.translationLocaleTab div.a2lix_translations section nav,
.form-model-list ul.structure li.translationLocaleTab div.a2lix_translations section nav,
#form_reports ul.structure li.translationLocaleTab div.a2lix_translations section>div.a2lix_translationsFields
.form-model-list ul.structure li.translationLocaleTab div.a2lix_translations section>div.a2lix_translationsFields
{
    width: 562px !important;
}
#project_list_grid #viewEmailLoggerButton a{
    width: 80px !important;
}

#wrapper section#modelgroup-list #sortable .header-options {
    width: 143px;
}

.main-rating-box * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main-rating-box{
    width: 100%;
    display: inline-block;
}
.main-rating-box .rating-inner{
    width: 48%;
    float: left; margin: 0 5px;
}
.main-rating-box .rating-inner .title{
    width: 100%;
    display: inline-block;
    background: #a6a8ab;
    border: 0px solid #535456;
    padding: 1px 8px;
    color: #FFF;
    border-radius: 5px;
    text-align: center;
}
.main-rating-box .rating-inner .title-2-bg{
    background: #BBBDBF;
}
.main-rating-box .rating-inner .title img{
    float: left;
}
.main-rating-box .rating-inner .text p{
    margin: 5px 0;
    padding: 0;
    color: #5A5758;
}
.main-rating-box .rating-box-ul{
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
.main-rating-box .rating-box-ul li{
    display: table-cell !important;
    width: 20%;
    }
.main-rating-box .rating-box-ul li span{
    background: #d0d2d3;
    width: 100%;
    display: inline-block;
    border-right: 2px solid #FFF;
    padding: 2px 0;
    line-height: 0;
}
.main-rating-box .rating-box-ul li:last-child span{
    border-right: 0;
}
.main-rating-box .rating-box-ul li:first-child span{
    border-radius: 5px 0 0 5px;
}
.main-rating-box .rating-box-ul li:last-child span{
    border-radius: 0 5px 5px 0;
}
.main-rating-box .rating-box-ul li p{
    margin: 3px 0;
    font-size: 9px;
    line-height: 10px;
    color: #5A5758;
}
.main-rating-box .rating-box-ul li span i{
    width: 17px;
    height: 16px;
    display: inline-block;
}
.main-rating-box .rating-box-ul li span i.red-img{
    background: url('../images/red-icon.png');
}
.main-rating-box .rating-box-ul li span i.white-img{
    background: url('../images/white-icon.png');
}
.main-rating-box .rating-box-ul li span i.green-img{
    background: url('../images/green-icon.png');
}
li.translationLocaleTab>div.a2lix_translations>section>nav#tabs ul li{
    margin-left: -1px;
}
li.translationLocaleTab>div.a2lix_translations>section>nav#tabs ul li:not(.active){
    margin-top: -1px;
}
#report_list_grid .reportCategory{
    width: 150px;
}
#variableDefinition{
    float: left;
    width: 363px !important;
}
#update_variable_defination_description{
    margin-left: 0px !important;
    float: inline-start;
    padding: 3px 10px;
    margin-bottom: 12px;
}
.comm-list#comm_list_grid table.display tr td.last a{
    width: 68px;
}
.model-weights-selection#model-selection .header-options{
    width: 458px;
}
.model-weights-selection#model-selection .header{
    width: 423px;
}
.icon-import {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 8px 0 0;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../images/import.png);
    background-position: 0 0;
}div.modelVariableWarning{
    clear: both;
    width: 845px;
    margin-bottom:2px;
    padding-bottom:4px;
    padding-top:4px;
}

.float-left{
    float: left !important;
}

.sentItem-tab-content-list .email-logger-list{
    width: 780px !important;
}
.sentItem-tab-content-list table tr#viewEmailLogger{
    display: none;
}
.participant-billing-overflow-scroll{
    overflow: auto;
}
.float-left{
    float: left !important;
}
.particpant-tab-content #row_selector,
.particpant-tab-content #search-filter,
.particpant-tab-content #pagination
{
    margin: 0 10px !important;
}

input.float-left{
    float: left !important;
}

.rater-report-list ul.structure{
    margin: 0px !important;
}

li.facilitatorMemberLi input{
    width: 200px !important;
}

li.facilitatorMemberHeader label{
    width: 215px !important;
}
.facilitatorWidget{
    display: none;
}
.content-container section.content ul.first-section li.facilitated a {
    width: 168.9px;
}
.content-container section.content ul.first-section li.last.facilitated a {
    width: 132px !important;
}

.content-container section.content ul.first-section li.tr_TRother.facilitated a {
    width: 168.9px !important;
}
.content-container section.content ul.first-section li.tr_TRother.last.facilitated a {
    width: 132px !important;
}
section.content .raterPermisionUl{
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 48px;
    float: left;
    width: 90%;
}
.raterPermisionUl li {
    display: table;
    float: left;
    border: 1px solid #e2e2e2;
    padding: 0px 15px;
}
.raterPermisionUl li.RELEVANCE_STAGE {
    padding: 0px 5px !important;
    width: 301px;
}
.raterPermisionUl li.RATINGS_STAGE{
    padding: 0px 5px !important;
    width: 327px;
    margin-left: 10px;
    float: right;
}
.raterPermisionUl li div {
    display: table-cell;
    width: auto;
    vertical-align: middle;
}
.raterPermisionUl li div:first-child{
    width: 35px;
}
.raterPermisionUl li div:last-child{
    float: right;
    margin-top: 1px;
}
#playButtonInactive{
    float: right;
    margin-top: 2px;
}
#playButtonActive{
    float: right;
    margin: 5px 0;
}
.side-bar-legend div a{
    display: inline-block;
    width: 100%;
}
.side-bar-legend div a{
    display: inline-block;
    width: 100%;
}
.job-list .side-bar-legend{
    width: 884px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.job-list .side-bar-legend .well{
    width: 873px !important;
    margin-bottom: 0 !important;
}
.job-list #playButtonActive{
    height: 20px;
    line-height: 20px;
}
.facilitatorMember{
    width: 725px !important;
}
.facilitatorMember .rating-inner{
    margin: 0 !important;
    margin-right: 13px !important;
}

.facilitatorMemberRatings li ul {
    padding-bottom: 0 !important;
}
div.vertical_space35 {
    margin-top: 35px;
}
div.reviewAdvanceOpt {
    display: inline-block;
    margin-bottom: 25px !important;
}
.finalisedButton{
    width: 123px !important;
    font-weight: bold !important;
}
.finalisedButton-tr_TR
{
    width: 166px !important;
    font-weight: bold !important;
}
.finalisedButton-es_PA{
    width: 171px !important;
    font-weight: bold !important;
}
#tts_profilerbundle_report_selection_reportCollection select{
    width: 400px !important;
}
.jobReviewWarningMsg{
    float: none !important;
    margin: 0 auto !important;
}
.reportCollectionReportLabel{
    margin-left: 24px !important;
    width: 392px !important;
}
#swal2-html-container #tts_profilerbundle_report_selection_reportCollection select{
    width: 256px !important;
}
#swal2-html-container .reportCollectionReportLabel{
    width: 248px !important;
}
.settings-label-criticality{
    width: 198px !important;
}
#model_setting_list_grid .model-profiler-settings .color input{
    width: 73px !important;
}

#model_setting_list_grid .model-profiler-settings-header span.color{
    text-align: center;
    width: 80px;
}

#model_setting_list_grid .model-profiler-settings-header span.minMaxLabel {
    margin: 0px !important;
    margin-left: 5px !important;
}
#model_setting_list_grid .model-profiler-settings-header span.colorLabel{
    width: 90px;
}
#model-settings-form .section_overlay{
    width: 867px !important;
}
.heatMapRefreshButton{
    width: 14px !important;
}
form.raterReviewForm-dragdrop div.relevance-graphics-left{
    width: 224px !important;
    margin-left: 0 !important;
}
form.raterReviewForm-dragdrop div.relevance-graphics-right{
    width: 461px !important;
    margin-left: 14px !important;
}
form.raterReviewForm-dragdrop div#container-default{
    margin-left: 0 !important;
}
.reviewNameWidget .labelReviewName{
    margin-left: 24px !important;
    width: 90px !important;
}
.reviewNameWidget input{
    width: 678px !important;
}
.icon-more-items {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 8px 0 0;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../images/more_items.png) !important;
    background-position: 0 0;
}
.raterReportReviewName .reviewNameWidget input{
    width: 390px !important;
}
#advanced-options-prevReview #pagination{
    padding: 10px 10px !important;
}
.testQueueWidget .labelTestQueue{
    margin-left: 26px !important;
    width: 391px !important;
}

.providerGridTR select{
    width: 404px !important;
}
section.content .tab-content table.display tr.providerGridTR td a{
    float: none !important;
}
#billinggridForm #tts_billingbundle_rangetype_billingCode{
    width: 351px !important;
}
.billinggridFormInfo{
    display: block !important;
    clear: both !important;
    float: left !important;
}
.billinggrid-data-list th.width215{
    width: 215px !important;
}

/* Alli added for self register code */
form ul.structure li input.amount{
    margin-left: 5px;
    margin-top: -1px;
}
.finishButton-tr_TR{
    width: 196px !important;
}
.finishButton-tr_TR .finalisedButton{
    width: 147px !important;
}
.instrumentConfirmMessage {
    width: 500px !important;
}
form.copyDataReplayConfirmMessageForm ul li#confirmMessage{
    width: 500px;
}
li.askReportDetailWidget input{
    width: auto !important;
}
li.askReportDetailWidget .labelAskReportDetail{
    width: auto !important;
    margin-left: 23px;
}
li.reviewTab {
    display: inline-flex !important;
}
#tts_scorebundle_updaterolemodeloptiontype_options{
    width: 550px !important;
    clear: both !important;
}
#tts_scorebundle_updaterolemodeloptiontype_options .roleModeloptions{
    margin-left: 33px !important;
    width: 240px !important;
}
form#clientProfilerStagePermissionForm, div.clientProfilerStagePermissionFormErrors ul{
    padding: 0 !important;
}
div.clientProfilerStagePermissionFormErrors ul div#alert-message{
    margin: 0 !important;
}

#model-selection .role-model-remove-model-container{
    height: 20px !important;
    margin: 0 !important;
    padding: 5px !important;
    width: 20px !important;
}
#model-selection .role-model-remove-model-container a.close{
    height: 20px !important;
    line-height: 20px !important;
    margin: 0 !important;
    width: 20px !important;
    opacity: 0.7 !important;
}
#model-selection .role-model-remove-model-container a.close:hover{
    height: 20px !important;
    line-height: 20px !important;
    margin: 0 !important;
    width: 20px !important;
    opacity: 1 !important;
}
.role-model-header-options{
    padding: 0 !important;
}
.role-model-header-options span.hide-show a{
    padding-top: 6px !important;
}
#model-selection .role-model-header span.detail{
    margin-right: 0 !important;
}
#model-selection .add-variables .add-model span{
    float: left !important;
}
/** Role model variable header **/
#model-selection #role-model-variables div.model-variable-header span.active,
#model-selection #role-model-variables div.model-variable-header span.extract,
#model-selection #role-model-variables div.model-variable-header span.mandatory
{
    width: auto;
    margin-left: 5px !important;
}
#model-selection #role-model-variables div.model-variable-header span.name{
    margin-left: 25px !important;
    width: 312px;
}
#model-selection #role-model-variables div.model-variable-header span.name-margin-left-33{
    margin-left: 30px !important;
    width: 312px;
}
#model-selection #role-model-variables div.model-variable-header span.weight{
    margin-left: 231px !important;
}
#model-selection #role-model-variables div.model-variable-header span.descripation{
    margin-left: 257px !important;
}
/** end header **/
/** Role model variable widget **/
#model-selection .add-model>div.model-variable span.active
{
    margin-top: 4px;
    width: auto;
    margin-left: 39px !important;
}
#model-selection .add-model>div.model-variable span.extract
{
    margin-top: 4px;
    width: auto;
    margin-left: 32px !important;
}
#model-selection .add-model>div.model-variable span.mandatory
{
    margin-top: 4px;
    width: auto;
    margin-left: 30px !important;
}

#model-selection .add-model>div.model-variable span.name{
    width: 320px;
    margin: 1px 0 0 35px !important;
}

#model-selection .add-model>div.model-variable span.name input{
    width: 300px;
}

#model-selection .add-model>div.model-variable span.weight{
    width: auto;
    margin: 0 !important;
}

#model-selection .add-model>div.model-variable span.weight select{
    width: 312px;
    margin-top: 2px;
    margin-bottom: 0px;
}
#model-selection .add-model>div.model-variable span.groupingBy{
    margin-left: -72px;
    margin-top: 13px;
}
#model-selection .add-model>div.model-variable span.groupingBy label{
    width: 69px;
    margin-left: 4px;
}
#model-selection .add-model>div.model-variable span.groupingBy input{
    margin: 0 !important;
}
#model-selection .add-model>div.model-variable span.description{
    margin-left: 37px !important;
}
#model-selection .add-model>div.model-variable span.description textarea
{
    min-width: 412px;
    max-width: 412px;
    min-height: 59px;
    max-height: 59px;
    width: 412px;
    height: 59px;
    margin-left: -8px;
}

.add-variables .add-model div.model-variable span.description textarea,
.add-variables .add-model div.model-variable span.description a
{
    min-width: 360px;
    max-width: 360px;
    min-height: 59px;
    max-height: 59px;
    width: 412px;
    height: 59px;
}
.add-variables .add-model div.model-variable span.descriptionThree textarea,
.add-variables .add-model div.model-variable span.descriptionThree a
{
    min-width: 475px;
    max-width: 475px;
    min-height: 59px;
    max-height: 59px;
    width: 412px;
    height: 59px;
    float: left;
    padding: 4px 6px;
    margin: 3px;
}
.basicInfo{
    font-size: 12px;
}
/** end widget **/
.descriptionInfo{
    display: none;
}
.billingWaring{
    width: auto;
    max-width: inherit !important;
}
#model-selection #models .models .model-content div.standard-deviation{
    width: auto;
}
#model-selection #models .models .model-content div.standard-deviation label{
    padding: 0px;
    margin-right: 32px;
    width: auto;
}
#role-model-variables .model-variable a.tooltip-details{
    margin-top: 4px;
    margin-left: 9px;
    display: inline-block;
    float: left;
}
label.updateRoleModelOptionsLabel {
    width: 500px;
    padding-bottom: 11px;
}
.updateRoleModelOptionsWaring {
    width: auto;
    max-width: inherit !important;
    margin: 7px 0;
}
.remiderWaring {
    width: 844px !important;
    max-width: inherit !important;
    margin: 7px 0;
}
.formula-list .moreDetailInfo,
.participant-list .moreDetailInfo{
    display: none;
}
.formula-list #moreDetail,
.participant-list #moreDetail{
    cursor: pointer;
}
form#change_completion_date #alert-message{
    width: auto !important;
}
.halflings{
    color: #555 !important;
}
input#saveRoleModel{
    float: right !important;
}
#form_reports #tts_rolesbundle_clientrolemodeltype ul.structure{
    margin: 0px !important;
}
.report-data-extract ul.structure>li{
    width: 224px !important;
}
.report-data-extract ul.structure li label{
    width: 180px !important;
}
.report-data-extract ul.structure li>input{
    width: 180px !important;
}
.report-data-extract ul.structure li>select{
    width: 202px !important;
}

.report-data-extract ul.structure li>input.filter-button {
    margin-top: 30px;
    margin-right: 20px;
}

.list-meritList .add-model label{
    width: 333px !important;
}

div.insNormCombination{
    margin-left: 5px !important;
}

div.insNormCombination:first{
    margin-left: 4px !important;
}
#selectModelForm div>ul.structure{
    margin-left: 0px !important;
}
#selectModelForm div#alert-message{
    width: auto !important;
}

#tts_rolesbundle_scoreextractinstrumentnormselectiontype ul.structure li > label{
    width: 400px;
}
#selectModelForm ul.structure div ul li label{
    width: 244px;
    margin-left: 33px;
}

div#tts_rolesbundle_scoreextractinstrumentnormselectiontype_intrumentData ul{
    margin-top: 10px;
}

.list-meritList .day-selection{
    padding-left: 3px !important;
}
.list-meritList .day-selection div span{
    font-size: 12px !important;
}
.meritListStartDateLabel{
    margin-right: 2px !important;
}
#merit-list-search ul#advanced-options-merit-list>li{
    width: 50% !important;
}
#merit-list-search ul#advanced-options-merit-list>li.insNormLastLi{
    clear: both;
}
#merit-list-search .modelNameLi{
    width: 500px;
}
#merit-list-search .buttonLi{
    width: 395px;
}
.meritListModelName{
    width: 170px;
    margin-top: -18px;
}
.modelNameLi a.tooltip-west{
    margin: 0 !important;
}
ul#advanced-options-merit-list{
    margin-top: 10px !important;
}
#merit-list-search ul#advanced-options-merit-list>li.buttonLi{
    width: 440px !important;
}
form#merit-list-search{
    padding-top: 0 !important;
}
#quickCreateProfiler #advanced-options-rater-report div.div-add-report select{
    width: 400px !important;
}

#quickCreateProfiler li.facilitatorMemberHeader label{
    margin-left: 9px;
    width: 264px !important;
}
#quickCreateProfiler li.facilitatorMemberLi input{
    width: 251px !important;
}

#quickCreateProfiler .reportCollectionReportLabel{
    margin-left: 9px !important;
    width: 392px !important;
}

form textarea.extraWidth {
    width: 500px;
    height: 200px;
}
#score_excel > div.ht_clone_top_left_corner.handsontable > div > div > div > table > thead > tr:nth-child(2) > th:nth-child(2) > div{
    display: none;
}
#fullScreen{
    margin-right: 10px !important;
}
#quickCreateProfiler #mceu_15{
    clear: both;
    width: 861px;
    margin-left: 32px;
}
.customReportForm .tooltip-container{
    margin: 26px 10px 0 0 !important;
}
.customReportForm .add-model .button{
    margin: 24px 0 0 5px !important;
}
.customReportForm div.report,
.customReportForm div.language,
.customReportForm div.models{
    margin-right: 10px !important;
}
.customReportForm div.requestAt{
    width: 169px !important;
    margin-right: 5px !important;
}
.customReportForm div.requestAt select{
    width: 165px !important;
}
.customReportForm #add-model .add-model{
    width: 906px !important;
    padding: 5px 0px 8px 10px !important;
}
table.email-logger-list.display tbody td a {
    display: initial !important;
    float: none !important;
}
.multi-scale-list input.scale-checkbox {
    margin-left: 9px !important;
}
.multi-scale-list span.name,
.multi-scale-list span.scaleType,
.multi-scale-list span.scoreType,
.multi-scale-list span.description,
.multi-scale-list span.visible,
.multi-scale-list span.groupNumber,
.multi-scale-list span.active {
    width: auto !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.multi-scale-list span.groupNumber input{
    width: 55px !important;
}
.multi-scale-list span.scaleType select,
.multi-scale-list span.scoreType select,
.multi-scale-list span.groupNumber select
{
    width: 137px !important;
}
.multi-scale-list .filterDiv span.scaleType select,
.multi-scale-list .filterDiv span.scoreType select
{
    width: 170px !important;
}
.multi-scale-list span.name input{
    width: 222px !important;
}
.multi-scale-list span.name input,
.multi-scale-list span.scaleType select,
.multi-scale-list span.scoreType select,
.multi-scale-list span.visible input,
.multi-scale-list span.description input,
.multi-scale-list span.active input {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.multi-scale-list .model-variable-header span.active {
    margin-left: 2px !important;
    margin-right: 2px !important;
}
.multi-scale-list .model-variable-header span.visible{
    margin-left: 4px !important;
    margin-right: 2px !important;
}
/*.multi-scale-list .model-variable-header span.name{
    margin-left: 12px !important;
    width: 232px !important;
}*/
#model_variables_list_grid.multi-scale-list .model-variable span.name input[type=text]:nth-child(3),
.multi-scale-list .descriptionFields{
    display: none;
}
.multi-scale-list textarea.descriptionFields{
    margin-left: 31px !important;
    width: 450px !important;
    height: 60px !important;
    min-width: 450px !important;
    max-width: 450px !important;
    min-height: 100px !important;
    max-height: 100px !important;
}

.multi-scale-list .filterDiv {
    border: solid 1px #ccc;
    display: inline-block;
    width: 869px;
    margin-left: 2px;
    padding: 10px;
    height: auto;
}
.multi-scale-list .model-variable-filter{
    width: 705px !important;
}
.multi-scale-list .model-variable-filter select{
    width: 222px !important;
}
.multi-scale-list .model-variable-filter span.scaleType{
    margin-left: 22px !important;
}
.multi-scale-list .filterButton{
    width: auto;
    float: right;
    margin-top: 7px;
}
.multi-scale-list .filterHeading{
    margin-left: 3px;
}
.multi-scale-list span.flip{
    margin: 0 !important;
    float: right !important;
}
.multi-scale-list a#flipButton{
    opacity: 1 !important;
}
.multi-scale-list .model-variable-header:not(.model-all-variable-header) span.scaleType{
    width: 139px !important;
}
.multi-scale-list .filterDiv .model-variable-header:not(.model-all-variable-header) span.scaleType{
    width: 170px !important;
}
.multi-scale-list .model-variable-header:not(.model-all-variable-header) span.scoreType{
    width: 149px !important;
}
.formula-list td.moreDetailInfo{
    word-break: break-all;
}
form.updateMessageContainerForm li{
    width: 550px !important;
}
#fm-tab-collapse > a {
    background-image: url(../../flexmonster/toolbar/img/toolbar/minus-circle.png);
}
#fm-tab-expand > a {
    background-image: url(../../flexmonster/toolbar/img/toolbar/plus-circle.png);
}

form#clientGuiForm div.form-row{
    margin: 5px 0 5px 8px !important;
}
form#clientGuiForm div.form-row input[type=file]{
    height: auto !important;
}
#Tts_clientbundle_clientguielementstype_clientGui_url{
    width: 162px !important;
}
#Tts_clientbundle_clientguielementstype_reportPrimaryColor,
#Tts_clientbundle_clientguielementstype_reportSecondaryColor,
#Tts_clientbundle_clientguielementstype_fontColor,
#Tts_clientbundle_clientguielementstype_backgroundColor,
#Tts_clientbundle_clientguielementstype_primaryColor,
#Tts_clientbundle_clientguielementstype_secondaryColor,
#Tts_clientbundle_clientguielementstype_reportNewPrimaryColor,
#Tts_clientbundle_clientguielementstype_reportNewSecondaryColor,
#Tts_clientbundle_clientguielementstype_bodyTextColor,
#Tts_clientbundle_clientguielementstype_reportColor,
#Tts_clientbundle_clientguielementstype_footerColor,
#Tts_clientbundle_clientguielementstype_reportBodyTextColor,
#Tts_clientbundle_clientguielementstype_reportGeneratedDateColor{
    width: 184px !important;
}
.softDateTimezone,
.softDateTimezone > div,
.softDateTimezone > div > div,
.futureProjectDateTimezone > div > div,
.projectFutureProjectDateTimezone > div > div,
.projectSoftDateTimezone,
.projectSoftDateTimezone > div,
.projectSoftDateTimezone > div > div,
.participantSoftDateTimezone,
.participantSoftDateTimezone > div,
.participantSoftDateTimezone > div > div,
.hardDateTimezone,
.hardDateTimezone > div,
.projectHardDateTimezone,
.projectHardDateTimezone > div,
.projectFutureProjectDateTimezone,
.projectFutureProjectDateTimezone > div,
.futureProjectDateTimezone,
.futureProjectDateTimezone > div{
    width: 250px !important;
}
.background-color-yellow{
    background: #f2dede !important;
}
.child-file-type .down a.closeme{
    width: auto;
    margin-left: 0 !important;
}
.child-file-type .down input[type="file"] {
    margin: 5px 0 !important;
}
.child-file-type .fileText {
    margin-bottom: 5px !important;
    width: 95% !important;
}
.form-client-type-row .child-file-type .down .btnes_PA,
.form-client-type-row .child-file-type .down .btntr_TR {
    width: 170px !important;
}
.form-client-type-row .child-file-type .down .btnes_PA:last-child,
.form-client-type-row .child-file-type .down .btntr_TR:last-child
{
    margin-top: 5px !important;
    margin-left: 0;
    padding-left: 0;
    width: 180px !important;
}
.saveAndConvert{
    margin-top: 8px;
}
div.softDateTimezone,
div.participantSoftDateTimezone,
div.projectSoftDateTimezone,
div.projectFutureProjectDateTimezone
div.futureProjectDateTimezone
{
    margin-top: -8px !important;
}
.swal2-html-container form#clientGuiForm ul.structure > li{
    width: 510px !important;
}
.swal2-html-container form#clientGuiForm ul.structure > li label{
    width: 100px !important;
}
.swal2-html-container form#clientGuiForm ul.structure div.message{
    margin-left: 134px !important;
    width: 420px !important;
}
.swal2-html-container form#clientGuiForm ul.structure div.message span.label{
    display: inline !important;
}
td div.order_btn,
td div.order_btn1{
    display: inline-block;
    width: auto;
    float: left;
}
td div.order_btn a{
    display: inline-flex !important;
    margin-right: 3px !important;
    padding: 5px !important;
    font-size: 14px !important;
}
.status-incomplete{width:22px; height:22px; background:url(../assets/icons/status-icon-inprogress.png) no-repeat; display:inline-block; float:left; margin: 0px 6px;}
.status-submitted{width:22px; height:22px; background:url(../assets/icons/status-icon-submitted.png) no-repeat; display:inline-block; float:left; margin: 0px 6px;}
.status-processed{width:22px; height:22px; background:url(../assets/icons/status-icon-processed.png) no-repeat; display:inline-block; float:left; margin: 0px 6px;}
.status-hold{width:22px; height:22px; background:url(../assets/icons/status-icon-error.png) no-repeat; display:inline-block; float:left; margin: 0px 6px;}
.status-cancelled{width:22px; height:22px; background:url(../assets/icons/status-icon-cancel.png) no-repeat; display:inline-block; float:left; margin: 0px 6px;}
.status-invoiced{width:22px; height:22px; background:url(../assets/icons/status-icon-invoice.png) no-repeat; display:inline-block; float:left; margin: 0px 6px;}
.order_request .itemKey i{
    margin: 3px 10px 2px 0px;
}
.order_request .itemKey .well > div{
    float: left;
    width: 107px;
}
.order_request .itemKey .well{
    width: 874px !important;
}
.order_request-list .status-done{ margin: 0px 6px !important;}
.order_request .status-done{ margin: 6px 10px 6px 0px !important;}
.order_request .side-bar-legend{
    margin: 10px 0px 0 !important;
}
.td-status{
    width: 35px;
}
.td-small-button{
    padding: 5px !important;
    width: 150px;
}
.td-big-button{
    width: 235px;
    padding: 5px !important;
}
.td-big-button-es_PA{
    width: 170px;
    padding: 5px !important;
}
.td-big-button-es_PA div.order_btn1:last-child{
    padding-top: 5px !important;
    width: 164px !important;
}
.order_request-list span.inactive{
    color: #FFFFFF !important;
}

#wrapper #sortable .remove-instrument-container{
    margin: -6px 0 !important;
}
#wrapper #sortable .remove-instrument-container:first-child{
    margin-left: -6px !important;
}
form#edit-role-instument .structure li{
    width: 570px !important;
}
form#edit-role-instument .structure li label:first-child{
    width: 188px !important;
}
form#edit-role-instument .structure{
    margin: 0px !important;
}
form#edit-role-instument .structure label.instrumentName{
    width: 372px !important;
    margin: 0px !important;
}
form#edit-role-instument .structure label.instrumentNameLabel{
    margin-right: 0px !important;
}
.placer_edit_btn_proposal{
    width: 88px !important;
}
.placer_edit_btn_es_PA{
    width: 180px !important;
}
.placer_edit_btn_tr_TR{
    width: 182px !important;
}
.placer_edit_btn i{
    top: 4px !important;
}
.placer_edit_btn i.inactive{
    color: #FFFFFF !important;
}
li.order-comment div#mceu_15{
   width: 645px !important;
}
#viewComment{
    display: none;
}
li div.chzn-container div.chzn-results{
    width: auto !important;
}
div.chzn-search{
    width: auto !important;
}
#roleModelWeightSubmitBtn{
    margin-right: 7px !important;
}
#tts_rolesbundle_weightsettingstype a.button
{
    margin-top: 3px !important;
    margin-right: 5px !important;
}
#tts_rolesbundle_weightsettingstype_weightSettings #add-another-parent-weight-setting{
    margin-right: -7px !important;
}
.updateClientRoleBtn{
    width: 150px !important;
}
.jobRoleModelNameTranslationFields input[type="text"]{
    width: 350px !important;
}
.icon-mail-green{
    width:14px;
    height:14px;
    line-height: 14px;
    background:url(../assets/icons/dark-mail-green.png) no-repeat;
    display:inline-block;
    float:left;
}
.icon-mail-red{
    width:14px;
    height:14px;
    line-height: 14px;
    background:url(../assets/icons/dark-mail-red.png) no-repeat;
    display:inline-block;
    float:left;
}
.editIsSent{
    margin-right: 3px;
    margin-top: 3px;
    opacity: 1 !important;
}
#tts_rolesbundle_weightsettingstype_weightSettings .totalParent{
    padding-left: 24px;
}
.remove-right-border{
    border-right: 0px !important;
}
.remove-left-border{
    border-left: 0px !important;
}
.report-element-li{
    margin-top: -12px !important;
}
.reportElementSpan{
    display: inline-block;
}
/*** landing page block***/
.block-section * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.block-section{ width: 896px; margin-top: 5px; }
.link-group{ width: 100%; display: inline-block; border: 1px solid #dadada; padding: 0 5px 20px; position: relative;
 border-radius: 5px; margin-bottom: 15px; }
.link-group-title{ position: absolute; top: -8px; left: 15px; font-size: 16px; background: #FFF;
 padding: 0 5px; }
.link-block{ width: 201px; float: left; border: 1px solid #dadada; text-align: center; margin: 20px 10px 0;
 box-shadow: 2px 3px 5px rgba(0,0,0,0.2); transition: all 0.3s ease-in-out; position: relative; border-radius: 5px; overflow: hidden; }
.link-block::after { content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; opacity: 0;
 box-shadow: 0 5px 15px rgba(0,0,0,0.3); transition: opacity 0.3s ease-in-out; left: 0; top: 0; }
.link-block:hover::after { opacity: 1; }
.image-icon div{ display: table-cell; vertical-align: middle; }
.link-text {
    display: flex;
    height: 44px;
    background-color: #eaeaea;
    justify-content: center;
    align-items: center;
}
.link-text span{ display: table-cell; vertical-align: middle; font-size: 12px; line-height: 16px;
 color: #333333; padding: 0 10px; }
.link-block a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.image-icon img{ width: 40px; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); }
/*** end landing page block***/

.color-red{
    color: #c41a00 !important;
}
.color-default{
    color: #555 !important;
}
.color-green{
    color: #0F8E11 !important;
}
.viewJobRoleBtn{
    width: 150px;
}
.text-word-break{
    word-break: break-all;
}
div.permission-container li{
    width: 640px !important;
}
.comment-message{
    margin-left: 225px !important;
}

#tts_scorebundle_variabledescriptortype_variableDescriptorRange,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges
{
    margin-top: 20px !important;
}

#tts_scorebundle_variabledescriptortype_variableDescriptorRange a.closeme,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges a.closeme
{
    width: 13px;
    float: left;
    margin-top: 2px;
}

#tts_scorebundle_variabledescriptortype_variableDescriptorRange div.mce-tinymce{
    width: 696px;
}

#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges div.translationLocaleTab {
    width: 730px;
}

#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .a2lix_translations.tabbable {
    border: 1px solid #ccc;
    border-radius: 5px;
}

#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .a2lix_translations,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .a2lix_translations section.content,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .a2lix_translations section.content nav#tabs,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .a2lix_translations section.content .tab-content,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .a2lix_translations section.content .tab-content>.active,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .a2lix_translations section.content .tab-content>.active ul,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .a2lix_translations section.content .tab-content>.active ul li
{
    width: 100%;
}

#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .a2lix_translations section.content .tab-content>.active input {
    width: 94%;
}

#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .variable__desc_wrap .range-section {
    margin-bottom: 20px;
}

#tts_scorebundle_variabledescriptortype_variableDescriptorRange div.mce-tinymce.mce-fullscreen{
    width: -webkit-fill-available !important;
}

#tts_scorebundle_variabledescriptortype_variableDescriptorRange ul.structure li.control-list,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges ul.structure li.control-list
{
    margin-bottom: 0 !important;
}

#tts_scorebundle_variabledescriptortype_variableDescriptorRange .minLabel,
#tts_scorebundle_variabledescriptortype_variableDescriptorRange .maxLabel,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .minLabel,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .maxLabel
{
    width: auto !important;
}

#tts_scorebundle_variabledescriptortype_variableDescriptorRange #add-another-variable-descriptor-option,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges #add-another-score-text-option
{
    float: left !important;
}

#tts_scorebundle_variabledescriptortype_variableDescriptorRange .minmax,
#tts_assessmentbundle_scoretexttype_meritListScoreTextRanges .minmax
{
    width: 40px !important;
    margin-right: 8px !important;
}

#tts_scorebundle_variabledescriptortype_variable{
    width: 400px !important;
}
#tts_scorebundle_variabledescriptortype_label{
    width: 380px !important;
}
#viewDescriptorRange{
    display: none;
}

.observer-delete-btn-es_PA a{
    width: 70px !important;
}

.pricebook .sidebar h5{
    width: 145px !important;
}

.pricebook .sidebar{
    width: 175px !important;
}

.pricebook .accordion-content h6 a{
    width: 132px !important;
}

.pricebook .accordion-content h6{
    width: 165px !important;
}
.pricebook .right-content{
    width: 677px !important;
}
.pricebook .right-content section ul.listing li{
    width: 695px !important;
}
.pricebook div.permission-options{
    width: 690px !important;
}
.pricebook .pricebox{
    width: 78px !important;
    margin-left: 5px !important;
}
.pricebook .billingCodeLabel{
    width: 330px !important;
}
.pricebook label.billingCodeLabel{
    width: 320px !important;
}
.pricebook label.billingCodeLabelWithOverride{
    width: 298px !important;
}
.pricebook input[type="text"]{
    margin-top: 5px !important;
}
.pricebook input[type="checkbox"]{
    margin-left: 15px !important;
    margin-top: 12px !important;
}
.pricebook div.show-all{
    width: auto !important;
}
section.pricebook.permissions .right-content section ul.listing li.allLi{
    display: none;
}
section.pricebook.permissions .right-content section ul.listing li.overriddenLi{
    display: block;
}
.priceOverriddenIcon{
    color: red !important;
    margin-top: 11px;
    margin-left: 4px;
}
.editable-container.editable-inline div{
    width: auto !important;
}
.editable-container.editable-inline input.input-medium{
    width: 120px !important;
}
.width-100{
    width: 100px !important;
}
.pricebook .liRed label{
    color: red;
    font-weight: bold !important;
}
.pricebook .liRed input[name$="[price]"]{
    border-color: red;
}
.importBillingCode .download-link-div,.importPricebook .download-link-div{
    width: 570px;
}
.order-csv .question{
    width: 420px !important;
}
#update_model_option .instruments{
    margin-left: 32px !important;
    width: 90%;
}
#tts_scorebundle_updaterolemodeloptiontype_instruments{
    width: 450px !important;
}
#tts_scorebundle_updaterolemodeloptiontype_options .roleModeloptions.instruments{
    width: 500px !important;
    margin-bottom: 20px !important;
}

#update_model_option #tts_scorebundle_updaterolemodeloptiontype_instruments_chzn{
    margin-top: 10px;
}

.editBtnes_PA{ min-width: 80px!important;}
.addTagBtnes_PA{ min-width: 110px!important; }
.addTagBtnLabel{ width:100px; }

.labelSpace{ margin-left:31px; }
.LabelMain{ width:220px; }
.delDessBtnes_PA{ min-width: 80px!important; }
.biodataes_PA a{ margin: -5px 0px 0px!important;}

.headeres_PA{ width: 715px!important; }
.headerOptiones_PA{ width: 156px!important; }
.hideShowBtnes_PA { width:127px!important; }
#ModalConfirmMessageContainer #form .usedWhereWarninges_PA{ width:554px; }
.usedWhereListHeaderes_PA,.usedWhereListHeadertr_TR{ width: 889px; margin-bottom: 10px; }
#variableWarningMsg { max-width: 838px; }
.icon-alert{width:22px; height:22px ;margin:0; padding:0; background:url(../assets/icons/alert.png) no-repeat; display:inline-block; }
#invoice-search-filter ul.structure>li{
    width: 145px !important;
}
#invoice-search-filter ul.structure>li>label{
    padding-bottom: 6px !important;
    width: 120px !important;
}
#invoice-search-filter ul.structure li.date label{
    margin-left: 0 !important;
}
#invoice-search-filter ul.structure li>select
{
    width: 132px !important;
}
#invoice-search-filter ul.structure li.logbook label,
#invoice-search-filter ul.structure li.client label{
    width: 100px !important;
}
#invoice-search-filter ul.structure li.client
{
    width: 145px !important;
}
#invoice-search-filter ul.structure li.projectStatus label{
    width: 99px !important;
}
#invoice-search-filter ul.structure li.projectStatus
{
    width: 145px !important;
}
#invoice-search-filter ul.structure li.endDate label{
    width: 70px !important;
}
#invoice-search-filter ul.structure li.toDate label{
    width: 50px !important;
}
#invoice-search-filter ul.structure li.endDate,
#invoice-search-filter ul.structure li.toDate
{
    width: 135px !important;
}
#invoice-search-filter ul.structure li.participantStatus
{
    width: 161px !important;
}

#invoice-search-filter ul.structure li.participantStatus>select
{
    width: 160px !important;
}
.invoice_participant-list .invoiceEditLink{
    margin-left: 5px;
    margin-top: 2px;
}
#invoice-search-filter ul.structure li>input{
    width: 99px !important;
}
#invoice-search-filter ul.structure li.projects
{
    width: 220px !important;
}
#invoice-search-filter ul.structure li.profiler
{
    width: 395px !important;
    margin-right: 13px;
}
#invoice-search-filter ul.structure form li a.tooltip-west
{
    margin-left: 0 !important;
}
#invoice-search-filter ul.structure li.projects select
{
    width: 218px !important
}
#invoice-search-filter ul.structure li.search-choice{
    width: 204px !important
}
#invoice-search-filter input[type="submit"]{
    margin-top: 31px;
}
.model-remove-model-container{
    width: 30px;
    float: right;
}
#model_variables_list_grid .model-variable-header span.description,
#model_variables_list_grid .model-variable-header span.descriptionThree
{
    margin-left: 10px !important;
}
.height-58{
    height: 58px !important;
}
.model-remove-model-container .halflings{
    color: #000 !important;
}
section.content .participant-details .well .details tr td:first-child {
    white-space: nowrap;
}
section.content .participant-details .well .details td.tag-word-break{
    word-break: break-all;
}

form .a2lix_translationsFields .section-children-item-drpdwn{
    margin: 5px 0 !important;
}
form .a2lix_translationsFields .section-children-item-drpdwn select{
    margin-right: 5px !important;
}
.warnig-msg-width a{
    margin-top: 5px;
}
.warnig-msg-width{
    max-width: 838px;
}
.min-width-35{
    min-width: 35px !important;
}
form#billinggridForm input[type=text] { width:134px; }

#invoice_review_list_grid table.htCore thead tr th:nth-child(2) button{
    display: none !important;
}

#invoice-upload-proposal-form .download-link-div{
    width: 567px !important;
}
.consolidatedViewBtnTd{
    width: 60px !important;
}
#entryList table.display{
    width: 870px !important;
}
#entryList{
    display: none;
}
#logbooktype_price,
#logbooktype_unit{
    width: 70px !important;
    margin-top: -0.5px !important;
}
#add-another-billingCode{
    margin-left: 28px !important;
    margin-top: -1px !important;
}
section.content .participant-details .well .viewParticipantButtonBlock {
    display: table-cell;
    vertical-align: middle;
    width: 300px;
}
.groupAmountLabel{
    float: right !important;
    margin-right: 48px;
    color: #555;
}
#logbooktype_billingCodes .codeList{
    margin-bottom: 10px !important;
}
.invoice-consolidatedview-list #logbook{
    width: 125px;
}
#invoice-search-filter #searchtype_endDate,
#invoice-search-filter #searchtype_fromDate{ margin-top: 0px; }
.groupAmountLabel{
    float: right !important;
    margin-right: 48px;
    color: #555;
}
.logbook-advanced-options .amountDiv{
    margin-top: 6px;
    width: 650px;
}
.groupDetailsTable{
    margin-left: 0px;
    border: solid 1px #ccc !important;
}
.div-add-billingcodes .billingCodeLi label.billingCodeLabel {
    width: 350px !important;
}
.div-add-score{
    margin: 25px 0 0 25px !important;
}
label.add_score{
    width: 405px !important;
}
.reportElementSpan p{
    line-height: 30px !important;
    padding-bottom: 0px !important;
}
.score-model-variable-header {
    width: 100%;
    margin-bottom: 5px;
}
#tts_scorebundle_weightsettingstype_weightSettingsParents .parent-fieldset input[type="text"]{
    margin-top: 0px !important;
}
.icon-file{
    background:url(../assets/icons/file_icon.png) no-repeat;
    height: 22px;
    width: 16px;
}

div.role-model-group{
    width: 890px;
    margin-left: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
}

div.role-model-group label{
    width: auto !important;
    margin-top: -6px !important;
}

#model-selection .ajax_overlay{
    opacity: 0.7 !important;
}

td.word-break-all{
    word-break: break-all;
}
.deleteBtn_es_PA{
    width: 75px !important;
}
.width124{
    width: 124px !important;
}
/***********Review css***************/
.newReviewSection .stage-name{
    width: 122px !important;
}
.newReviewSection .observerAdd .jobSectionFormClass .observer-form-div .structure.observerAddUl .prototypeClass .mce-tinymce.mce-container.mce-panel:not(.mce-fullscreen){
    width: 709px;
}
.newReviewSection .observerAdd .jobSectionFormClass .observer-form-div a.observerAddA{
    width: 730px !important;
    border-left: solid 1px #ccc;
}
.newReviewSection div.nextPrevBtn{
    width: 710px !important;
}
.newReviewSection ul.structure.marginPaddingZero.reviewSection{
    margin-top: 15px !important;
}
.newReviewSection .profilerSectionChildrenLi>input[type="text"]{
    width: 320px !important;
}
.newReviewSection label.blankLabelProfilerRaterSection{
    margin-right: 150px !important;
}
.newReviewSection label.blankLabelProfilerRaterSectionWeight{
    width: 155px !important;
}
.newReviewSection .profilerSectionChildrenLi select{
    width: 155px !important;
}
.newReviewSection .profilerSectionChildrenLi .singleWeightOptions{
    width: 318px !important;
}
.newReviewSection .instruments.raterReviewUl,
.newReviewSection .instruments.raterReviewUl li
{
    width: 730px !important;
}
.newReviewSection  #sortable .header{
    padding: 6px 6px 0px 6px !important;
}
.newReviewSection .instruments.raterReviewUl li div.header{
    width: 636px !important;
}
.newReviewSection .instruments.raterReviewUl div.instrument-content{
    width: 710px !important;
}
.newReviewSection form.jobSectionFormClass div.observer-form-div ul.structure.observerAddUl{
    width: 719px !important;
    margin-left: -10px !important;
    padding: 0px 0 10px 10px !important;
    border: #ccc solid 1px !important;
    background-color: #eee !important;
}
.newReviewSection .jobSectionFormClass ul.marginPaddingZero>li:first-of-type{
    margin-bottom: 0px !important;
}
section.content .newReviewSection #content-header h2 {
    display: block;
    float: left;
}
#wrapper .newReviewSection #content-header .button {
    display: block;
    float: right;
}
#wrapper .newReviewSection #content-header {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.newReviewSection .jobReviewProfilerRaterSectionTable {
   width: 732px !important
}
.newReviewSection .jobReviewProfilerRaterSectionTable tr td {
    padding: 5px;
}
section.content .newReviewSection .tab-content{
    margin: 0px !important;
}
.newReviewSection form.jobSectionFormClass .instrument-content div.observer-form-div ul.structure.observerAddUl{
    margin-left: -44px !important;
    padding-top: 14px !important;
}
.newReviewSection form.jobSectionFormClass .instrument-content div.observer-form-div ul.structure.observerAddUl li{
    width: 718px !important;
}
section.content .right-content.newReviewSection p{
    margin-bottom: 0px !important;
}
.newReviewSection .jobReviewProfilerRaterSectionTable th {
    padding: 4px 9px !important;
}
.newReviewSection .jobReviewProfilerRaterSectionA {
    width: 710px !important;
}
.newReviewSection .structure.observerAddUl.jobReviewProfilerRaterSectionUl
{
    width: 720px !important;
}
.newReviewSection .structure.observerAddUl.jobReviewProfilerRaterSectionUl li{
    width: 98% !important;
}
.newReviewSection .structure.observerAddUl.jobReviewProfilerRaterSectionUl li p{
    width: 710px !important;
}
.newReviewSection #sectionShowHideContextOverview p{
    width: 710px !important;
}
.newReviewSection table.display{
    width: 731px !important;
}
.newReviewSection table.display td.variableName{
    width: 250px !important;
}
section.content .rater-sidebar.newReviewSection h5 a {
    height: auto !important;
    line-height: normal;
}
section.content .rater-sidebar.newReviewSection h5{
    background-size: contain;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #ccc;
    width: 146px !important;
}
section.content .newReviewSection .reviewNameWidget input{
    width: 530px !important;
}

section.content .newReviewSection #tts_profilerbundle_report_selection_reportCollection select{
    width: 325px !important;
}

section.content .newReviewSection .reportCollectionReportLabel{
    width: 318px !important;
}

section.content .newReviewSection li.control-list.childRowLi{
    margin-bottom: 12px !important;
}

section.content .newReviewSection li.keyRelationshipsLi{
    margin-left: 32px !important;
    width: 705px !important;
}
section.content .right-content.newReviewSection ul.chzn-results li{
    line-height: 15px !important;
    padding: 5px 6px !important;
    margin: 0 !important;
    list-style: none !important;
}
section.content .right-content.newReviewSection a.advanced-options{
    border-left: solid 1px #ddd;
    margin-left: -11px !important;
    width: 710px !important;
}
section.content .right-content.newReviewSection div.instrument-content{
    padding: 10px 0 10px 10px !important;
    border: rgba(204, 204, 204, 0.25) solid 1px;
    border-top: 0px;
    float: left;
    display: block;
    background-color: rgba(238, 238, 238, 0.29);
    width: 718px !important;
}
section.content .right-content.newReviewSection .draftSectionDiv div.instrument-content{
    padding: 10px 0 10px 10px !important;
    border: rgba(204, 204, 204, 0.25) solid 1px;
    border-top: 0px;
    float: left;
    display: block;
    background-color: rgba(238, 238, 238, 0.29);
    margin: 0 -11px 0 -11px;
    width: 719px !important;
}
section.content .right-content.newReviewSection div.draftEditBtn{
    width: 22px;
    float: right;
    margin-right: -16px;
    margin-top: -31px;
    border-left: solid 1px #ccc;
    height: 27px;
    padding-left: 4px;
    padding-top: 4px;
}
section.content .right-content.newReviewSection div.draftEditBtn a{
    opacity: 0.5 !important;
}
section.content .right-content.newReviewSection div.draftEditBtn a:hover{
    opacity: 0.7 !important;
}
.additionalParameterModalBox .swal2-html-container div#form label {
    font-size: 14px;
    display: block;
    width: 300px;
    float: left;
    color: #555;
    font-weight: bold;
    margin: 0 8px;
    line-height: 18px;
    padding-top: 6px;
}
.additionalParameterModalBox .swal2-html-container div#form span.before {
    padding-right: 8px;
    display: block;
    float: left;
    margin-top: 3px;
    line-height: 28px;
}
.additionalParameterModalBox .swal2-html-container div#form textarea {
    min-width: 350px;
    max-width: 500px;
    min-height: 100px;
    max-height: 200px;
    width: 350px;
    height: 100px;
    margin-left: -8px;
}

.additionalParameterModalBox .swal2-html-container div#form ul.structure>li
{
    display: block;
    float: left;
    width: 896px;
    margin-bottom: 12px;
}
.additionalParameterModalBox .swal2-html-container div#form li a.tooltip-west{
    display: block;
    float: left;
    margin: 3px 0 0 2px;
}
div.additionalParameterModalBox{
    width: 800px !important;
}
.additionParameterBtn{
    float: right !important;
}
section.content .right-content.newReviewSection{
    margin-top: 37px !important;
    border-top: 1px solid #ccc !important;
}
section.content .right-content.newReviewSection ul.structure>li{
    width: 721px !important;
}
section.content .right-content.newReviewSection ul.structure>li.keyRelationshipsLi{
    width: 705px !important;
}
section.content .right-content.newReviewSection form>div{
    width: 721px;
}
/*section.content .right-content.newReviewSection form li>div:not(.chzn-container):not(.raterPermissionIcon):not(.raterPermissionLabel):not(.raterPermissionButton):not(.workRelatedDimensionsText):not(.header):not(.header-options):not(.error-message-div){
    width: 710px !important;
}*/
section.content .right-content.newReviewSection ul.structure>li.jobModelGroupCombo{
    margin-bottom: 12px;
}
.modelActionBtn{
    float: right !important;
}
section.content .right-content.newReviewSection .job-list .side-bar-legend .well{
    width: 688px !important;
}
section.content .right-content.newReviewSection .raterPermissionButton{
    float: right !important;
}
section.content .right-content.newReviewSection section#modelgroup-list #sortable li{
    width: 716px !important;
}
section.content .right-content.newReviewSection section#modelgroup-list #sortable .header{
    width: 542px !important;
}
section.content .right-content.newReviewSection section#modelgroup-list #sortable li .instrument-content{
    width: 714px !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
}
section.content .right-content.newReviewSection #model-settings-form .section_overlay{
    width: 713px !important;
}
section.content .right-content.newReviewSection section#modelgroup-list #model_setting_list_grid .model-profiler-settings-header,
section.content .right-content.newReviewSection section#modelgroup-list #model_setting_list_grid .model-profiler-settings{
    width: 706px !important;
}
section.content .right-content.newReviewSection #model_setting_list_grid .model-profiler-settings>span.settings-label input{
    width: 106px !important;
}
section.content .right-content.newReviewSection #model_setting_list_grid .model-profiler-settings>span.settings-label{
    width: 126px !important;
}
section.content .right-content.newReviewSection #model_setting_list_grid .model-profiler-settings>span.criticality{
    width: 120px !important;
}
section.content .right-content.newReviewSection #model_setting_list_grid .model-profiler-settings>span.criticality select{
    width: 109px !important;
}
section.content .right-content.newReviewSection #model_setting_list_grid .model-profiler-settings-header span.settings-label{
    width: 127px !important;
}

section.content .right-content.newReviewSection #model_setting_list_grid .model-profiler-settings-header span.criticality{
    width: 90px !important;
}

section.content .right-content.newReviewSection #form_rating ul#ratings>li{
    margin-bottom: 12px !important;
}
section.content .right-content.newReviewSection div.error-message-div{
      width: 300px !important;
}
section.content .right-content.newReviewSection div.error-message-div:first-of-type{
      width: 380px !important;
}
section.content .right-content.newReviewSection div.section_overlay ul.structure>li,
section.content .right-content.newReviewSection form.contextForm ul.structure>li
{
    margin-bottom: 12px;
}
section.content .right-content.newReviewSection div#tts_profilerbundle_mainprofilersectiontype_sections,
section.content .right-content.newReviewSection div#tts_profilerbundle_mainprofilersectiontype_sections>ul.structure
{
    width: 720px !important;
}

.profilerStepSection{
    background: #eee !important;
    border: none !important;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ddd !important;
    margin-top: -2px !important;
}
.borderNone{
    border: none !important;
}
.jobModelSetting .section_overlay .job_section_overlay{
    left: 0px !important;
    width: 715px !important;
}
i.jobReviewStageStatus{
    margin: 3px 5px 6px 0px !important;
}
form div.multiple-reminder-date{
    width: 290px !important;
}
form div.multiple-reminder-date .chzn-container-multi{
    width: 222px !important;
}
.reminder-fixed-dates .softDateTimezone{
    width: 290px !important;
}
#showPassword{
    margin-top: 3px !important;
}
.showPasswordPopup section.content{
    width: 767px !important;
    border: none !important;
}
.showPasswordPopup section.content .tab-content{
    margin: 0px !important;
}
.showPasswordPopup section.content .tab-content table.display{
    width: 767px !important;
    margin-left: 0px !important;
}
.showPasswordPopup section.content .tab-content table.display .last{
    border-right: solid 1px #ccc !important;
}
.showPasswordPopup section.content .tab-content table.display .first{
    border-left: solid 1px #ccc !important;
}
select.form-control {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
#dropdownNotification.dropdown-toggle::after {
    display: none;
}
a { text-decoration: none; }
a:focus { outline: none; }
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.two-col-div { display: contents; }
.flex-items {
    width: 640px;
    display: flex;
    flex-wrap: wrap;
}
.flex-items .flex-item {
    flex: 1 1 30%;
    display: flex;
}
form .flex-items .flex-item input[type=checkbox] {
    margin: 10px 0 0 0;
}
form .flex-items .flex-item label {
    padding: 0;
    margin: 7px 0 0 5px;
}
sup { top: 0; }
.advanced-models .control-list > label { width: 634px; }
section.content .tab-content ul.advanced-options table.table-cust-view {
    width: 100%;
    background: transparent;
    margin: 0;
}
.table-cust-view > tbody > tr > td {
    display: flex;
    padding: 5px;
}
.table-cust-view > tbody > tr > td > label {
    width: 47.7%;
    padding: 0;
    margin: 0 8px 0 0;
}
.table-cust-view > tbody > tr > td > .replaceNormDropdown { width: 51%; }
.advanced-options table.table-cust-view .chosen-container { width: 100% !important; }
a.advanced-options.cust-advanced-title {
    cursor: default;
}
a.advanced-options.cust-advanced-title:hover {
    color: inherit;
    text-decoration: none;
    background: #ececec;
}
@media only screen and (min-width: 90em) {
    #wrapper nav ul li.last.largeScreen a {
        width: 128px !important;
    }
    section.content nav#tabs ul li.active a{
        height: 35px !important;
    }
}

@media only screen and (min-width: 100.0625em) {
    #wrapper nav ul li.last.largeScreen a {
        width: 128px !important;
    }
    section.content nav#tabs ul li.active a{
        height: 36px !important;
    }
}
.client-permission-section .sidebar #accordion>h5{
    width: 260px !important;
}
.client-permission-section .sidebar .accordion-content h6{
    width: 280px !important;
}

.client-permission-section .sidebar .accordion-content h6 a.selected{
    width: 275px !important;
}

.client-permission-section .sidebar{
    background: url(../assets/side-panel/left-content-background.gif) repeat-y right !important;
}

.client-permission-section #sidebar-bottom{
    width: 291px !important;
}

.client-permission-section .right-content{
    margin-left: -10px !important;
    border-left: none !important;
}
.paddingTop0{
    padding-top: 0px !important;
}

section.content .tab-content ul.structure.irn-client-permission{
    width: 885px !important;
    margin-left: 10px !important;
}

section.content .tab-content ul.structure.irn-client-permission>li{
    width: 294px !important;
}

section.content .tab-content ul.structure.irn-client-permission>li>label{
    width: 248px !important;
}
.info-icon-free{width:22px; height:22px ;margin:0; padding:0; background:url(../assets/icons/info-F3F3F3.png) #555 no-repeat; display:inline-block; }
.info-icon-standard{width:22px; height:22px ;margin:0; padding:0; background:url(../assets/icons/info-F3F3F3.png) #008000 no-repeat; display:inline-block; }
.info-icon-configured{width:22px; height:22px ;margin:0; padding:0; background:url(../assets/icons/info-F3F3F3.png) #FFA500 no-repeat; display:inline-block; }
.info-icon-custom{width:22px; height:22px ;margin:0; padding:0; background:url(../assets/icons/info-F3F3F3.png) #F00 no-repeat; display:inline-block; }

ul.irn-permission-options{
    float: left;
    width: 890px;
    display: block;
    height: 38px;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
ul.irn-permission-options li{
    width: 610px !important;
}
ul.irn-permission-options li>label{
    width: 300px !important;
}
ul.irn-permission-options li:last-child{
    width: 200px !important;
}
ul.irn-permission-options li:last-child div{
    width: 200px !important;
}
tr.redColorTr{
    background-color: #FF7A7A !important;
}
.icon-envelope-red{
    background:url(../images/message.png) no-repeat !important;
    margin-top: 2px;
    margin-right: 5px;
}
#jwtTokenTextarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    height: 70px;
    overflow: auto;
    padding: 2px;
    resize: none !important;
    width: 443px;
    margin-right: 10px;
}
#search-filter form .chosen-container-single .chosen-single{
    border-radius: 0px;
}
.clientSearchSettingDiv{
    width: 650px !important
}
.clientSearchSettingDiv label{
    width: 90px !important
}

.clientSearchSettingDiv input{
    margin-left: 23px !important;
    margin-right: 70px !important;
}
#tts_projectbundle_projectstatusreporttype_projects_chosen{
    width: 647px !important;
}
#tts_projectbundle_projectstatusreporttype_projects_chosen li.search-choice{
    width: 49% !important;
}
.participant-details .details table.body-text-colour{
    width: 663px;
}
.cropper .modal.fade{
   width: auto;
}

.cropper .modal-dialog.modal-lg {
    float: none;
    position: relative;
    margin: 30px auto;
    width: 80%;
    max-width: 900px;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    height: 98%;
}

.cropper .modal-dialog div {
    float: none;
}

.cropper .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    height: 90%;
}

.cropper .modal-body {
    max-height: 78%;
}
.modal-backdrop.show{
    opacity: 0 !important;
}
.cropper .modal {
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    margin: 0;
    background: transparent;
    border: none;
    display: none;
}
.cropper .modal div {
    width: auto;
}
.cropper .modal .modal-body{
    overflow: auto;
}
.cropper .modal.fade.in,
.cropper .modal.fade {
    top: 0;
}
.cropper .modal-body .cropper-preview {
    width: inherit;
}

.cropper .modal-header .modal-title {
    padding-top: 0px;
    padding-bottom: 5px;
}
.modal-open .tooltip {
    z-index: 99 !important;
}
#participantImageForm>div{
    width: 82px !important;
    overflow: hidden;
}
.cropper-local{
    display: none;
}
.userInfo {
    position: relative;
    overflow: hidden;
}
.imageLi {
    width: 90px;
    position: absolute;
    left: 60%;
}
#tts_calculationbundle_formulatype_variable_clientPermissions_chosen,
#VariableAnswerOptionType_clientPermissions_chosen,
#QuestionType_variable_clientPermissions_chosen
{
    width: 648px !important;
}
#tts_calculationbundle_formulatype_variable_clientPermissions_chosen li.search-choice,
#VariableAnswerOptionType_clientPermissions_chosen li.search-choice,
#QuestionType_variable_clientPermissions_chosen li.search-choice
{
    width: 207px !important;
}
#workflow li label, #instrumentPermission li label{
    width: 400px;
}
.projectWorkFlow textarea{
    margin-left: inherit !important;
}
.addNewAnsPopup{
    position: absolute;
    left: 163px;
    top: 50px;
    display: block;
    visibility: visible;
    width: 962px !important;
}
.makeDefaultObserverUl{
    background-color: #fff !important;
}
.projectWorkFlow select{
    width: 371px !important;
}
.projectWorkFlow input[name$="[answer]"]{
    width: 371px !important;
}
.projectWorkFlow input[name$="[answer]"],
.projectWorkFlow ul.tagify
{
    width: 360px !important;
}
.projectWorkFlow input[type="text"]
{
    width: 348px !important;
}
.projectWorkFlow label
{
    width: 410px !important;
}
.width60px{
    width: 60px;
}
#workflow_list_grid .viewDetail{
    display: none;
}
#workflow_list_grid .participantModuleTable{
    padding-top: 13px;
}
#workflow_list_grid .participantModuleTable .reportDisplay th:last-child {
    width: 70px;
}
#workflow_list_grid .participantModuleTable table.reportDisplay {
    width: 882px !important;
}
#workflow_list_grid .participantModuleTable .viewDetailWarning {
    margin-bottom: 0px;;
}
.swal2-html-container section.content{
    border: none !important;
}
.swal2-html-container section.content .tab-content #content-header{
    padding: 0 !important;
    margin-top: 0 !important;
    margin-left: -10px !important;
}
.raterStageResetButton{
    height: 16px !important;
    padding: 0 0 0 2px !important;
}
.raterStageResetButton span.halflings{
    top: 2px !important;
}
.raterStageResetButton span.inative{
    color: #fff !important;
}
.raterStageLi{
    margin-bottom: 7px !important;
}
.mismatchingPopup{
    width: 960px !important;
}
.mismatchingCheckbox{
    width: 900px !important;
}
.mismatchingFields{
    float: left !important;
    width:400px !important;
}
#colorIconTd span.halflings{
    font-size: 20px !important;
}
#colorIconTd a{
    float: none;
    text-align: center;
}
.participantIconRed{
    color: #F24738 !important
}
.participantIconOrange{
    color: #FF7F00 !important
}
.participantIconGreen{
    color: #95C94B !important;
}
.participantIconOnlyDemographics {
    color: #08820C !important;
}
.participant_icon_key{
    margin-left: -10px !important;
}
.participant_icon_key .itemKey .well{
    width: 872px !important;
}
.participant_icon_key .itemKey .well > div{
    float: left;
}
.participant_icon_key .itemKey span{
    margin: 3px 3px 2px 0px;
    float: left;
    font-size: 20px !important;
}
.keyDivClass{
    float:left !important;
    width:90px;
}
.normal_icon_class{
    width: 129px;
}
.red_icon_class{
    width: 185px;
}
.orange_icon_class{
    width: 140px;
}
.green_icon_class{
    width: 166px;
}
.not_reviewed_icon_class{
    width: 162px;
}
section.content .side-bar-legend .well.well-flex .keyDivClass {
    width: 100px;
}
#clientProfilerStagePermissionForm #Tts_clientbundle_clientprofilerstagepermissiontype_clientProfilerStagePermissions .profilerSectionMastersWidget .chosen-container.chosen-container-multi{
    margin-left: 37px;
}
#clientProfilerStagePermissionForm ul.structure li.client-stage-permission-widget-li  li.search-choice{
    width: 827px;
}
.profilerSectionTextValue ul.structure li input[type="text"]{
    width: 845px !important;
}
.textQuestion>div{
    width: 210px !important;
    margin-top: 3px !important;
}
.textQuestion>div div.mce-container.mce-panel{
    width: 450px !important;
}
.work-releted-dimensions input[name$="[valueText]"]{
    display: none;
}
section.content .tab-content table.display tr.totalAmount th,
section.content .tab-content table.display tr.totalAmount td{
    background: none !important;
    border-bottom: none !important;
    border-top: solid 3px #ccc;
}

#new_transaction_report_generated ul.structure{
    margin-left: 0px !important;
}

#new_transaction_report_generated ul.structure label{
    width: 140px !important;
}
.quickAddInvoiceMember{
    width: 730px !important;
}
#tts_rolesbundle_clientprojecttype_billingNote{
    overflow:hidden;
    padding:10px;
    width:350px;
    font-size:14px;
    height: unset;
    min-width: auto !important;
    max-width: 350px;
    min-height: auto !important;
    max-height: unset !important;
}
.viewProjectMetadataPopup{
    width: 950px !important;
}
form .SumoSelect label{
    font-size: inherit !important;
    display: inherit !important;
    width:auto !important;
    float:none !important;
    color:#555 !important;
    font-weight: inherit !important;
    margin: auto !important;
    line-height: inherit !important;
    padding-top: 0 !important;
    white-space: inherit !important;
}
form .SumoSelect p.CaptionCont{
    padding-bottom: 5px;
}
form .SumoSelect input{
    height: inherit;
}
.SumoSelect > .CaptionCont > label{
    width: 30px !important;
}
form .SumoSelect{
    width: 100%;
}
form .SumoSelect > .CaptionCont > span{
    font-size: 13px;
    color: #444;
}
form.jobSectionFormClass li.textQuestion>div>div>div{
    margin-bottom: 10px;
}
form a.observerAddA.jobReviewProfilerRaterSectionA.draftScreen{
    background: none;
    background-color: #ececec !important;
}
.newReviewSection li.textQuestion div[id$=_profilerSectionChildrens_0]>div{
    width: 500px !important;
}
.overflow-scroll.assignObserverUl{
    min-height: 300px;
}
.structure.assignObserverUl{
    margin-left: -10px;

}
.client-notes-form li label{
    width: 600px;
}
.manualScoreEntryIcon{
    font-size: 16px;
    cursor: pointer;
    color: #b94a48 !important;
}
.part-assessment-td-width>div.assessmentNameDiv{
    width: 95%;
    float: left;
}
.part-assessment-td-width>a.icon-button{
    float: left !important;
}
.uniqueSearchManualScoreIcon{
    margin-left: -1px !important;
    margin-top: 1px !important;
}
.about-me-sample-form #mceu_15{
    width: 646px !important;
}
#RegistrationType_gender label{
    width: 75px !important;
}
#RegistrationType_gender input{
    margin-top: 9px !important;
}
#RegistrationType_gender{
    width: 300px !important;
}
.icon-hand-score {
    display: inline-block;
    height: 16px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../images/hand-score.png) !important;
    background-position: 0 0;
    margin-top: 1px;
    margin-left: -2px;
    width: 25px !important;
}
.SumoSelect select[multiple]{
    height: 0px;
}
form .SumoSelect.open > .optWrapper {
    top: 30px;
}
form .SumoSelect.open > .CaptionCont {
    min-height: 17px;
}
.highlightClass{
    background-color: #D9D9D9 !important;
}
.highlightInvoicedItem{
    background-color: #ccc !important;
}
#invoice_review_list_grid th.firstVisibleColumn button.changeType{
    display: none !important;
}

.switch {
    position: relative;
    /* display: inline-block; */
    width: 120px;
    height: 26px;
    padding-top: 0px;
    /* text-align: inherit; */
    float: right;
    margin-bottom: 15px;
}

.switch input {display:none;}

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

.slider:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 30px;
    left: 0px;
    bottom: 0px;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 5px !important;
}

input:checked + .slider {
      background-color: #ffffff;
    color: #000000;

}

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

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

/*------ ADDED CSS ---------*/
.on
{
  display: none;
}

.on
{
  color: #606060 !important;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 40%;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    border-radius: 47px;
    font-weight: bold;
}
 .off
{
  color: #606060 !important;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 60%;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    border-radius: 47px;
    font-weight: bold;
}
input:checked+ .slider .on
{display: block;
}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 5px;
  width: 114px !important;
      border: 1px solid #ccc;
}

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


.mlChart{
    border: solid #fff 1px !important;
    display: inline-block !important;
    background: #f4c1bc; /* Old browsers */
    background: -moz-linear-gradient(45deg, #f4c1bc 0%, #f6dabd 24%, #f7edbd 51%, #e2ecc0 81%, #cce7c3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #f4c1bc 0%,#f6dabd 24%,#f7edbd 51%,#e2ecc0 81%,#cce7c3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #f4c1bc 0%,#f6dabd 24%,#f7edbd 51%,#e2ecc0 81%,#cce7c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4c1bc', endColorstr='#cce7c3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.mlChart td{
    border: solid #fff 1px !important;
    width: 150px !important;
    height: 150px !important;
    text-align: center;
    vertical-align: middle;
}
/*tr#x-4{
    border-bottom: solid #ccc 1px !important;
}
tr#x-3{
    border: solid #ccc 1px !important;
}
td#y-3{
    border: solid #ccc 1px !important;
}
td#y-2{
    border-right: solid #ccc 1px !important;
}*/
/*.mlChartChildTable td {
    height: 76px !important;
    text-align: center;
    vertical-align: middle;
    background-color: #5db34c;
    width: 20px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}*/
.mlChart td.td5,
.mlChart td.td4,
.mlChart td.td3,
.mlChart td.td2,
.mlChart td.td1,
.mlChart td.td0
{
    width: 24px !important;
    height: 20px !important;
    color: #ffffff;
}
/* GIVE THIS BACKGROUND COLOR INLINE To particular td */
.mlChart td.td5{
    background-color : #5db34c; /*first row first td ( 5 )*/
}
.mlChart td.td4{
    background-color : #9bc434; /*second row first td ( 4 )*/
}
.mlChart td.td3{
    background-color : #ebce46; /*third row first td ( 3 ) */
}
.mlChart td.td2{
    background-color : #ee523c; /*fourth row first td ( 2 )*/
}
.mlChart td.td1{
    background-color : #df4839; /*fifth row first td ( 1 )*/
}

.mlChart #x-5 #y-0{
    border-radius: 5px 5px 0 0;
    border: none !important;
}
.mlChart #x-1 #y-0{
    border-radius: 0 0 5px 5px;
    border: none !important;
}
.mlChart #x-0 #y-1{
    border-radius: 5px 0 0 5px;
    border: none !important;
}
.mlChart #x-0 #y-5{
    border-radius: 0 5px 5px 0;
    border: none !important;
}
.mlChart #x-1 #y-0{
    border-radius: 0 0 5px 5px;
}
.mlChartChildTable tr.mlChartChildTr td{
    width: 20px !important;
}
.mlChartChildTable tr:last-child td{
    border: none !important;
}
.mlChart .score-color-5 {
    background: #5eb452;
}
.mlChart .score-color-4 {
    background: #9dc438;
}
.mlChart .score-color-3 {
    background: #fbf74d;
    color: #000000;
}
.mlChart .score-color-2 {
    background: #eb803f;
}
.mlChart .score-color-1 {
    background: #de4838;
}
td#y-3 {
    border-left: 2px solid #ccc !important;
    border-right: 2px solid #ccc !important;
    border-top: 1px solid #fff !important;
    box-sizing: border-box;
    width: 200px !important;
}

tr#x-3 {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    box-sizing: border-box;
    height: 200px;
}
.MainDiv9box .score-excel{
    width:755px !important;
}

.addParameterPopupClass #checkField{
    width: 590px !important;
}
form.modalBoxAddAssessor span.message,
.addParameterPopupClass span.message{
    margin-left: 233px !important;
    float: left;
}

.mlChart td.td0{
    background-color: #fff;
    border: none !important;
}

.mlChart tr:last-child td{
    border-bottom: none !important;
}
p[class^="score-color-"] {
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    color: #fff;
    padding: 0px !important;
    line-height: 30px;
    margin: 1px;
    cursor: pointer;
}

.block-plot{
    position: absolute;
}
.x-plot{
    left:0px;
    top:40%;
    writing-mode: tb-rl;
    transform: translateY(-50%);
}
.y-plot{
    bottom:-20px;
    left:48%;
    top:auto;
}
.z-plot{
    right:0px;
    top:40%;
    writing-mode: tb-rl;
    transform: translateY(-50%);
}
.select-wrap{
    width:100% !important;
    text-align: center;
    display: block;
    padding: 30px 25px;
}
.select-wrap .select-grid{
    display: inline-block;
    text-align: left !important;
    width:30.33%;
}
#bubbleField .select-grid label{
    margin-top: -4px !important;
    height: 21px !important;
}
#bubbleField .select-grid a.tooltip-west{
    display: inline-block;
    float: left;
}
.chartDetail{
    display: none;
}
.block-plot .circle-plot.bg-green{
    width: 34px;
    height: auto;
    background-color: #5eb452;
    display: block;
    vertical-align: middle;
    padding: 5px 0;
    border-radius: 50%;margin-bottom:5px;
}
.block-plot .circle-plot.bg-parrot{
    width: 34px;
    height: auto;
    background-color: #9dc438;
    display: block;
    vertical-align: middle;
    padding: 5px 0;
    border-radius: 50%;margin-bottom:5px;
}
.block-plot .circle-plot.bg-yellow{
    width: 34px;
    height: auto;
    background-color: #fbf74d;
    display: block;
    vertical-align: middle;
    padding: 5px 0;
    border-radius: 50%;margin-bottom:5px;
    color: #000000;
}
.block-plot .circle-plot.bg-brown{
    width: 34px;
    height: auto;
    background-color: #eb803f;
    display: block;
    vertical-align: middle;
    padding: 5px 0;
    border-radius: 50%;margin-bottom:5px;
}
.block-plot .circle-plot.bg-red{
    width: 34px;
    height: auto;
    background-color: #de4838;
    display: block;
    vertical-align: middle;
    padding: 5px 0;
    border-radius: 50%;margin-bottom:5px;
}
.block-plot.block-pointer{
    position: absolute;
    top: 45%;
    right: 10px;
    transform: translate(-50%,-50%);
    text-align: center;color:#ffffff
}
.select-wrap div.select-grid.xClass9box{
    width: 240px !important;
}
.select-wrap div.select-grid.yClass9box label{
    width: 300px !important;
}
.select-wrap div.select-grid.yClass9box{
    width: 340px !important;
}
.select-wrap div.select-grid.zClass9box label{
    width:270px !important;
}
.select-wrap div.select-grid.zClass9box{
    width: 315px !important;
}

/*------ No Off switch ---------*/

.invoiceSwitch{
    clear: both;
    float: right;
    width: 185px !important;
    margin-top: 20px;
    margin-right: -2px;
}
.invoiceSwitch .switch {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    width: 165px;
    height: 32px;
    float: right;
}

.invoiceSwitch .switch input {display:none;}

.invoiceSwitch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
}

.invoiceSwitch .slider:before {
    font-weight: bold;
    position: absolute;
    height: 30px;
    line-height: 30px;
    width: 35px;
    left: 0px;
    bottom: 0px;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 5px !important;
    text-align: center;
}

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

.invoiceSwitch input + .slider:before {
  content: "OFF";
}

.invoiceSwitch input:checked + .slider:before {
  -webkit-transform: translateX(125px);
  -ms-transform: translateX(125px);
  transform: translateX(125px);
  content: "ON";
}

.invoiceSwitch .on
{
  display: none;
}

.invoiceSwitch .on
{
  color: #606060 !important;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    border-radius: 47px;
    font-weight: bold;
}
.invoiceSwitch .off
{
  color: #606060 !important;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    border-radius: 47px;
    font-weight: bold;
}
.invoiceSwitch input:checked+ .slider .on
{display: block;
}

.invoiceSwitch input:checked + .slider .off
{display: none;}

/* Rounded sliders */
.invoiceSwitch .slider.round {
    border-radius: 5px;
    width: 160px !important;
    border: 1px solid #ccc;
    font-size: 0.656rem;
}

.invoiceSwitch .slider.round:before {
  border-radius: 0%;}
/*--------- END --------*/

.MainDiv9box .header{
    display:none;
}

#swal2-html-container form#SendEmailPopupForm .emailErrorMsgDiv,
#swal2-html-container form#SendEmailPopupForm div#form,
#swal2-html-container form#SendEmailPopupForm ul.structure > li{width: 100%;}
.handsontable .htFiltersMenuCondition .htUIInput input, .handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input{
    height: auto;
}
section.content .tab-content #comment-header{
    padding: 0 0 10px 0;
    display: block;
    width: 896px;
    float: left;
    margin: 10px 0;
}

.new-comment-list .new-comment-list-ul li{
    width: 570px !important;
}

.new-comment-list .new-comment-list-ul li span.message{
    margin-left: 148px !important;
}
form.modalBoxAddAssessor ul{
    margin: 0px;
}
form.modalBoxAddAssessor ul li{
    width: auto;
}

.project-scheduling-popup h1.title-main{
    font-weight: bold;
    margin: 0 0 20px 0;
}
.project-scheduling-popup h1.title-main span{
    font-weight: normal;
    font-size: 18px;
}
.projectSchedulinglogPopup .project-scheduling-popup-content-main{
    float: left;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.project-scheduling-popup .project-scheduling-popup-content{
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
.project-scheduling-popup .project-scheduling-popup-content .btn-header{
    float: left;
    width: 100%;
    margin: 20px 0;
}
.project-scheduling-popup .project-scheduling-popup-content .btn-header .btn-wrap{
    float: right;
}
.project-scheduling-popup .project-scheduling-popup-content .btn-header h2{
    display: inline-block;
    margin-left: 10px;
}
.project-scheduling-popup .tabs {
    display:block;
    width:100%;
    height:31px;
    background:url(../assets/tabs/tabs-container-background.gif);
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
.project-scheduling-popup .alert {
    margin-left: 10px;
}
.project-scheduling-popup .tabs ul{
    margin:0px;
    padding:0px;
    display:block;
    float:left;
    font-size:14px;
    list-style: none;
}
.project-scheduling-popup .tabs ul a{
    margin:0px;
    padding: 0 10px;
    display:block;
    float:left;
    height:31px;
    line-height:31px;
    border-left:solid 1px #ccc;
    border-right:solid 1px #fff;
    background:url(../assets/tabs/tabs-background.gif) repeat-x;
}
.project-scheduling-popup .tabs ul a:hover{ text-decoration:none; background-image:url(../assets/tabs/tabs-background-hover.gif); }
.project-scheduling-popup .tabs ul li{display: inline;}
.project-scheduling-popup .tabs ul li.first a{ margin-left:-1px !important; -moz-border-radius:5px 0 0; -webkit-border-radius:5px 0 0; border-radius:5px 0 0; }
.project-scheduling-popup .tabs ul li.last a{ border-right:solid 1px #ccc;}
.project-scheduling-popup .tabs ul li.next a{ border-left:none; }
.project-scheduling-popup .tabs ul li.active a{
    margin:-5px 0px -1px;
    background:url(../assets/pixels/white.gif) repeat;
    border:solid 1px #ccc;
    border-bottom:none;
    height:36px;
    line-height:36px;
    z-index:5px;

    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
.project-scheduling-popup table.display td a{
    display:block;
    float:left;
}
.project-scheduling-popup table.display td a.button{
    float:none;
}
.project-scheduling-popup table.display tr.even .info-icon{
    background-image:url(../assets/icons/info-F3F3F3.png);
}
.project-scheduling-popup table.display td{
    vertical-align:middle;
}
.project-scheduling-popup table.display{
    width:100%;
    border:solid 1px #ccc;
    border-left: 0;
    border-right: 0;
}
.project-scheduling-popup table.display tr:hover,
.project-scheduling-popup table.display tr.even:hover{
    /*background:#e3e3e3;*/

    -webkit-box-shadow:0 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow:0 0px 5px rgba(0,0,0,.5);
    box-shadow:0 0px 5px rgba(0,0,0,.5);
}
.project-scheduling-popup table.display tr.first:hover{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.project-scheduling-popup table.display tr.even{
    background:#f1f1f1;
}
.project-scheduling-popup table.display tr{
    color: #555;
}
.project-scheduling-popup table.display th{
    text-align:left;
    background:url(../assets/tables/header-alternate-background.gif) repeat-x #f1f0f0;
    padding:4px 6px;
    border-right:dashed 1px #ccc;
    height:20px;
    border-bottom:solid 3px #ccc;
}
.project-scheduling-popup table.display th.last{
    border-bottom:solid 3px #ccc;
}
.project-scheduling-popup table.display .last{
    border-right:none;
}
.project-scheduling-popup form.display .last{
    border-right:none;
}
.project-scheduling-popup table.display td{
    line-height: 18px;
    padding: 5px 10px;
    font-size:12px;
    border-right:dashed 1px #ccc;

}
.project-scheduling-popup .project-scheduling-popup-content .module-setting-content,
.project-scheduling-popup .project-scheduling-popup-content .module-transaction-content{
    float: left;
    width: 100%;
    overflow: auto;
    max-height: 357px;
}
.projectSchedulinglogPopup ul.structure{
    margin: 0;
}
.projectSchedulinglogPopup .panel-heading{
    /*background: url("../assets/side-panel/accordion-header.gif") repeat-x scroll 0 0 transparent;*/
    background-color: #ececec;
    display: block;
    float: left;
    line-height: 21px;
    font-size: 14px;
    margin: 0 0 20px 0;
    padding: 5px 16px;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.projectSchedulinglogPopup .billingQuestions a i{
    margin: 0;
}
.projectSchedulinglogPopup #scheduling-model-form .panel-body,
.projectSchedulinglogPopup .popup-content-margin-space{
    margin: 0 20px;
}
.projectSchedulinglogPopup .popup-btn{
    float: left;
}
.projectSchedulinglogPopup .alert{
    margin: 10px 0px 0px 10px;
}
.projectSchedulinglogPopup .project-scheduling-popup-content .alert{
    margin: 0px 0px 18px 10px;
}
section.content .tab-content table.display td a.tooltip-details{
    margin: -2px 5px 0 0;
}

.projectSchedulinglogPopup form .projectWorkFlow span.message span.label{
    margin-left: 458px;
}

.margin-left20{
    margin-left: 20px;
}

.bowser-detail-popup table.display th {
    padding: 0px 6px !important;
    border-right: dashed 1px #ccc !important;
    height: 6px !important;
    border-bottom: solid 1px #ccc !important;
    font-size: 12px !important;
}
.bowser-detail-popup table.display th.last {
    border-bottom: solid 1px #ccc !important;
}

.project-schedule-tooltip-data {
    display: none;
    position: absolute;
    top: 0;
    background: #ffffff;
    left: 33px;
    width: 275px;
    box-shadow: 0px 0px 6px 2px #ccc;
    z-index: 9;
    transition: all linear 0.3s;
}
.workflow-list table tr td .data-tooltip-details {
    cursor: pointer;
}
.workflow-list table tr td .data-tooltip-details:hover  .project-schedule-tooltip-data {
    display: block;
}
.workflow-list .data-tooltip-details {
    height: 18px !important;
    margin-top: -2px !important;
    margin-right: 2px !important;
}

ul#advanced-options-merit-list li.merit-list-role-model-li.comm-merit-list-large,
ul#advanced-options-merit-list li.merit-list-event-li.comm-merit-list-large,
ul#advanced-options-merit-list li.merit-list-recipent-li.comm-merit-list-large{
    width: 191px;
    margin: 0;
}
ul#advanced-options-merit-list li.merit-list-role-model-li.comm-merit-list-large label.meril-list-label,
ul#advanced-options-merit-list li.merit-list-event-li.comm-merit-list-large label.meril-list-label,
ul#advanced-options-merit-list li.merit-list-recipent-li.comm-merit-list-large label.meril-list-label{
    width: auto;
}
ul#advanced-options-merit-list li.merit-list-role-model-li.comm-merit-list-large .chosen-container,
ul#advanced-options-merit-list li.merit-list-event-li.comm-merit-list-large .chosen-container{
    min-width: 160px;
    width: 160px !important;
}
ul#advanced-options-merit-list li.merit-list-recipent-li.comm-merit-list-large input{
    width: 140px !important;
}
#swal2-html-container form.extract-model-score-form ul.structure>li{
    width: 570px;
}
#swal2-html-container form.extract-model-score-form ul.structure>li span.message span.label{
    margin-left: 248px;
}

form ul.structure>li.sftpFields{
    display: none;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    height: 32px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 224px;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    white-space: normal;
}

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}
#pass-info .text-clr-red{
    background:url(../images/invalid.png) no-repeat;
    color: red;
    padding-left: 24px;
}
#pass-info .text-clr-green{
    background:url(../images/valid.png) no-repeat;
    color: green;
    padding-left: 24px;
}


#pass-info{
    display: none;
    width: 214px;
        position: absolute;
    left: 30%;
    top: -85px;
    /*float: none;*/
    background-color: rgb(242, 242, 242);
    padding: 15px;
    margin: 15px 0 15px 245px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: -2px 0px 7px -2px rgba(0, 0, 0, 0.38) inset;
}
#pass-info:before{
    content: '';
    display: block;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    transform: rotate(-45deg);
    background-color: rgb(242, 242, 242);
    width: 19px;
    height: 19px;
    position: absolute;
    left: -11px;
    top: 44%;
    border-radius: 2px;
}
#pass-info .heading{
    font-weight: bold;
    font-size: 14px;
}
.password-hint-wrap{
    position: relative;
    width: auto;
}

.reset-password-confirm-button{
    text-align: right;
}
.reset-password-confirm-button button{
    height: auto;
}
.project-schedule-tooltip-data table{
    width: 100%;
    background: white;
}
#tts_communicationsbundle_projectandjobcommunicationtype_participantAssessmentReportRecipients select{
    width: 222px;
}

.swal2-html-container .add-member-form ul.val-error,
.swal2-html-container .old-modal-form ul.val-error{
    margin: 10px 0 0 0;
}
.swal2-html-container #makeDefaultObserver ul.structure li,
.swal2-html-container .add-member-form ul.structure li,
.swal2-html-container .old-modal-form ul.structure li{
    width: 100%;
}
.swal2-html-container #makeDefaultObserver ul.structure li span.message span.label,
.swal2-html-container .add-member-form ul.structure li span.message span.label,
.swal2-html-container .old-modal-form ul.structure li span.message span.label{
    margin-left: 250px;
    float: left;
    margin-bottom: 5px;
    line-height: normal;
}
.swal2-html-container .add-member-form ul.structure li.meritListMember span.message span.label,
.swal2-html-container .old-modal-form ul.structure li.meritListMember span.message span.label{
    margin-left: 30px !important;
}
#tts_projectbundle_invoicemembertype_memberRoles{
    width: 440px;
}
#tts_projectbundle_invoicemembertype_memberRoles label{
    width: 400px;
}
#SendEmailPopupForm .chosen-container.chosen-container-multi{
    width: 404px !important;
}

#SendEmailPopupForm .chosen-container-multi .chosen-choices li.search-choice{
    width: 191px !important;
}

.orderFormUlBtn{
    display: block;
    text-align: right;
    width: 100%;
}
#tts_projectbundle_projectworkflowsettingtype_emailReceiver{
    width: 400px !important;
}
#tts_projectbundle_projectworkflowsettingtype_emailReceiver label{
    width: 349px !important;
    margin-top: 3px;
}
li.emailConfirmationLi div:last-child label{
    width: auto !important;
}
.cancel-schedule-form li.emailConfirmationLi{
    margin-left:20px;
}
.projectSchedulinglogPopup ul.structure li.emailOptions > div{
    display: inline-block;
    width:auto;
}
.projectSchedulinglogPopup ul.structure li.emailOptions div > div{
    width:100%;
    float: none;
    display: block;
}
.markNotEligiblePopup form .projectWorkFlow span.message span.label{
    margin-left: 458px;
}
.advanced-options .ui-icon.ui-icon-close{
    margin-top: 0px;
}
section.content .particpant-tab-content nav#tabs ul {
    display: flex;
    flex-wrap: wrap;
}
#wrapper .particpant-tab-content nav ul li {
    display: flex;
    white-space: nowrap;
}

#add-member-content .add-member-warning-message{
    font-size: 14px;
    line-height: 1.6;
    font-family: tahoma, arial, helvetica, serif;
}

/*---------------------------------
 ICONS
 ---------------------------------- */
[class^="icon-"]:not(.icon-button):not(.icon-move-container):not(.editReportNorm):not(.editIsSent):not(.icon-mail-green):not(.icon-mail-red),
[class*=" icon-"]:not(.icon-button):not(.icon-move-container):not(.editReportNorm):not(.editIsSent):not(.icon-mail-green):not(.icon-mail-red) {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("../bootstrap/img/glyphicons-halflings.png");
  background-repeat: no-repeat;
}

.icon-white {
  background-image: url("../bootstrap/img/glyphicons-halflings-white.png") !important;
}
.icon-red {
  background-image: url("../bootstrap/img/glyphicons-halflings-red.png") !important;
}

.icon-glass {
  background-position: 0      0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

#row_selector select.form-control {
    display: inline-block;
    padding: 4px;
    margin-bottom: 9px;
}
.button.white i, #content-header .dropdown .dropdown-menu .dropdown-item i { margin-right: 5px; }
.dropdown .button.white { font-weight: normal; }

#dropdown-menu .dropdown-submenu .dropdown-menu {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*position: relative;
    border-radius: 0.25rem;*/
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #999;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
}

.close:hover {
    color: #999 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    filter: alpha(opacity=40);
}

.dropdown-toggle::after {
    border-top: 0.3em solid #000000;
    opacity: 0.3;
    margin: 0px;
    vertical-align: 0.190em;
}
.dropdown .button.white {
    padding: 4px 8px;
    height: 18px;
    line-height: 18px;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: none;
    font-size: 13px;
    color: rgb(51, 51, 51) !important;
    text-shadow: none;
}
.dropdown .button.white:hover, .dropdown.show .button.white {
    background: #e6e6e6 !important;
}
.dropdown .button.white:hover:after, .dropdown.show .button.white:after {
    opacity: 1;
}
.dropdown.show .button.dropdown-toggle {
    background-color: #e6e6e6;
}
.dropdown.show .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.chosen-container-single .chosen-single {
    color: #444444 !important;
}
#dropdown-menu .dropdown-submenu ul.dropdown-menu li a.dropdown-item {
    width: auto;
    padding: 3px 15px;
}
section.content form#biodata-permissions-form .form-row { display: block; }
section.content div form ul.structure li a.white.icon-button {
    display: inline-table;
}
section.content div#model_variables_list_grid a.delete-variable,
section.content div#model_variables_list_grid a.editVariable,
section.content div#model_variables_list_grid a#arrowButtonDown,
section.content div#model_variables_list_grid a#arrowButtonUp {
    margin-right: 5px;
}
section.content form#clientPermission section div.permission-options .button.white {
    box-sizing: border-box;
}
section.content nav#tabs ul li { display: contents; }
section.content nav#tabs ul li a:focus { outline: none !important; }

.dropdown-item.active, .dropdown-item:active {
    color: #000000;
    background-color: transparent;
    text-decoration: none;
}

.label,
.badge {
  font-size: 10.998px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.label {
  padding: 1px 4px 2px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.badge {
  padding: 1px 9px 2px;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
          border-radius: 9px;
}

a.label:hover,
a.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.pull-right { float: right; }
.pull-left { float: left; }
.hide { display: none; }
.show { display: block; }
.invisible { visibility: hidden; }
#participant-workflow-content a.icon-button,
#participant-accessLog-content a.icon-button {
    display: inline-block;
}
tags.tagify  { height: auto; }

input[disabled], select[disabled], textarea[disabled],
input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
    border-color: #ddd;
}

input[type="datetime"],
input[type="text"],
input[type="number"],
textarea {
    display: inline-block;
    width: 220px;
    height: 28px;
    padding: 3px 10px;
    margin-bottom: 9px;
    font-size: 12px;
    line-height: 18px;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus,
textarea:focus {
    border-color: rgba(82, 168, 236, 0.8) !important;
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #ddd;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

select,
input[type="file"] {
    height: 28px;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#swal2-html-container .swal2-html-container img{
    max-width: 100%;
}

form ul.structure li.weight-setting .child-fieldset{
    background: transparent;
    border-radius: 0 0 5px 5px;
}

form#client-role-detail-form > ul.structure:first-child > li:first-child,
form.profiler-job-form > div > ul.structure:first-child > li:first-child,
#TtsProjectBundle_form_project > ul.structure:first-child > li:first-child{
    display: flex;
    align-items: center;
}

form#client-role-detail-form > ul.structure:first-child > li:first-child > a.tooltip-west,
form.profiler-job-form > div > ul.structure:first-child > li:first-child > a.tooltip-west,
#TtsProjectBundle_form_project > ul.structure:first-child > li:first-child > a.tooltip-west{
    margin-top: 0px;
}

form#client-role-detail-form > ul.structure:first-child > li:first-child > label,
form.profiler-job-form > div > ul.structure:first-child > li:first-child > label,
#TtsProjectBundle_form_project > ul.structure:first-child > li:first-child > label{
    padding-top: 0px;
}

.questionMainDiv ul li textarea{
    width: auto;
}
ul.structure.logbook-advanced-options label{
    padding-top: 0px;
}
input[type="datetime"]{
    height: 30px;
}

section.content nav#tabs.profilerTabs ul {
    display: flex !important;
    width: 100% !important;
    flex-wrap: wrap !important;
}

section.content nav#tabs.profilerTabs ul li {
    display: inline-flex !important;
    flex-grow: 1 !important;
}

section.content nav#tabs.profilerTabs ul a{
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
}
section.content nav#tabs.profilerTabs ul li.last a{
    border-right: none !important;
}
.nav-tabs{
    border-bottom: 1px solid #ccc;
}
.modal.fade.in,
.modal.fade {
    opacity: 1 !important;
}
.modal-header .close{
    display: flex;
    order: 2;
}
.modal-title{
    order: 1;
    display: flex;
}

form .a2lix_translationsFields .section-children-item-drpdwn{
    margin: 0px !important;
}
form .a2lix_translationsFields .section-children-item-drpdwn select{
    height: calc(2.25rem + 1px);
    margin: 3px 0 0 10px !important;
}
section.content .tab-content .observerAdd form a.observerAddA{
    width: 916px;
}
:-moz-placeholder {
  color: #999999;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}
.close{
    opacity: 0.2;
}
section.content .tab-content h2.maxWidthUsedWhereListHeader{
    max-width: 387px;
}
table.participantAdvanceSearch input[type="text"]{
    width: 100%;
}
#quickCreateProfiler .jobModelGroupCombo select{
    width: 400px !important;
}

.newReviewSection .jobReviewProfilerRaterSectionA.draftScreen{
    width: 732px !important;
}
.forTabTdContentBreak { word-break: break-all; }
.work-releted-dimensions select[name$="[dropdownWeightOption]"]{
    width: 222px !important;
}

.work-releted-dimensions{
    margin-top: 10px !important;
}

form.billingEventGridForm{
    display: flex !important;
}
form.billingEventGridForm select{
    max-width: 195px;
}
form.billing-event-grid-content-form table{
    margin-bottom: 20px !important;
}
form.billing-event-grid-content-form table th{
    width: 20%;
}
form.billing-event-grid-content-form table th:first-child{
    width: 5%;
}
form.billing-event-grid-content-form .chosen-container a.chosen-single{
    float: none !important;
}

form.cross_project_form .cross-project-li {
  position: relative;
}
form.cross_project_form .cross-project-li .select-all-chk-cross-project {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  margin-right: 66px;
}
form.cross_project_form .cross-project-li .select-all-chk-cross-project label{
    width: auto !important;
    padding-top: 3px;
}
form.cross_project_form .cross-project-li .select-all-chk-cross-project input[type=checkbox] {
  position: absolute;
  top: 3px;
  width: 15px;
  height: 15px;
  left: 8px;
  z-index: 9;
  opacity: 0;
  margin: 0;
}
form.cross_project_form .cross-project-li .select-all-chk-cross-project input[type=checkbox] + label {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-right: 0;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
form.cross_project_form .cross-project-li .select-all-chk-cross-project input[type=checkbox] + label:last-child {
  margin-bottom: 0;
}
form.cross_project_form .cross-project-li .select-all-chk-cross-project input[type=checkbox] + label:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #555555;
  position: absolute;
  left: 0;
  top: 3px;
  opacity: 0.6;
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
}
form.cross_project_form .cross-project-li .select-all-chk-cross-project input[type=checkbox]:checked + label:before {
  width: 10px;
  top: 0;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

form.cross_project_form .cross-project-li .chosen-container{
    margin-top: 34px;
}
#invoice-search-filter ul.invoice-other-tab-ul li.projects{
    width: 210px !important;
}
#invoice-search-filter ul.invoice-other-tab-ul li.proposalNumber{
    width: 160px !important;
    margin-left: 13px;
}
#invoice-search-filter ul.invoice-other-tab-ul li.proposalNumber #searchtype_proposalNumber{
    margin-top: 0;
    width: 130px !important;
}
.btn {
    background-color: #fafafa;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
.ml-receiver-label{
    padding: 5px 0px 0px 0px;
    width: 135px !important;
}
.ml-receiver-p{
    font-size: 13px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    width: unset;
    clear: left;
}
.ml-receiver-p span.towhom{
    background-color: #f3f3f3;
    padding: 7px;
    border-radius: 5px;
    display: inline-block;
    margin: 0px 5px 5px 0;
}
.insNormCombination.ml-heading label {
    font-size: 14px !important;
    padding: 12px 0px 5px 0px;
    width: 100% !important;
}
#advanced-options-merit-list li.merit-list-role-model-li select,
#advanced-options-merit-list li.merit-list-event-li select{
    width: 235px;
    box-sizing: content-box;
}
#advanced-options-merit-list li.to-whom-marit-list-member,
#advanced-options-merit-list li.meritListLanguage,
#advanced-options-merit-list li.to-whom-marit-list-member select,
#advanced-options-merit-list li.meritListLanguage select{
    margin-left: 0;
    display: flex;
    flex-direction: column;
}
.to-whom-marit-list-member div.chosen-container-multi .chosen-choices li.search-choice,
.meritListLanguage div.chosen-container-multi .chosen-choices li.search-choice {
    width: auto;
}
.to-whom-marit-list-member div.chosen-container-multi,
.meritListLanguage div.chosen-container-single {
    margin-left: 40px;
    margin-right: 8px;
}
.to-whom-marit-list-member label.meril-list-label,
.meritListLanguage label.meril-list-label {
    padding-left: 40px;
}
#list-meritList .insNormCombination {
    width: unset;
}
.list-meritList .add-model .advaceSettingHeader label{
    width: 280px !important;
}
#model-selection .add-model .advaceSettingHeader .button{
    margin: 0px !important;
    margin-right: 10px !important;
}
.advaceSettingLi select{
    width: 273px !important;
}
.advanced-options .advaceSettingLi .chosen-container{
    width: 273px !important;
}
.advaceSettingLi input
{
    width: 239px !important;
    margin-top: 0px !important;
}
.advaceSettingLi .chosen-container .chosen-results li {
    font-size: 12px !important;
}
.model-content #role-model-variables #alert-message{
    margin-bottom: 0px !important;
}

.actioncolor_rem_cls{
    color: #212529 !important;
}
.interviewAttendee select{
    width: 255px !important;
}

.ProjectSchdulingQuickAdd .add-member-content-list{
    width: 570px !important;
}
.projectWorkFlow label.quick_add_project_schduling{
    width: 46px !important;
}
.interviewAttendeeQuickBtn{
    margin-top: 6px !important;
}
li.imageLi .cropper .modal-footer .btn.btn-primary,
form#participantImageForm .cropper .modal-footer .btn.btn-primary{
    color: #212529;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    background-color: #fafafa;
}
form#clientGuiForm input.chosen-search-input,
form#upload-csv-form input.chosen-search-input{
    box-sizing: border-box;
}

.colorpickerscale_cls{
    /*width: 140px !important;
    margin-right: 8px !important;
    margin-top: -90px !important;
    margin-left: 46px !important;*/
}

.variable__desc_wrap {
    display: flex !important;
}
.variable__desc_wrap .block__upper .mce-tinymce.mce-container.mce-panel{
    width: 664px !important;
}

.variable__desc_wrap .color-picker{
    display: block;
    clear: both;
    position: relative;
}
.variable__desc_wrap .color-picker .miniColors-trigger{
    background-color: #C7C5E8;
    position: absolute;
    top: 5px;
    right: 15px;
    margin: 0;
}
.ProjectSchdulingQuickAdd .add-member-content-list{
    width: 570px !important;
}
.projectWorkFlow label.quick_add_project_schduling{
    width: 46px !important;
}
#addQuickMember{
    margin-top: 6px !important;
}

.workflow-list .project-schedule-tooltip-data{
    width: auto;
    left: 10%;
    top: 25px;
    transform: translateX(-50%);
}
.workflow-list .project-schedule-tooltip-data table tr td{
    word-break: break-word;
    min-width: 92px;
}
.selectInterviewAttendee{
    width: auto;
    padding-top: 6px;
}

form.cross_project_form .cross-project-li #tts_projectbundle_projectworkflowsettingtype_moduleSettingParticipant_participantRelations .interviewAttendee .chosen-container{
    margin-top: 0;
}

li.interviewAttendee label.interviewAttendeeParticipant{
    width: 255px !important;
    margin-left: 10px !important;
    margin-top: 5px !important;
}

li.interviewAttendee label.interviewAttendeeCategory{
    width: 255px !important;
    margin-left: 8px !important;
    margin-top: 5px !important;
}

.missing-report-list#missing-report_list_grid table tr td{
    word-break: break-all;
}

.project-scheduling-popup .project-scheduling-popup-content-main .tabs ul li{
    display: inline-block;
}
.project-scheduling-popup .project-scheduling-popup-content-main .tabs ul li a{
    border-right: none;
}
.project-scheduling-popup .project-scheduling-popup-content-main .tabs ul li.active a{
    width: calc(100% + 5px);
    border-right: solid 1px #ccc;
}

#tts_observeradminbundle_observerbillingtype_moduleSettingParticipant_participantRelations .interviewAttendee label.interviewAttendeeAttendee,
#tts_observeradminbundle_observerbillingtype_moduleSettingParticipant_participantRelations .interviewAttendee label.interviewAttendeeParticipant,
#tts_observeradminbundle_observerbillingtype_moduleSettingParticipant_participantRelations .interviewAttendee label.interviewAttendeeCategory{
    width: 240px;
    margin: 0 5px;
}
#tts_observeradminbundle_observerbillingtype_moduleSettingParticipant_participantRelations .interviewAttendee label.interviewAttendeeAttendee{
    margin-left: 44px;
}
#tts_observeradminbundle_observerbillingtype_moduleSettingParticipant_participantRelations > .sectionChild > ul.reviewSection{
    margin: 0;
    padding: 0;
    display: inline-block;
}
#tts_observeradminbundle_observerbillingtype_moduleSettingParticipant_participantRelations > .sectionChild > ul.reviewSection > li{
    list-style: none;
    float: left;
    width: 240px;
    margin-right: 10px;
}
#tts_observeradminbundle_observerbillingtype_moduleSettingParticipant_participantRelations > .sectionChild > ul.reviewSection > li:first-child{
    width: 34px;
}
#tts_observeradminbundle_observerbillingtype_moduleSettingParticipant_participantRelations > .sectionChild > ul.reviewSection > li select.chosen{
    width: 240px !important;
}
.notification-wrapper{
    padding: 0 10px;
    max-height: 300px;
    overflow-y: auto;
}
.notifications{
   border-bottom: 2px solid #ccc;
   padding-bottom: 15px;
   padding: 5px 10px 10px;
   border-radius: 5px;
   margin-bottom: 10px;
   background: #ffffff;
}
.notification-title{
    font-weight: bold;
    font-size: 14px;
    color: #ed1846;
    font-family: tahoma, arial, helvetica, serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.notification-close{
    display: block;
    color: #f5849c;
    background-position: -312px 0px;
    opacity: 0.5;
}
.notification-content{
    font-family: tahoma, arial, helvetica, serif;
}
.notification-footer{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    padding: 0 10px 10px;
}
.notification-links {
    font-size: 12px!important;
    border-bottom: 1px solid;
    height: 24px!important;
    font-weight: 700;
}
#TtsProjectInternalTask{
    margin-left: 0px !important;
}
.link-action i {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
}
.irn li{
    list-style: none;
}
.irn ul {
    width: 400px;
    float: left;
}
#copyDataNotMatchingMessageForm div {
    width: 900px;
}
ul.target {
    margin: 0;
}
.participant-group-assessments-list .header-options{
    float: right !important;
}
.participant-group-assessments-list .instruments .header span.instrument{
    width: 270px !important;
}
.participant-group-assessments-list .instruments .header span.name{
    width: 90px !important;
}
.participant-group-assessments-list .instruments .header span.surname{
    width: 90px !important;
}

.linkedAssessmentPopup{
    width: 750px !important;
}
.linkedAssessmentPopup .swal2-html-container section.content{
    width: 715px !important;
}
.linkedAssessmentPopup .swal2-html-container .display{
    width: 715px !important;
}
#model_setting_list_grid input{
    padding: 4px;
}

.participant-uniqueness-list form#uniqueness-form table.display th,
.participant-uniqueness-list form#uniqueness-form table.display td{
    word-break: break-all;
}

form#copyDataNotMatchingMessageForm #form .irn ul li.mismatchingFields span,
form#copyDataNotMatchingMessageForm #form .irn ul li.mismatchingFields span label{
    width: 100%;
}
form#copyDataNotMatchingMessageForm #form .irn ul li.mismatchingFields span p{
    margin: 0 8px;
}
form#copyDataNotMatchingMessageForm #form .irn ul li.mismatchingFields span label{
    margin: 0 8px 8px 8px;
}
form#copyDataNotMatchingMessageForm #form .irn ul.current li.mismatchingFields,
form#copyDataNotMatchingMessageForm #form .irn ul.target li.mismatchingFields{
    background: #f2f2f2;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
form#copyDataNotMatchingMessageForm #form .irn ul.current li.mismatchingFields{
    border-radius: 5px 0 0 5px;
}
form#copyDataNotMatchingMessageForm #form .irn ul.target li.mismatchingFields{
    border-radius: 0px 5px 5px 0;
}
#form_mertiListFields{
    height: 100px!important;
}
.noNotificationMsg{
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-weight: 600;
}
.select-meritlistfields li.search-choice{
    margin: 3px 0!important;
    width: 100% !important;
}
li.search-choice {
    font-size: inherit!important;
}
.select-meritlistfields .active-result{
    width: 96%!important;
}
.select-meritlistfields .search-field{
    width: 25px!important;
}
.select-meritlistfields .active-result{
    font-size: 12px!important;
}
.editFixedItemRemainingAmount .icon-edit{
    margin-left: 5px;
}
#tts_rolesbundle_clientprojecttype_clientContactPersons_chosen .chosen-search-input,
#tts_rolesbundle_clientprojecttype_managers_chosen .chosen-search-input {
    width: auto!important;
}

.internalTaskPopup{
    width: 1142px !important;
}

#tts_internaltaskbundle_multipleinternaltasktype_internalTasks ul.structure > div{
    display: flex;
}
#multiple-internal-task-form textarea {
    min-width: unset;
    min-height: unset;
    width: 180px;
    margin: 0 !important;
    max-height: unset;
    max-width: unset;
    height: 20px;
}
.multipleTaskInput {
    width: 200px;
}
.multipleTaskInputWeekDay {
    width: 600px;
}
#multiple-internal-task-form input[type="text"] {
    width: 200px;
    margin: 0;
    line-height: 20px;
}
#multiple-internal-task-form select {
    width: 200px
}
.multipleTaskLabel{
    width: 192px;
    float: left;
    margin: 0px 8px 0 0;
}
.internalTaskPopup div.form-group, .showableLayer {
    width: 100%!important;
}
.internalTaskPopup ul.structure {
    margin-top: 1rem;
    width: calc(100% - 30px);
}
.internalTaskPopup ul.structure > li{
    width: 100%;
}

div#tts_internaltaskbundle_multipleinternaltasktype_internalTasks {
    width: 100%;
}
.recurringTaskFields {
    margin-left: 40px;
    width: calc(100% - 40px);
}
.multipleTaskInputWeekDay .weekDaysName {
    width: auto;
    color: #555;
    margin: 0 0 0 8px;
    font-weight: normal;
    font-size: inherit;
}
.weekDaysLabel div {
    display: inline-grid;
    width: 70px;
}
.weekDaysLabel, .multipleTaskInputWeekDay > div {
    width: 100%;
    display: inline-flex;
}

.multipleTaskInputWeekDay input[type="checkbox"] {
    margin: 10px 64px 0 8px;
}
.div-add-internaltask ul.structure li.childRowLi{
    margin-bottom: 24px;
}

#multiple-internal-task-form span.label{
    display: inline;
    margin: 0;
}
.internalTaskFixActionsBtnGroup {
    width: calc(100% - 30px);
    margin: 10px 0px 12px 30px;
}

.behaviour-list .scaleDiv{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding-bottom: 0;
}
.behaviour-list .scaleDiv > div{
    width: 101px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ccc;
    border-radius: 5px;
}
.behaviour-list .scaleDiv > label{
    padding-left: 12px;
    width: 100;
    display: flex;
    align-items: center;
    font-weight: bold;
    justify-content: center;
    width: auto !important;
}
.behaviour-list .addBehaviourDiv{
    display: flex;
    justify-content: flex-end;
    margin: 10px 0;
}
.behaviour-list  .addBehaviourDiv input{
    width: 786px;
    margin-bottom: 0 !important;
}
.behaviour-list .addBehaviourDiv a{
    margin-right: 10px;
    margin-left: 10px;
    width: 13px;
    float:left;
}
.behaviour-list .inner-structure li{
    padding: 10px;
    width: 874px;
}
.behaviour-list .inner-structure li textarea{
    max-width: unset;
    min-width: unset;
    width: 450px;
    max-height: unset;
    min-height: unset;
    margin: 0;
    height: auto;
}
.behaviour-list .inner-structure li  .remove-variable-container a, .inner-structure li  .remove-variable-container {
    display: block !important;
}
.behaviour-list .arrowSpan{
    position: absolute;top: 15px;color: #d1d1d1;right: 26px;
}
.behaviour-list .scaleName{
    position: relative;
    padding-bottom: 0px;
}
.behaviour-list .seperator{
    width: 80%;
    height: 1px;
    background: #ccc;
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 40px;
    margin-bottom: 40px;
}
.behaviour-list .scaleName:last-child .seperator{
    display: none;
}
.behaviour-list .icon-play{
    width: 10px;margin: -1px -2px;
}
.behaviour-list .categoryBox{
    width: 273px;
    display: flex;
    flex-direction: column;
}
.behaviour-list .behariourDeleteLi{
    background: none;
    border: none;
    margin: 10px 0;
    display: flex;
    align-items: flex-start;
    border-radius: 5px;
    border: 1px dotted #ccc;
    display: flex;
    margin-right: 10px;
}
.behaviour-list .behariourDeleteLi>div{
    float: left;
    width: auto !important;
    background: none;
    border: none;
    display: flex;
    align-items: center;
}
.behaviour-list .behariourDeleteLi>div>a{
    width: 13px;
    float:left;
    height: 26px;
    margin-left: 0px;
}
.behaviour-list .behariourDeleteLi span.name{
    width: 546px;
    position: relative;
}
.behaviour-list .arrowSpan>div{
    width: auto !important;
    background: none;
    border: none;
}

.behaviour-list .scaleBehaviours>div{
    border-radius: 5px;
    border: 1px dotted #ccc;
    margin-bottom: 10px;
}
.behaviour-list .scaleName:after {
    content: '';
    width: 80%;
    height: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    height: 2px;
}
.behaviour-list .scaleName.hiddenAfter:after {
    display: none;
}
.behaviour-list .scaleName.overallQuestion:after {
    display: none;
}
.behaviour-list .scaleName.hiddenAfter{
    padding-bottom: 0px !important;
}
.behaviour-list .scaleName.overallQuestion{
    padding-bottom: 0px !important;
}
.behaviour-list .overallLikert, .behaviour-list .questionLikert{
    display: block;
    padding: 10px;
    box-shadow: 0px 0px 5px -2px #ccc;
    border-radius: 5px;
    color: #555;
    width: 879px !important;
}
.behaviour-list .scaleName {
    padding-bottom: 65px;
}

#tts_assessmentbundle_instrumentscaletype_scales ul.structure{
    margin-bottom: 0px !important;
}
.behaviour-list .inner-structure li.behariourCategoryHide textarea{
    width: 770px !important;
}
.behaviour-list .behariourDeleteLi.behariourCategoryHide span.name{
    width: 770px !important;
}
.behaviour-list .behariourCategoryHide .arrowSpan{
    right: -58px !important;
}
.behaviour-list .forceHidden{
    display: none !important;
}
.behaviour-list .overallQuestionScale{
    display: none !important;
    flex-direction: column;
}
.behaviourButton .invoiceSwitch input + .slider:before{
    content:'';
}
.behaviourButton span.labelLeft{
    width: auto;
    margin-right: 10px;
    font-size: 14px;
    font-weight: bold;
    min-width: 180px;
}
.behaviourButton span.labelRight{
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
}

.behaviourButton .invoiceSwitch input + .slider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}

.behaviourButton .invoiceSwitch input:checked + .slider:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}


.behaviourButton .slider.round{
    width: 84px !important;
}

.behaviourButton .invoiceSwitch .slider.round {
    border-radius: 25px;
    width: 60px !important;
    background-color: #ed1846 !important;
}

.behaviourButton .invoiceSwitch .slider:before {
    height: 25px;
    width: 25px;
    left: 3px;
    border-radius: 50% !important;
    top: 3px;
    background: #ffffff;
}

.behaviourButton .invoiceSwitch .switch {
    width: 60px !important;
    float: none;
}

.tab-content .behaviour-list .behaviour-separate-line{
    border: 1px solid #ed1846;
    margin-top: 20px;
}

span.message.behaviourErrorMessage{
    display: block;
    margin: 0 0 0 15px;
}
span.message.behaviourErrorMessage span.label.label-important{
    margin: 0 0 0 -7px;
}

ul li.behariourCategoryHide span.message.behaviourErrorMessage{
    margin: 0;
}
.behaviour-list .behaviorSwitch{
    display: none;
}
.cropper-preview img {
    max-width: 100%;
}

.sub-particpant-tab-content .status-edit{width:22px; height:22px; background:url(../assets/icons/status-icon-edit.png) no-repeat; display:inline-block; float:left; margin:6px 10px 6px 0px;}
.notification-wrapper .notification-content a{
    display: inline-block !important;
    float: none !important;
    line-height: inherit !important;
    font-size: 12px !important;
    height: auto !important;
}

/******* Expire instrument table design for cloneJobRole popup  ******/
table.expireInstrumentsTable,
#swal2-html-container.cloneJobRolePopup ul.structure li,
#swal2-html-container.cloneJobRolePopup .advanced-options{
    width: 100%;
}
table.expireInstrumentsTable{
    margin-bottom: 10px;
}
table.expireInstrumentsTable tr{
    border: 1px solid #ccc;
}
table.expireInstrumentsTable tr td{
    display: flex;
    padding: 5px;
}
table.expireInstrumentsTable tr td label{
    width: 41%;
    padding: 0;
}
#swal2-html-container.cloneJobRolePopup{
    width: 962px !important;
}
table.expireInstrumentsTable tr td .chosen-container{
    width: 150px !important;
}

table.expireInstrumentsTable tr td .expireFieldDropdown{
    width: 144px;
    float: none;
    padding-left: 10px;
    min-width: 144px;
    max-width: 144px;
}
table.expireInstrumentsTable tr td .expireFieldDropdown span.message span.label{
    margin: 0;
}

/******* End Expire instrument table design for cloneJobRole popup  ******/

.behaviour-list #behaviourListForm .scaleDiv label span{
    text-transform: lowercase;
}
.behaviour-list #behaviourListForm .scaleDiv label span::first-letter{
    text-transform: uppercase !important;
}

label.expire-instrument-heading{
    width: 100%;
    margin: 0 0 10px 0;
}
.child-file-type .down a.openmodalbox1 {
    width: auto;
}
.nameDiv,
.surnameDiv,
.emailDiv{
    width: 200px;
}
.nameDiv span.errorName span.label-important,
.surnameDiv span.errorSurname span.label-important,
.emailDiv span.errorEmail span.label-important{
    margin: 0;
}
.nameDiv input,
.surnameDiv input,
.emailDiv input{
    margin: 0;
    margin-top: 3px;
}
.cloneJobRolePopup table.expireInstrumentsTable tr td:first-child {
    background: #f1f1f1;
}

form#replace-norm-form ul.structure,
form#replace-norm-form ul.structure li.control-list{
    width: 100%;
    margin: 10px 0;
}

.swal2-html-container form#replace-norm-form ul.structure li span.message span.label{
    float: left;
    margin-left: 250px;
    line-height: normal;
}
#unlock-invoice-form ul.structure{
    margin-left: -5px;
    width: 650px;
    margin-top: 10px;
}
#unlock-invoice-form ul.structure li{
    width: 650px;
}
.unlock-invoice-form-popup{
    width: 650px !important;
}

#swal2-html-container .project-scheduling-popup-content .btn-wrap{
    margin: 10px;
}

#swal2-html-container .project-scheduling-popup-content .btn-wrap a{
    margin: 0 0 5px 0;
}
#swal2-html-container .project-scheduling-popup-content .btn-wrap a:last-child{
    margin-right: 5px;
}
.editFixedItemRemainingAmount {
    float: right !important;
}
.shortAmountDiv {
    width: 130px;
    margin-top: 6px;
}
.updateLogbookAmount {
    float: right;
}
#changeInvoicePricesForm ul.structure {
    margin-left: 0px;
}
div#tts_scorebundle_modelprofilersettingtype_profilerSettingsOrderd label{
    display: none;
}
.cloneInstrumentCloseIcon{
    min-width: 24px !important;
    height: 26px !important;
}
.cloneInstrumentCloseIcon i{
    margin-top: 3px !important;
    margin-left: 4px !important;
}
section.content .tab-content .behaviour-list ul.structure{
    margin-bottom: 40px;
}
.selectModelLabel{
    margin-left: 32px;
}
.subFormSection {
    width: calc(100% - 30px);
    margin-bottom: 10px;
    margin-left: 0;
}
.subFormSection div, .subFormSectionLabel {
    width: 100%;
    margin-bottom: 5px;
}
.mainFormSection ul:not(.chosen-results){
    width: calc(100% - 30px);
    margin-top: 10px;
}

.internalTaskFixActionsBtnGroup h4{
    padding: 0 0 10px 0;
}
.notification-content a, .clean-html a {
    margin-right: 5px!important;
}
.spin {
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
#model_variables_list_grid div:not(.model-remove-model-container, .removeVariableContainerMove, .filterButton) {
    float: left;
}
#model_variables_list_grid .add-model .mandatory i {
    margin-top: 11px;
    margin-right: 11px;
    margin-bottom: 11px;
    margin-left: 40px;
    width: 13px;
    height: 13px;
    display: block!important;
    float: left;
}
#model_variables_list_grid .add-model .mandatoryThree i {
    margin-top: 11px;
    margin-right: 11px;
    margin-bottom: 11px;
    margin-left: 32px;
}
#model_variables_list_grid .editable-error-block.help-block{
    float: none;
    margin-left: 4px;
    color: var(--danger);
}
#model_variables_list_grid .descriptionInfo {
    width: 350px;
}
#model_variables_list_grid .editableform {
    padding: 0;
}
.instrument-filter {
    margin: 10px 0;
}
#model_variables_list_grid .variableName,
#model_variables_list_grid .weightType,
#model_variables_list_grid .groupBy  {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#model_variables_list_grid .descriptionInline {
    overflow-y: overlay;
}
.groupingby a, .groupingby input {
    float: left;
    display: block;
    margin: 3px;
    padding: 4px 6px;
    max-width: 160px;
}
.groupingby a{
    margin-bottom: 0;
}
.sortable-drag{
    border: 1px solid #555!important;
}
.sortable-ghost, .sortable-ghost > .removeVariableContainerMove  {
    background-color: #C8EBFB!important;
}
.swal2-html-container ul#instrumentPermission {
    margin: 0;
    width: 100%;
}
.swal2-html-container ul#instrumentPermission li {
    width: 100%;
}

i.icon-edit-custom{
    background-image: url(../assets/icons/order-view.png) !important;
}
#show-hide-assessments-content .alert-warning{
    margin-left: 0;
    margin-right: 0;
}
#form-clone-interactive-model ul,
#form-clone-interactive-model ul li,
#form-clone-interactive-model ul li select {
    width: 100%;
}
.form-clone-interactive-model span.label.label-important {
    display: inline;
    margin: 0;
}

.inlineEdit{
    cursor: pointer;
}

#model-selection .role-model-remove-model-container a.deleteFrameworkBtnDisable span{
    cursor: not-allowed;
    opacity: 0.2 !important;
}

div.swal2-html-container form#form_norms div#instrument_form ul.structure li ul.structure{
    margin: 20px 0 0 0;
}
#model_variables_list_grid.multi-scale-list .add-variables input[type=checkbox]{
    margin: 5px 5px 0px 5px;
}
#model_variables_list_grid.multi-scale-list .model-variable input[type=checkbox]{
    margin-top: 11px;
    margin-bottom: 11px;
    margin-right: 11px;
}
#model_variables_list_grid.multi-scale-list .add-variables .model-variable:not(.model-all-variable) > span.name input{
    width: 222px !important;
}

.mlNormForm>#instrument_form>ul.structure>li>label{
    width: 530px !important;
}
.instrumentNormsLi>label{
    width: 100% !important;
}
.meritListForm li.instrumentNormsLi>div>div{
    margin-top:10px;
}
.mlNormForm #instrument_form ul.structure ul.structure{
    margin-top: 10px !important;
}

section.content .right-content.newReviewSection  .classificationDiv .jobFamilyLi,
section.content .right-content.newReviewSection  .classificationDiv .searchTextLi
{
    width: 290px !important;
}

section.content .right-content.newReviewSection  .classificationDiv .jobFamilyLi label,
section.content .right-content.newReviewSection  .classificationDiv .searchTextLi label
{
    width: 200px;
}

section.content .right-content.newReviewSection  .classificationDiv .jobFamilyLi select
{
    width: 280px;
}
section.content .right-content.newReviewSection  .classificationDiv .searchTextLi input
{
    margin-top: 10px;
    margin-left: -20px;
    width: 250px;
}
section.content .right-content.newReviewSection  .classificationDiv table.display
{
    width: 700px !important;
    margin-left: 8px;
}
section.content .right-content.newReviewSection  .classificationDiv table.display #occupationRadio
{
    margin-top: 5px;
}
section.content .right-content.newReviewSection  .classificationDiv .searchBtnLi{
    width: 100px !important;
    margin-top: 33px;
}
.classificationDiv .jobFamilyLi .chosen-container
{
    margin-top: 10px;
    margin-left: -20px !important;
}
.classificationDiv .searchBtnLi,
.classificationDiv .jobFamilyLi{
    margin-left: 2px !important;
}
.classificationDiv .searchTextUl{
    position: absolute !important;
    margin-top: 62px !important;
    margin-left: 5px !important;
    background: #fff !important;
    border: #ccc solid 0.5px !important;
    width: 260px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    z-index: 999999 !important;
}
.classificationDiv .searchTextUl li{
    cursor: pointer;
}
section.content .right-content.newReviewSection p.classificationMessageP{
    margin-bottom: 5px !important;
}

.jobReviewProfilerRaterSectionTable.classificationtable{
    border: 0 !important;
}

.jobReviewProfilerRaterSectionTable.classificationtable td.orderNone{
        border-right: 0 !important;
}

.allowPartialMatchSwitch{
    margin: 0;
}
.allowPartialMatchSwitch .on,
.allowPartialMatchSwitch .off {
    width: 170px;
}
.allowPartialMatchSwitch .switch {
    width: 255px;
    position: relative;
    top: -3px;
}
.allowPartialMatchSwitch .slider.round {
    width: 250px !important;
}
.allowPartialMatchSwitch input:checked + .slider:before{
    transform: translateX(215px);
}

.classificationDiv div.observerAdd div#alert-message{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.classificationDiv .classificationStageModeLabel label{
    width: 330px !important;
}
.classificationDiv .classificationOccupationLi .classificationOccupationLabel{
    width: 490px !important;
}
#tts_profilerbundle_mainprofilersectiontype_occupation,
#tts_profilerbundle_mainprofilersectiontype_occupation_chosen{
    margin-left: 6px;
    margin-top: 8px;
}
.classificationDiv .classificationOccupationLi input{
    width: 490px !important;
}
.classificationDiv .classificationOccupationLabel{
    width: 500px !important;
}
.classificationClientCodeLabel{
    width: 250px;
}
ul.structure li .textparagraphContent,
.textQuestion .textparagraphContent{
    width: auto !important;
}
ul.structure li .textparagraphContent{
    margin-top: 5px !important;
}
.textQuestion .textparagraphContent{
    margin-top: 12px !important;
}
ul.structure li .textparagraphContent p,
.textQuestion .textparagraphContent p{
    font-size: 14px;
    font-weight: bold;
    padding-left: 4px;
    color: #555 !important;
}
.classificationDiv label.raterReviewLabel {
    padding-top: 2px !important;
}

.updateModelSubText.alert.alert-warning.billingWaring{
    width: 463px !important;
}
.updateModelSubText{
    width: 515px !important;
}

.jobClassificationSearchText{
    max-width: 150px !important;
}
.clientNotes > ul,
.clientNotes > p{
    margin-bottom: 10px;
}

#workflowForm .val-error{
    margin-left: 0 !important;
}

#workflowForm .val-error .alert-error{
    max-width: 845px !important;
}

.control-list.panel-attended.PanelFeedback div#tts_projectbundle_projectworkflowsettingtype_attendeeMembers_chosen{
    width: 240px !important;
}
.control-list.panel-attended.PanelFeedback a#addQuickMember{
    margin-top: 0 !important;
}
.control-list.panel-attended.PanelFeedback .chosen-container.chosen-container-multi{
    width: 240px !important;
}
#invoice-search-filter ul.structure li.projectStatus{
    margin-left: 13px;
}

#invoice-search-filter ul.invoice-other-tab-ul li.projectStatus{
    margin-left: 0;
}
.clientMonthLabel{
    width: 240px !important;
}
.clientMonthLabel input{
    margin: 10px 0 0 0 !important;
}
.clientMonthLabel label{
    width: 220px !important;
    margin: 7px 0 0 5px;
    padding: 0;
}
form#cloneRoleModel > div div.chosen-container{
    margin-bottom: 10px;
}

a.morelink {
    text-decoration:none;
    outline: none;
}
.morecontent span {
    display: none;
}

.billAtProjectCompleted{
    width: 500px;
}
.completeTimeCancelSchedule{
    margin-top: 10px;
}
.completeTimeCancelSchedule ul{
    margin-left: 8px;
}
.completeTimeCancelSchedule ul li{
    list-style: none;
}
#tts_observeradminbundle_observerbillingtype_moduleSettingParticipant_participantRelations .structure li div.form-group{
    width: auto;
}

.alert.irn-warning-msg{
    width: auto !important;
    max-width: none !important;
    margin-left: 38px;
}
form.form-clone-interactive-model li.interactive-model-type label{
    width: 500px;
}
form.form-clone-interactive-model li.interactive-model-type input{
    margin-top: 9px;
    clear: both;
}

.instrument-content#sectionShowHideContextOverview .break_word_wrap,
.instrument-content#sectionShowHideContextOverview .break_word_wrap .observerAdd{
    width: auto;
}
.form-tabs-section .title-bar {
    display: none;
}
/*** start acrossLanguage filed add in add candidate screen *******/
.acrossLanguageDiv{
    margin-left: 10%;
}
.acrossLanguageDiv,
.acrossLanguageDiv label{
    display: inline-block;
}
.acrossLanguageDiv input{
    margin: 0 !important;
    vertical-align: middle;
}
/*** end acrossLanguage filed add in add candidate screen *******/

/******* start linked instrument variable  ********/
.linked-instrument-variable-ul label.addRemoveBtn{
    width: auto;
    margin: 0;
    padding: 0;
}
.linked-instrument-variable-label,
.linked-instrument-variable-div{
    width: 25%;
}
.linked-instrument-variable-div input,
.linked-instrument-variable-div span.message span.label-important{
    margin: 0;
}
/******* end linked instrument variable  ********/
/***** profiler approval css  **********/
.profilerApprovalMainDiv .jobReviewProfilerRaterSectionUl{
    width: 884px !important;
}
.profilerApprovalMainDiv .jobReviewProfilerRaterSectionUl li,
.profilerApprovalMainDiv a.advanced-options{
    width: 100% !important;
}
.profilerApprovalMainDiv .jobReviewProfilerRaterSectionA,
.profilerApprovalMainDiv .jobReviewProfilerRaterSectionUl,
.profilerApprovalMainDiv .jobReviewProfilerRaterSectionTable{
    margin: 0 !important;
}
form.send-profiler-rejected span.message,
form.send-profiler-approved span.message{
    margin-left: 234px;
}
form.send-profiler-rejected .billingQuestions ul li,
form.send-profiler-rejected .billingQuestions,
form.send-profiler-approved .billingQuestions ul li,
form.send-profiler-approved .billingQuestions{
    width: 100%;
}

section.content .profilerApprovalMainDiv.tab-content table.display{
    width: 100% !important;
    margin: 0px 0px 10px;
}
section.content .profilerApprovalMainDiv .tab-content{
    margin: 0;
}
p.profilerApprovalNote{
    color: #c09853;
    margin-top: 5px;
}
.profilerApprovalNoteWarning {
    margin:10px 0px;
}

/******* end profiler approval css **********/
li.askForApproverWidget input{
    width: auto !important;
}
li.askForApproverWidget .labelAskForApprover{
    width: auto !important;
    margin-left: 23px;
}
li.askForApproverDiv .labelApprover{
    width: auto !important;
    margin-left: 23px;
}
.approvalPopupContent ul {
    margin: 0px 10px;
}
.approvalPopupContent .reportApproveCollectionReportLabel{
    width: 238px !important;
    margin-left: 25px;
}
.approvalPopupContent .chosen-container-single{
    width: 245px!important;
}
.approvalPopupContent .control-list .message {
    margin-left: 18px;
}
#send-profiler-approved .billingQuestions ul, #send-profiler-rejected .billingQuestions ul {
    margin: 0px
}
#send-profiler-approved .billingQuestions textarea, #send-profiler-rejected .billingQuestions textarea {
    width: 300px;
    min-width:300px;
}
#model_variables_list_grid .model-variable-header-filter,
#model_variables_list_grid .model-variable-filter {
    margin: 0 !important;
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    float: unset;
}
#model_variables_list_grid .filterButton .button { margin: 0px;  }
#model_variables_list_grid .model-variable-header.model-variable-header-filter > span,
#model_variables_list_grid .model-variable-filter > span {
    float: unset;
    margin: 5px 5px !important;
    width: auto !important;
}
#model_variables_list_grid .model-variable-header.model-variable-header-filter > span:not(:nth-child(1), :nth-child(2)),
#model_variables_list_grid .model-variable-filter > span:not(:nth-child(1), :nth-child(2)),
#model_variables_list_grid .model-variable-filter > span select {
    min-width: 180px;
}
#model_variables_list_grid .model-variable-filter > span:nth-child(1),
#model_variables_list_grid .model-variable-filter > span:nth-child(2) {
    margin: 5px 20px !important;
}
.category-multi .chosen-choices,
.multi-select-span .chosen-choices { min-height: 28px;  }
.category-multi .chosen-container,
.multi-select-span .chosen-container { margin: 3px 0px !important;  }
.category-multi input.chosen-search-input,
.multi-select-span input.chosen-search-input { margin: 0 !important; }
.multi-select-span input.chosen-search-input { padding: 3px !important; }
.model-variable-header:not(.model-variable-header-filter) .name {
    margin: 5px !important;
}
.model-variable-header:not(.model-variable-header-filter) .name,
.model-variable-header:not(.model-variable-header-filter) .scaleType,
.model-variable-header:not(.model-variable-header-filter) .scoreType {
    width: 120px !important;
}
.model-variable-header:not(.model-variable-header-filter) .group {
    width: 110px !important;
}
.model-variable-header:not(.model-variable-header-filter) .category {
    width: 190px !important;
}
.multi-scale-list .model-all-variable-header > span,
.multi-scale-list .model-all-variable > span:not(.scale_chk, .active, .visible) {
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.multi-scale-list .model-all-variable-header > span.flip {
    margin: 5px !important;
}
.model-all-variable > span.scale_chk,
.model-all-variable > span.active,
.model-all-variable > span.visible {
    min-width: 14px;
}
#model_variables_list_grid .model-variable>span.name.span-input input[type=text],
#model_variables_list_grid .model-variable>span.multi-select-span select,
.multi-scale-list .model-all-variable span.scaleType select,
.multi-scale-list .model-all-variable span.scoreType select,
.multi-scale-list .model-all-variable span.groupNumber select {
    width: 100% !important;
}
.multi-scale-list .model-all-variable .name,
.multi-scale-list .model-all-variable .scaleType,
.multi-scale-list .model-all-variable .scoreType {
    width: 120px !important;
}
.multi-scale-list .model-all-variable .groupNumber {
    width: 110px !important;
}
.multi-scale-list .model-all-variable .category {
    width: 245px !important;
}
.model-all-variable .scale_chk { margin: 5px 10px !important; }
.model-all-variable .scale_chk .scale-checkbox { margin: 11px 0 !important; }
.model-all-variable .active,
.model-all-variable .visible { margin: 5px 15px !important; }
.model-all-variable span.name.name.details-view { width: 85% !important; }
.model-all-variable-header span.name.details-view,
#model_variables_list_grid .model-variable>span.name.span-input.details-view input[type=text] {
    width: 250px !important;
}
#model_variables_list_grid.multi-scale-list  .model-variable>span.name.span-input.details-view textarea.descriptionFields {
    margin-left: 20px !important;
    width: 460px !important;
    max-width: 460px !important;
}
.keys-icon-section {
    display: flex;
}
.keys-icon-section h6 {
    line-height: normal !important;
    margin-top: 6px;
}
.add-more-ul .item-heading,
.add-more-ul .item-content {
    width:400px;
}
.add-more-ul:not(.ew-100) select,
.add-more-ul:not(.ew-100) input[type="text"] {
    width: 100% !important;
    margin: 0;
}
.add-more-ul .message span.label {
    margin: 0;
}

#tts_assessmentbundle_instrumenttype_skipCharge{
    margin: 7px 0 0 0;
}
label[for="tts_assessmentbundle_instrumenttype_skipCharge"]{
    float: right;
    margin: -2px 0 0 0;
}
div.margin-left33 div.details-section,
.details-section { width: auto; }
div.margin-left33 div.merge-action,
.merge-action {
    width: 100%;
    text-align: right;
    margin-left: -10px;
    clear: both;
}
div.margin-left33 div.merge-div,
.merge-div { margin-left: 45px; }

.invoice_review-list .action .dropdown .dropdown-toggle{
    float: left;
    margin: 0 0 10px 0;
}
.swal2-html-container ul > li#confirmMessage { max-width: 545px; }
.pw {
    transition: opacity .1s linear;
    visibility: visible;
    opacity: 1;
}
.ristrik_text {
    visibility: hidden;
    opacity:  0;
}
.ul-col-heading,
.ul-col-content {
    display: flex !important;
}
.ul-col-heading .ul-col-title,
.ul-col-content .ul-col-fields {
    display: flex !important;
    justify-content: space-between !important;
}
.ul-3-col .ul-col-heading .ul-col-title label:nth-child(1),
.ul-3-col .ul-col-heading .ul-col-title label:nth-child(2) {
    width: 273px !important;
}
.ul-2-col .ul-col-heading .ul-col-title label:nth-child(1),
.ul-2-col .ul-col-heading .ul-col-title label:nth-child(2) {
    width: 50% !important;
}
.advanced-options .ul-2-col .advaceSettingLi .chosen-container {
    width: 100% !important;
}
.advanced-options .ul-1-col .advaceSettingLi .chosen-container {
    width: 48.4% !important;
}
.ul-3-col .ul-col-heading .ul-col-title label:nth-child(3),
.ul-3-col .ul-col-content .ul-col-fields input {
    width: 256px !important;
}
.ul-col-content .ul-col-fields input,
.ul-col-content .ul-col-fields select,
.ul-col-content .ul-col-fields .chosen-container,
form.ap-rules-form span.label,
.ul-col-heading .ul-col-title label {
    margin: 0 !important;
}

.ul-3-col.model-data-section .ul-col-heading .ul-col-title label:nth-child(3){
    width: 300px !important;
}
div#swal2-html-container.form-col-4 {
    width: 800px;
}
.form-width form ul.structure {
    margin: 0px;
    margin-left: 0px;
    width: 100%;
}
.form-width form ul.structure > li {
    width: 100%;
}
.ov-m {
    margin: 0px !important;
}

/*---------------------------------
 Profiler Job architecture Radio SELECTION
 ---------------------------------- */

ul.profilerJobUI li {
    float:left;
    display:block;
    width:auto;
}

ul.profilerJobUI li div.arch-radio {
    float:left;
    display:block;
    width:100%;
    padding: 5px 15px;
}

ul.profilerJobUI li div.arch-radio input[type=checkbox]{
    margin-top: 10px;
}

ul.profilerJobUI li div.arch-radio span{
    text-align:center;
    width:14px;
    line-height: 16px;
    font-weight: bold;
    display: block;
}

/**
 * Css for Profiler Job - Classification - Job Architecture
 */
/* Start auto complete */
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-autocomplete li.ui-menu-item a.ui-menu-item-wrapper{
    padding: 5px 6px;
    width: 100%;
    display: block;
}
.ui-autocomplete li.ui-menu-item a.ui-state-active {
    background-color: #337ab7;
    background-image: none;
    color: white;
}

.ui-autocomplete > li > div {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

#project_form_id .ui-autocomplete-loading,
.jag-text .ui-autocomplete-loading {
    background: white url("../images/spinner_squares_circle.gif") right center no-repeat !important;
    background-size: 22px !important;
    background-position:  99% !important;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
  cursor: pointer;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.jag-text .cust-clear-text {
    display: none;
}
.jag-text.text-fill .cust-clear-text{
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 18px;
    display: block;
}
.jag-text .cust-clear-text{
    top: 42px;
}
.jag-text.text-fill input{
    padding: 1px 22px 1px 12px;
}
.jag-text.text-fill .cust-clear-text.remove-jag-text {
    position: absolute;
    top: 10px;
    right: 206px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("chosen/chosen-sprite.png") -47px 1px no-repeat;
    font-size: 1px;
    cursor: pointer;
}
.jag-text {
    position: relative;
}
form ul.structure>li.jag-text>input[type=text] {
    padding: 3px 20px 3px 10px;
    max-width: 190px;
}
#wrapper #sortable li.job-architecture-text-info {
    display: flex;
}
.job-architecture-text-info label{
    min-width: 200px;
    max-width: 200px;
}
/* End auto complete */

.day-selection-section div.day-selection {
    width: 600px !important;
}
.day-selection-section div.day-selection .day-selection-col {
    width: 6%;
}
.updateLogbookMultiplePriceFrom div.updatePriceSection,
.updateLogbookMultiplePriceFrom div.priceConfirmationSection {
    width: 100%;
}

.multiple-norm-table {
    display: none;
    position: absolute;
    background: #ffffff;
    width: auto;
    box-shadow: 0px 0px 6px 2px #ccc;
    z-index: 9;
    transition: all linear 0.3s;
}

.multiple-norm-td:hover .multiple-norm-table{
    display: block;
}

#wrapper .report-module-setting-list,
#wrapper .report-module-setting-list ul.reportModuleSetting#sortable{width: 100%; float: left;}
#wrapper .report-module-setting-list ul.reportModuleSetting#sortable li.ui-state-default{margin: 0 0 5px 0; width: 100%;}
#wrapper .report-module-setting-list ul.reportModuleSetting#sortable li.ui-state-default .header{ width: calc(100% - 21.5%); box-sizing: border-box; }
#wrapper .report-module-setting-list ul.reportModuleSetting#sortable li.ui-state-default .header-options{box-sizing:border-box;width: 21.5%;}

#wrapper .report-module-setting-list #sortable .header span.module{width:510px}
#wrapper .report-module-setting-list #sortable .header span.createdAt{width:100px}

#wrapper .report-module-setting-list #sortable .edit-report-module-setting-container{
    background-color:#f3f3f3;
    border-right: 1px solid #DDDDDD;
    display: grid;
    float: left;
    height: 18px;
    padding:8px 6px;
    width: 14px;
    place-items:center;
}
.empty-div {
    width: 14px;
    float: left;
    background-color: #f3f3f3;
    display: grid;
    height: 18px;
    padding: 8px 6px;
    place-items: center;
    margin-left: -1px;
    border-right: 1px solid #DDDDDD;
}
#wrapper #sortable li span.hide-show a {
    width: auto;
    padding-top: 6px;
    font-size: 12px;
    font-weight: normal;
}
#wrapper #sortable li span.hide-show.report a {
    width: auto;
    padding-top: 0;
    font-size: 12px;
    font-weight: normal;
}
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-content,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-content,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-of-child-content{
    float:left;
    display:none;
    width:100%;
    height:auto;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
}
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-content .report-module-setting-parameter-main,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-content .report-module-setting-parameter-main,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-of-child-content .report-module-setting-parameter-main{
    width: 100%;
    padding: 15px 0;
    background: transparent;
    border: 1px solid #e9e9e9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
    float: left;
}
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-content .report-module-setting-parameter-main .report-module-setting-parameter-list,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-of-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list{
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin-bottom:10px;
    display:flex;
    align-items: center;
    padding:0 10px;
}
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-content .report-module-setting-parameter-main .report-module-setting-parameter-list.heading,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list.heading,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-of-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list.heading{
    padding:0;
}
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-content .report-module-setting-parameter-main .report-module-setting-parameter-list:last-child,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list:last-child,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-of-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list:last-child{
    margin-bottom:0;
}
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-content .report-module-setting-parameter-main .report-module-setting-parameter-list label,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list label,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-of-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list label{
    display: inline-block;
    float: left;
    width: 50%;
    font-weight: bold;
    padding-bottom:0;
    box-sizing: border-box;
}
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-content .report-module-setting-parameter-main .report-module-setting-parameter-list span,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list span,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-of-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list span{
    display: inline-block;
    float: left;
    width: 50%;
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 6px;
    box-sizing: border-box;
    overflow-wrap: break-word;
}
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-content .report-module-setting-parameter-main .report-module-setting-parameter-list span.empty,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list span.empty,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-of-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list span.empty{
    padding: 18px;
}
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-content .report-module-setting-parameter-main .report-module-setting-parameter-list.heading,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list.heading,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-of-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list.heading{
    border-bottom: solid 1px #e9e9e9;
    margin-bottom: 15px;
}
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-content .report-module-setting-parameter-main .report-module-setting-parameter-list.heading label,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list.heading label,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-of-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list.heading label{
    padding: 0 10px;
    margin-bottom: 15px;
}
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-content .report-module-setting-parameter-main .report-module-setting-parameter-list.heading label:last-child,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list.heading label:last-child,
#wrapper .report-module-setting-list #sortable li .report-module-setting-parameter-child-of-child-content .report-module-setting-parameter-main .report-module-setting-parameter-list.heading label:last-child{
    padding-left: 0;
}

.report-module-setting-form ul.report-module-setting-parameter {
    margin: 10px 0 0 0px !important;
}

.hideONet {
    display: none !important;
}
.strlimit {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.strlimit.str20 {
    max-width: 140px;
}
.strlimit.str30 {
    max-width: 186px;
}
.report-module-setting-status {
    color: #555;
    padding: 5px;
    font-weight: bold;
}
span#instrument-pdf-file-text{
    color: #555;
    margin-left: -10px;
}
.used-where-logbook textarea.price-reason {
    min-width: 290px;
    max-width: 290px;
    width: 290px;
}
.hide-calendar .ui-datepicker-calendar {
    display: none;
}
.ui-datepicker .ui-datepicker-title select {
    margin: 1px 2px !important;
}

.removeDualModelFrom .remove-dual-model-content {
    font-size: 14px;
    display: block;
    width: 100%;
    float: left;
    color: #555;
    font-weight: bold;
    line-height: 18px;
    padding-bottom: 10px;
}

ul#advanced-options-merit-list li.merit-list-add-button-li + li {
    clear: both
}

/**
 * CSS for Optional framework - Start
 */
.subFormWrapper .frm_checkboxes {
    display: grid;
    grid-template-columns: 0fr 90fr;
    grid-auto-flow: row;
}
.subFormWrapper .frm_checkboxes label {
    margin-bottom: 5px;
    width: 100%;
}
.subFormWrapper .frm_checkboxes input {
    margin: 8px 2px !important;
}

.foundational-model-guide-optional-framework .framework-inner-wrap li.control-list span.framework-name, .foundational-model-guide-provider-framework .framework-inner-wrap li.control-list span.framework-name{
    background: #ffffff;
    border: 1px solid #d7d7d7;
    padding: 8px 12px;
    display: block;
    width: 95%;
    margin-right: 5px;
    font-size: 0.875rem;
    color: #616166;
    font-weight: normal;
}
.foundational-model-guide-optional-framework .framework-inner-wrap li.control-list span.framework-name h3 label, .foundational-model-guide-provider-framework .framework-inner-wrap li.control-list span.framework-name h3 label{
    margin: 0px;
    padding-bottom: 10px;
}
.subFormWrapper .foundational-model-guide-optional-framework .framework-inner-wrap li.control-list .framework-child-container, .subFormWrapper .foundational-model-guide-provider-framework .framework-inner-wrap li.control-list .framework-child-container {
    display: flex;
    flex-flow: wrap;
}
.subFormWrapper .foundational-model-guide-optional-framework .framework-inner-wrap li.control-list .framework-child-container .widget-container, .subFormWrapper .foundational-model-guide-provider-framework .framework-inner-wrap li.control-list .framework-child-container .widget-container {
    display: flex;
    align-items: flex-start;
    max-width: 33.33%;
}
.subFormWrapper .foundational-model-guide-optional-framework .framework-inner-wrap li.control-list, .subFormWrapper .foundational-model-guide-provider-framework .framework-inner-wrap li.control-list {
    display: flex;
}
.subFormWrapper ul.structure.participant-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-top: 10px;
}
.subFormWrapper .foundational-model-guide-optional-framework .framework-inner-wrap, .subFormWrapper .foundational-model-guide-provider-framework .framework-inner-wrap {
    width: 100%;
    float: left;
}
.subFormWrapper .foundational-model-guide-optional-framework .orderForm-framework, .subFormWrapper .foundational-model-guide-provider-framework .orderForm-framework {
    display: flex;
    flex-flow: row;
    align-items: flex-end;
}
.subFormWrapper .foundational-model-guide-optional-framework .framework-inner-wrap li.control-list .framework-child-container, .subFormWrapper .foundational-model-guide-provider-framework .framework-inner-wrap li.control-list .framework-child-container {
    display: flex;
    flex-flow: wrap;
}
.subFormWrapper .foundational-model-guide-optional-framework .framework-inner-wrap li.control-list .framework-child-container .widget-container, .subFormWrapper .foundational-model-guide-provider-framework .framework-inner-wrap li.control-list .framework-child-container .widget-container {
    flex: 1 1 30%;
    display: flex;
}
.subFormWrapper .foundational-model-guide-optional-framework .framework-inner-wrap li.control-list .framework-child-container .widget-container input, .subFormWrapper .foundational-model-guide-provider-framework .framework-inner-wrap li.control-list .framework-child-container .widget-container input {
    margin-top: 8px;
}

#cloneModelBtn, #cloneModelFrameworkBtn {
    margin-top: 10px;
}
.cust-col-lbl label{
    margin: 0px;
}
/**
 * CSS for Optional framework - end
 */
.teams-form .message-link,
.jobarchitecture-form .message-link{
    margin-right: 20px;
}

section.content .tab-content a.advanced-options-question:not(:first-child):not(:last-child) {
    margin-top: -11px !important;
}

.job-architecture-reportName{
    font-size: 12px;
    font-weight: normal;
}

/** Nested Sortable Jquery CSS - Start */
#wrapper .report-module-setting-list .ui-state-default {
    background-image: none;
    background-color: transparent;
    color: #555;
    border: none;
}

#wrapper .report-module-setting-list #sortable .header {
    padding: 7.5px 6px;
    float: left;
    cursor: move;
    background: #f3f3f3;
    border: 1px solid #ddd;
    height: 100%;
}

#wrapper .report-module-setting-list #sortable li li .header {
    width: 625px;
}

#wrapper .report-module-setting-list #sortable li li li .header {
    width: 592px;
}

#wrapper .report-module-setting-list #sortable li li {
    margin-bottom: 0;
    margin-top: 6px;
}

#wrapper .report-module-setting-list #sortable li li .header span.module {
    width: 477px;
}

#wrapper .report-module-setting-list #sortable li li li .header span.module {
    width: 444px;
}

#wrapper .report-module-setting-list #sortable .sortable-placeholder {
    outline: 1px dashed #4183C4;
}

#wrapper .report-module-setting-list #sortable li li .report-module-setting-parameter-child-content{
    width: calc(100% - 36px);
}

#wrapper .report-module-setting-list #sortable li li li .report-module-setting-parameter-child-of-child-content {
    width: calc(100% - 67px);
}
/** Nested Sortable Jquery CSS - End */

div#tts_assessmentbundle_providertype_webserviceRequestUrl li:last-child {
    margin-bottom: 0px;
}

#providerFramework .custom-column {
    padding: 10px;
    display:flex;
    align-items: baseline;
}
#providerFramework .row.cust-d-flex {
    width: auto;
    flex-wrap: wrap;
}
#optionalFramework .foundational-model-guide-optional-framework .widget-container{
    margin-bottom: 15px;
}
#optionalFramework .foundational-model-guide-optional-framework [type="checkbox"]:checked,
#optionalFramework .foundational-model-guide-optional-framework [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
#optionalFramework .foundational-model-guide-optional-framework [type="checkbox"]:checked + label,
#optionalFramework .foundational-model-guide-optional-framework [type="checkbox"]:not(:checked) + label{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    padding-top: 0;
}
#optionalFramework .foundational-model-guide-optional-framework [type="checkbox"]:checked + label:before,
#optionalFramework .foundational-model-guide-optional-framework [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 2px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
#optionalFramework .foundational-model-guide-optional-framework [type="checkbox"]:checked + label:after,
#optionalFramework .foundational-model-guide-optional-framework [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #0075FF;
    border: 2px solid #0075FF;
    position: absolute;
    top: 6px;
    left: 3px;
    border-radius: 100%;
}
#optionalFramework .foundational-model-guide-optional-framework [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
#optionalFramework .foundational-model-guide-optional-framework [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#wrapper #sortable .header-report{
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    float: left;
    padding: 0px 8px 0px 0px;
    width: 205px;
    align-items: center;
    display: flex;
}

form#instrument-package-form ul.add-more-ul{
    width: 100%;
}
form#instrument-package-form ul.add-more-ul > li.control-list{
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    width: 874px;
}

form#instrument-package-form ul.add-more-ul > li.control-list .item-content label{
    padding-bottom: 10px;
    margin: 0;
}
form#instrument-package-form ul.add-more-child-ul > li.questionCombobox label{
    margin-right: 0;
}
form#instrument-package-form ul.add-more-child-ul{
    border: 0.5px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    width: 853px;
}

input.custom_min_range {
    margin-right: 15px !important;
}
.custom-range-text .range-value {
    width: 455px;
}
.custom-range-text .range-value div {
    width: auto;
}
.edit-team-block div:not(.info-icon){
    width: auto;
    display: inline-block;
}
.edit-team-block div.edit-team-inner-block{
    width: 220px;
}
.edit-team-block div.edit-team-inner-block > div{
    margin-bottom: 10px;
}
form.report-module-setting-import-form .form-content, form.report-module-setting-import-form .errors {
    width: 95%!important;
}

.disability-container .bb-1 {
    border-bottom: 1px solid #e8e8e8;
}
.disability-container .cust-d-flex {
    display: flex;
}
.disability-container div.div-flex {
    flex: 1;
}
.disability-container .mb-15 {
    margin-bottom: 15px;
}
.disability-container div.div-flex p {
    margin-bottom: 1rem;
    line-height: 1.6;
}
.disability-container .cust-d-flex .div-flex:nth-child(2) p {
    font-weight: bold;
}
.disability-container div.div-flex .columns {
    padding-left: 20px;
    width: 100%;
    float: left;
}
form ul.structure>li.project-team-jag-text{
    width: 670px !important;
}

form#project_team_form_id li.project-team-jag-text span.message{
    position: absolute;
}

.feedback-provider-li.edit-team-block div.edit-team-inner-block,
.merit-list-li.edit-team-block div.edit-team-inner-block
{
    width: auto;
}

ul li.feedback-provider-li .feedback-provider-row,
ul li.merit-list-li .merit-list-row
{
    width: 100%;
    clear: both;
}
ul li.feedback-provider-li .feedback-provider-row>div,
ul li.merit-list-li .merit-list-row>div,
ul li.feedback-provider-li .feedback-provider-row .feedback-provider-remove {
    float: left;
}
ul li.feedback-provider-li .feedback-provider-row .feedback-provider-remove {
    margin-left: 10px;
}

form.client-notes-form li span.label{
    display: inline;
    margin-left: 30px;
}
.oldThemePopup form .projectWorkFlow span.message span.label {
    margin-left: 450px;
}
.oldThemePopup .projectWorkFlow textarea {
    margin-left: -8px !important;
}
.oldThemePopup .projectWorkFlow ul.structure{
    margin-left: 0;
}
form.client-notes-form #alert-message{
    max-width: 810px;
}
.norm-adjustment .add-more-ul .item-heading{
    margin-right: 0;
}
.norm-adjustment .add-more-ul .item-heading,
.norm-adjustment .add-more-ul .item-content {
    width:50px;
}

.norm-adjustment .add-more-ul .item-heading-ins,
.norm-adjustment .add-more-ul .item-content-ins {
    width:198px;
}

.norm-adjustment .add-more-ul .item-heading-scale,
.norm-adjustment .add-more-ul .item-content-scale {
    width:520px;
}

.norm-adjustment span.message span.label-important{
    display: inline-block;
    white-space: normal;
    line-height: normal;
    margin-top: 10px;
}

.merit-list-row ul li.merit-list-event-li{
    list-style: none;
}

ul li.merit-list-li .merit-list-row{
    clear: none;
}

.merit-list-row ul li.merit-list-event-li .theme-ui-switch {
        display: grid;
}

.tipsy:has(> div.tipsy-inner table) {
    opacity: 1;
}
.tipsy .tipsy-inner:has(> table) {
  max-width: inherit;
  border-radius: 4px;
  background: #EEE;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  padding: 15px;
}
.tipsy .tipsy-inner:has(> table) table {
  color: #333;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin:0;
}
.tipsy .tipsy-inner:has(> table) table tbody{
    background: #fefefe;
}
.tipsy .tipsy-inner:has(> table) table tbody tr:nth-child(even){
  background: #F7F8FA;
}
.tipsy .tipsy-inner:has(> table) table tr th:first-child,
.tipsy .tipsy-inner:has(> table) table tr td:first-child{
    font-weight: bold;
}
.tipsy .tipsy-inner:has(> table) table tr th,
.tipsy .tipsy-inner:has(> table) table tr td{
    padding: 9px 15px;
    text-align: left;
    vertical-align: middle;
}
.tipsy .tipsy-inner:has(> table) table tbody tr th:last-child{
    width: 400px;
}

.classificationDiv .content-mix-controls label{
    width: 250px;
}
li.singleSignOnDomains-box tags.tagify{
    width: 216px;
    float: left;
    height: auto;
    border: 1px solid #ccc;
    background: url(../assets/forms/textfield-background.gif) repeat-x #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    margin: 3px 0;
    box-sizing: content-box;
}

/* Css for Gauss in weight setting of model */
#tts_scorebundle_weightsettingstype_weightSettingsParents .isGauss {
    margin: 10px 65px;
}
tags.tagify {
    margin-left: -8px;
    width: calc(100% - 300px);
}

button#previewVideoModalBox{
    margin-top: 3px;
}

/* Css for duplicate search widget field at client level */
div.duplicateSearchMethod{
    width: 650px !important;
    display: flex;
    align-items: center;
}

div.duplicateSearchMethod label {
    width: 50px !important;
    padding-top: 0;
}

form.report-module-setting-form .button.white i {
    margin-right: 0px;
}

form.report-module-setting-form .button {
    height: 27px;
    line-height: 27px;
    margin-top: 2.6px;
}

.proctoring.add-more-ul .item-heading, .client-provider-key.add-more-ul .item-heading{
    width: 21.2%;
}

.proctoring.add-more-ul .item-content, .client-provider-key.add-more-ul .item-content {
    width: 22%;
}
.chk-levels .flex-item{
    flex: 1 1 30%;
    display: flex;
}

/**** Start multi select Select2 ******/
#tts_scorebundle_modelmanagetype .select2-container{
    float: left;
}

#tts_scorebundle_modelmanagetype .select2-container .select2-selection--multiple{
    border: 1px solid #aaa;
}

#tts_scorebundle_modelmanagetype .select2-container .select2-selection--multiple .select2-selection__choice,
#tts_scorebundle_modelmanagetype .select2-container .select2-selection--multiple .select2-search{
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    white-space: normal;
    max-width: 90%;
    margin-right: 0px;
    padding-right: 15px;
}

#tts_scorebundle_modelmanagetype .select2-container .select2-selection--multiple .select2-search__field{
    margin-top: 0;
    padding: 8px 3px 0 2px;
}

#tts_scorebundle_modelmanagetype .select2-container .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__remove{
    float: right;
    font-size: 16px;
    margin-right: -12px;
}

/**** End multi select Select2 ******/

/**** Start client theme logo height field ******/

.form-client-type-row .down.logo-height {
    display: flex;
      align-items: center;
      margin-bottom: 1px;
}

.form-client-type-row .down.logo-height span{
    width: 100px;
}
#swal2-html-container .swal2-html-container ul > li#confirmMessageReport { max-width: 545px; }

/**** End client theme logo height field ******/

/* https://tts-assess.atlassian.net/browse/TTSWEB-9154 */
.cls-conf-msg-repo{
    width: 100%;
}
.cls-conf-msg-repo .structure{
    width: 100%;
}
.cls-conf-msg-repo ul{
    margin-left: 0px;
}
/* https://tts-assess.atlassian.net/browse/TTSWEB-9154 */

.report-sandbox-module-setting-form #sandboxModuleParameterSettingsInfo ul li ul.instrument-variable-cls,
.report-module-setting-form #moduleParameterSettingsInfo ul li ul.instrument-variable-cls,
.report-sandbox-module-setting-form #sandboxModuleParameterSettingsInfo ul li ul.framework-variable-cls,
.report-module-setting-form #moduleParameterSettingsInfo ul li ul.framework-variable-cls
{
    margin: 0;
    margin-top: 12px;
    list-style-type: none;
    display: inline-block;
}

.report-sandbox-module-setting-form #sandboxModuleParameterSettingsInfo ul li ul.instrument-variable-cls li:not(.active-result),
.report-module-setting-form #moduleParameterSettingsInfo ul li ul.instrument-variable-cls li:not(.active-result),
.report-sandbox-module-setting-form #sandboxModuleParameterSettingsInfo ul li ul.framework-variable-cls li:not(.active-result),
.report-module-setting-form #moduleParameterSettingsInfo ul li ul.framework-variable-cls li:not(.active-result)
{
    display: inline-block;
    margin-bottom: 10px;
}

.client-job-arch div.chosen-container {
    min-width: 225px;
}

.width-auto-force {
    width: auto !important;
}

.client-job-arch .message span.label{
    line-height: 0px;
    margin: 0;
}

li.configuration-schedule-days .week-days {
    width: 650px !important;
}

li.configuration-schedule-days .week-days label {
    width: 18px !important;
}

li.configuration-schedule-days .week-days input {
    margin-left: 10px !important;
    margin-right: 10px !important;
}


.configuration-communication-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.configuration-communication-table th,
.configuration-communication-table td {
    border: 1px solid #ddd;
    padding: 6px;
    font-size: 13px;
    vertical-align: middle;
}

.configuration-communication-table th {
    background-color: #f5f5f5;
    text-align: center;
    font-weight: bold;
}

.configuration-communication-table .checkbox-cell {
    width: 90px;
    text-align: center;
    vertical-align: middle;
}

.configuration-communication-table .checkbox-cell input {
    float: none;
}

.configuration-communication-table .checkbox-cell input[type="checkbox"] {
    display: block;
    margin: 0 auto;
}

.configuration-communication-table span.is-invalid {
    color: red;
}

.configuration-communication-table tr.cc-email-row td {
    width: 100%;
    padding-left: 20px;
}

.configuration-communication-table td.cc-emailInputs {
    padding-left: 15px;
}

.configuration-communication-table tags.tagify.cc-email-field {
    width: 100% !important;
}
#advanced-options-service-setting .row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

#advanced-options-service-setting .content-label {
  width: 30%;
  padding-right: 1rem;
  box-sizing: border-box;
}

#advanced-options-service-setting .content-field {
  width: 70%;
  box-sizing: border-box;
}

.package-content {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
}

.package-content .chosen-container-multi {
    width: 100% !important;
}

.package-content .chosen-choices {
    width: 100% !important;
}

.package-item-left {
    padding-left: 46px;
}

.package-item {
	box-sizing: border-box;
    padding-top: 5px;
}

.package-item .chosen-choices, .package-item-left .chosen-choices {
	border: 1px solid #ccc;
	border-radius: 3px
}

.package-item .chosen-choices li.search-choice, .package-item-left .chosen-choices li.search-choice {
	width: auto;
}

.swal2-dialog-scale-name ul.structure {
    list-style: none;
    padding: 0;
    margin: 0;
}

div:where(.swal2-container) div:where(.swal2-html-container){
    overflow: visible !important;
}

div#swal2-html-container {
    overflow: inherit;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: var(--swal2-title-padding);
    font-weight: 700;
    text-align: left !important;
    text-transform: none;
    word-wrap: break-word;
    cursor: initial;
    border-bottom: 1px solid #e8e8e8;
    padding: 16px 24px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

div:where(.swal2-container) div:where(.swal2-html-container) {
    z-index: 1;
    justify-content: center;
    margin: 0;
    padding: var(--swal2-html-container-padding);
    overflow: auto;
    font-size: 1.125em;
    font-weight: normal;
    line-height: normal;
    text-align: left;
    word-wrap: break-word;
    word-break: break-word;
    cursor: initial;
}

.swal2-html-container .structure li {
    margin-bottom: 10px;
    list-style:none;
    text-align: left;
}

.swal2-actions{
    padding: 0px 15px;
}

div:where(.swal2-container) div:where(.swal2-html-container){
    text-align: left !important;
}
div#swal2-html-container>img, div#swal-content-body>img{
    width: 100% !important;
}
li.feedbackprovider {
    float: left;
}
.swal2-input{
    margin-left: 0px !important;
}
.swal2-container .statusreport > label,
li.statusreport > label {
    display:inline-block !important;
    width:450px !important;
    white-space:normal;
}

input#proceedInput {
    margin: 1em 0em 3px !important;
}

/* Instrument expiry ruleset layout */
form ul.structure li.expiry-ruleset-row {
    display: flex;
    flex-wrap: wrap;
    width: auto !important;
}
form ul.structure li.expiry-ruleset-row > label {
    max-width: 420px;
}
form ul.structure li.expiry-ruleset-row .expiry-ruleset-inputs {
    display: inline-flex;
    align-items: center;
    width: auto !important;
}
form ul.structure li.expiry-ruleset-row .expiry-ruleset-inputs input.expiry-input {
    width: 90px;
}

.expiry-ruleset-row .expiry-ruleset-label{
    width: 200px;
}
.expiry-ruleset-row .expiry-ruleset-headings {
    width: auto !important;
}

.expiry-ruleset-row .expiry-ruleset-headings .expiry-input-heading {
    width: 98px;
    display: inline-block;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    margin-left: 5px;
    color: #555;
}
.expiry-ruleset-row .expiry-ruleset-headings .expiry-input-heading:first-child {
    margin-left: 34px;
}