html {
/*position:relative;min-height:100%;*/
  margin: 0;
  padding: 0;
/*height: 100%;*/  
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/*navbar styles */
.navbar-default {
  background-color: #404040 !important;
  border: none !important;
  box-shadow: 0px 2px 2px #AAAAAA;
}

.navbar {
  border-radius: 0px !important;
}

.navbar-default .navbar-nav>li>a {
  color: #C5C5C5;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  color: #fff !important;
  background-color: #222 !important;
}

.nav>li>a {
  padding: 0px 15px !important;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #fff;
}

.navbar-default .navbar-nav>li>a.padd-0 {
  padding: 0 12px 0 0 !important;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background: #222;
  color: #fff;
}

.dropdown-menu>li>a {
  background-color: #222;
  display: block;
  border-bottom: solid 1px #444;
  padding: 10px;
  font-size: 13px;
  text-decoration: none;
  color: #c5c5c5;
  font-weight: normal;
}

.dropdown-menu>li>a:hover {
  background: #404040;
  color: #fff;
}

.dropdown-menu {
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
}

.dropdown a img {
  padding: 0 5px;
}

.icon-alert {
  background: #C82223;
  width: 46px;
  height: 23px;
  position: relative;
}

.icon-alert:hover {
  background: #fff;
  display: block;
}

.icon-help {
  font-size: 23px;
  color: #eee;
}

.navbar-right>.navalert>a:focus {
  background: #222;
  width: 17px;
  height: 23px;
  height: 60px;
  line-height: 60px;
}

.glyphicon-bell:before {
  color: #fff;
  font-size: 20px;
  position: absolute;
  right: 19px;
  top: 3px;
}

.glyphicon {
  top: 0px !important;
}

.navbar-right>.navalert>a span {
  display: block;
  position: absolute;
  top: -12px;
  right: 9px;
  color: #fff;
  font-weight: 600;
  font-family: 'Lato',Helvetica,Arial, sans-serif !important;
}
/*end of navbar styles */

/*alert styles */
.ado-alert ul.dropdown-menu {
  min-width: 400px;
  border: solid 2px #666;
  border-top: 0px;
  background-color: #f8f8f8 !important;
  padding: 10px;
  float: right;
}

.ado-alert ul.dropdown-menu {
  list-style-type: none;
}

.ado-alert ul.dropdown-menu>header {
  padding: 0px;
  height: 14px;
  font-size: 14px;
  font-weight: 600;
  margin: 3px 0 0px 0;
}

.ado-alert ul.dropdown-menu {
  float: left;
  max-height: 300px;
  overflow-y: auto;
}

.ado-alert ul.dropdown-menu>li {
  font-size: 13px;
  color: #666;
  border-bottom: solid 1px #ddd;
  padding: 6px 0;
}

.ado-alert ul.dropdown-menu>li:last-child {
  border-bottom: 0px;
}

.ado-alert ul.dropdown-menu>li>a {
  background-color: transparent;
  display: inline-block;
  border-bottom: 0px;
  padding: 3px 0 !important;
  text-decoration: underline;
  color: #c00000;
  font-weight: 600;
}

.ado-alert ul.dropdown-menu li a:hover {
  text-decoration: none;
}
/* end of alert styles */


/*Widgets*/

h1,dl {
  margin: 0px;
}

ul {
  padding: 0px;
}

body {
  font-family: 'Lato',Helvetica,Arial, sans-serif !important;
  font-size: 13px;
  background-color: #fff;
  scrollbar-face-color: #bbb;
  scrollbar-arrow-color: #bbb;
  scrollbar-track-color: #ddd;
  scrollbar-3dlight-color: brown;
}

a {
  color: #c62021;
  text-decoration: underline;
  font-weight: 600;
}

a:hover {
  color: #222222;
  text-decoration: none;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #ddd;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #bbb;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #bbb;
}

.font12 {
  font-size: 12px;
}

.font13 {
  font-size: 13px;
}

.font16 {
  font-size: 16px;
}

.fontbold {
  font-weight: bold;
}

.float-left {
  float: left;
}

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

.text-center {
  text-align: center;
}

/*.searchlist-dyn-border {
  border: 1px solid #e1e1e1;
}*/

.bg-white {
  background: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato',Helvetica,Arial, sans-serif !important;
}

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

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

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

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

@font-face {
  font-family: 'Roboto Slab';
    font-weight: normal;
    font-style: normal;
    src: url('font/robotoslab/robotoslab-regular.eot');
    src: url('font/robotoslab/robotoslab-regular.eot?#iefix')
          format('embedded-opentype'),
         url('font/robotoslab/robotoslab-regular.woff2')
          format('woff2'),
         url('font/robotoslab/robotoslab-regular.woff')
          format('woff'),
         url('font/robotoslab/robotoslab-regular.ttf')
          format('truetype'),
         url('font/robotoslab/robotoslab-regular.svg#roboto_slabregular')
          format('svg');
}
		  


/* Layout */
[project="banner"] {
  padding: 10px 10px 0 12px;
  height: 60px;
}

[project="banner"] h1 a {
  margin: 0;
  padding: 0;
  background: url(images/logo-delops.png) no-repeat left center;
  width: 265px;
  height: 37px;
  display: block;
  float: left;
}

[project="banner"] span {
  margin: 0;
  padding: 0;
  background: url(images/logo-sonata.png) no-repeat left center;
  width: 66px;
  height: 45px;
  display: block;
  float: right;
}

.wrapper {
  background-color: #eee;
  max-width: 1240px;
  min-height: 100%;
  height: auto;
 /* Negative indent footer by its height */
  margin: 0 auto -45px auto;
 /* Pad bottom by footer height */
  padding: 0 0 45px;
}

[project="name"] span.pn {
  border-radius: 3px;
  background: #fff;
  color: #000;
  font-size: 36px;
  text-transform: uppercase;
  width: 45px;
  height: 45px;
  text-align: center;
  padding-top: 3px;
  float: left;
  margin-right: 20px;
  box-shadow: 1px 1px 1px 1px #CCCCCC;
  margin-top: -14px;
}

[project="name"] {
  background-color: #555;
  color: #fff;
  padding: 20px;
  margin: 0px 1px;
}

[project="name"] h1 {
  font-size: 18px;
}

[my="picture"] {
  background-color: #eee;
  border-bottom: solid 1px #9b9b9b;
  padding: 10px;
  margin: 0px 1px;
  overflow: hidden;
}

[my="picture"] h1 {
  color: #7f7f7f;
  font-size: 18px;
  float: left;
}

[my="picture"] img {
  float: left;
}

[my="picture"] h1 {
  padding: 20px 0 0 15px;
}

[my="picture"] h1 span.role-title {
  font-size: 12px;
  margin-top: 5px;
  display: block;
}

[role="recentActivities"], [role="aboutProject"],[role="actions"],[role="quickLinks"],[role="riskReport"],[role="AssessmentsReport"],[table="topRiskItems"],[role="riskMatrix"],.accounts-block,[role="majoraccomplishments"] {
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 1px #c8c8c8;
  box-shadow: 1px 2px 1px #c8c8c8;
  width: 100%;
  float: left;
/*margin-right:15px;*/
  margin-bottom: 15px;
  min-height: 150px;
  border: solid 1px #E2E1E1;
}

#PVRiskItemsHistory .comments {
  min-height: 100%;
}

[role="REITrendGraph"] {
  margin-bottom: 15px;
  border: solid 1px  #E2E1E1;
  -webkit-box-shadow: 1px 2px 1px #c8c8c8;
  box-shadow: 1px 2px 1px #c8c8c8;
  width: 100%;
}

[project="managers"] ul li {
  border-bottom: solid 1px #ccc;
  padding: 12px 0 12px 10px;
}

[project="managers"] ul li img {
  float: left;
  padding-right: 10px;
}

[table="projectDetails"] {
  padding: 0px;
  clear: both;
}

[table="projectDetails"] table {
  margin-bottom: 0px;
}

[table="projectDetails"] th {
  font-weight: 600;
}

[table="projectDetails"] td {
  color: #666;
}

[table="projectDetails"] tr:nth-child(even) {
  background-color: #f5f5f5;
}

[table="projectDetails"] tr:nth-child(odd) {
  background-color: #eee;
}

[table="projectDetails"] .project\.Title {
  background-color: #e8e8e8;
  border-bottom: solid 1px #aaa;
  font-size: 18px;
  color: #444;
  font-weight: 600;
}

[table="projectDetails"] legend {
  margin-bottom: 5px;
}

.marginbtm20 {
  margin-bottom: 20px !important;
}

.margintop15 {
  margin-top: 15px !important;
}

.margintop7 {
  margin-top: 7px !important;
}

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

[role="actions"] h1,[role="quickLinks"] h1,[role="recentActivities"] h1, [table="topRiskItems"] h1,[role="riskReport"] h1,[role="AssessmentsReport"] h1, [role="riskMatrix"] h1, [role="adminnavigation"] h1 ,.accounts-block h1 ,[role="majoraccomplishments"] h1 {
  font-size: 18px;
  border-bottom: solid 1px #ccc;
  padding: 11px 10px;
}

[role="actions"] ul li, [role="riskMatrix"] ul li {
  list-style-type: none;
  border-bottom: solid 1px #ccc;
  padding: 10px 0;
  margin: 0px 10px 0px 0px;
}

[role="actions"] ul li:first-child, [role="riskMatrix"] ul li:first-child {
  padding-top: 0px;
}

[role="actions"] ul li:nth-last-child(1), [role="riskMatrix"] ul li:nth-last-child(1) {
  border-bottom: none;
}

[role="actions"] summary {
  height: 130px;
  overflow-y: auto;
  margin: 20px 10px 20px 20px;
}

[role="riskMatrix"] summary {
  height: 170px;
  margin: 20px 10px 20px 20px;
}

span.name {
  font-weight: 600;
}

[role="quickLinks"] ul li {
  list-style-type: none;
  padding: 10px 0;
  margin: 0px 0px 0px 22px;
  width: 155px;
  float: left;
}

[role="quickLinks"] ul li span.glyphicon, [role="quickLinks"] ul li span.fa {
  font-size: 25px;
  color: #555;
}

[role="quickLinks"] ul li a span {
  float: left;
  display: inline-flex;
}

[role="quickLinks"] ul li span.fa {
  margin-left: 2px;
}

[role="quickLinks"] ul li span:before {
  vertical-align: middle;
  padding-right: 10px;
}

[role="recentActivities"] section {
  background-color: #eee;
  padding: 2px 12px 12px 12px;
  border-radius: 10px;
  margin: 20px;
}

[role="recentActivities"] section time {
  font-size: 11px;
  color: #000;
  text-align: right;
  display: block;
}

[role="recentActivities"] .img-rounded {
  border: solid 1px #ccc;
}
/*[my="picture"] h1:before{content:url(../images/profile_pic.gif);}*/

/*Ravi Styles Starts*/
/* Top Risk Items */
[table="topRiskItems"] table {
  width: 100%;
  margin-bottom: 0px;
}

[table="topRiskItems"] th {
  font-weight: 600;
}

[table="topRiskItems"] td {
  color: #666;
}

[table="topRiskItems"] tr:nth-child(even) {
  background-color: #f5f5f5;
}

[table="topRiskItems"] tr:nth-child(odd) {
  background-color: #eee;
}

[table="topRiskItems"] .project\.Title {
  background-color: #e8e8e8;
  border-bottom: solid 1px #aaa;
  font-size: 18px;
  color: #444;
  font-weight: 600;
}

/*Risk Report*/
[role="riskReport"] section {
  margin: 15px auto 20px auto;
  min-height: 105px;
  width: 96%;
}

[role="riskReport"] .status {
  position: relative;
  text-align: center;
  top: 87px;
  left: 0px;
  font-size: 13px;
}

/*Assessment Report Graph styles */
[role="AssessmentsReport"] .skills {
  float: left;
  clear: right;
  width: 100%;
/*margin:20px 0px 30px 30px;*/
  ;
}

[role="AssessmentsReport"] .skillsTop {
  float: left;
  clear: right;
  width: 100%;
  margin: 5px;
  text-align: left;
  font-weight: 600;
  font-weight: 200;
}

[role="AssessmentsReport"] .skillsBottom {
  float: left;
  clear: both;
  width: 38%;
  margin: 2px 0px 10px 0px;
}

[role="AssessmentsReport"] .progress {
  background: #eee;
  height: 12px;
  margin: 3px 8px 10px 0;
  border-radius: 20px;
}

[role="AssessmentsReport"] .progress-bar {
  background-image: -webkit-linear-gradient(left, #FF7F50 0%, #FE7D7D 100%);
  background-image: -moz-linear-gradient(left, #FF7F50 0%, #FE7D7D 100%);
  background-image: -o-linear-gradient(left, #FF7F50 0%, #FE7D7D 100%);
  background-image: linear-gradient(to right, #FF7F50 0%, #FE7D7D 100%);
  height: 100%;
  width: 0%;
  border-radius: 20px;
  -webkit-transition: width 2.50s ease !important;
  -moz-transition: width 2.50s ease !important;
  -o-transition: width 2.50s ease !important;
  transition: width 2.50s ease !important;
}

[role="AssessmentsReport"] {
  padding: 0 0 15px 0;
}

[role="AssessmentsReport"] section {
  margin: 0px 0 0 0;
}

[role="AssessmentsReport"] .skills .well-sm {
  padding: 0px !important;
  border-radius: 0 !important;
  float: left;
}

[role="AssessmentsReport"].skills {
  margin: 0px !important;
  width: 100% !important;
}

[role="AssessmentsReport"] .orangebar {
  background: #EF8400;
}

[role="AssessmentsReport"] .redbar {
  background: #C82223;
}

[role="AssessmentsReport"] .greenbar {
  background: #2DB200;
}

[role="AssessmentsReport"] .well {
  border-radius: 0;
  min-height: 50px;
  overflow: hidden;
  border: 0;
  background: #ccc;
  padding: 10px 12px 0px 12px;
/*background:#ccc url(../images/overallscore-bg.png) repeat-x;*/
  
}

[role="AssessmentsReport"] .well .progress {
  background: #fff;
}

[role="AssessmentsReport"] .riskreportratings {
  padding: 0px 10px;
}

[role="AssessmentsReport"] .riskreportratings span {
  margin: 0 4px 0 0;
}

[role="AssessmentsReport"] h1 span {
  font-size: 13px;
  margin: 3px 0px 0 0;
}

[role="AssessmentsReport"] .lead {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 0 10px;
}

[role="overallscore"]  .progress {
  height: 15px;
  width: 100%;
}

.score-remarks {
  margin-top: 15px;
  border: solid 1px #ccc;
}

.score-remarks label {
  display: block;
  background: #ddd;
  padding: 10px 0 10px 15px;
  font-size: 16px;
  color: #545454;
}

.score-remarks div {
  margin: 15px 10px 15px 15px;
}

.overall-remarks {
  display: block;
  background: #ccc;
  padding: 10px;
  padding-left: 17px;
  font-size: 16px;
  color: #545454;
}

.riskcalculation-legend {
  padding-bottom: 15px;
}

.riskcalculation-legend ul {
  float: right;
  border: solid 1px #E2E1E1;
  padding: 3px;
  margin: 0 0 12px 0;
}

.riskcalculation-legend ul li {
  float: left;
  border-right: solid 1px #E2E1E1;
  padding: 2px 8px;
  color: #808080;
  margin: 0px 2px 0 5px;
  font-size: 12px;
  font-weight: bold;
}

.riskcalculation-legend ul li.legend-symbol {
  width: 15px;
  height: 10px;
  margin-top: 6px;
}

.riskcalculation-legend ul li:last-child {
  border-right: 0px;
}

.material_breadcrumb .material_breadcrumb_item {
  color: #c00000;
  cursor: pointer;
}

.material_breadcrumb .material_breadcrumb_item:hover, .material_breadcrumb .active {
  color: #404040;
  font-weight: 600;
}

.materail_input_block .materail_input {
  background: transparent;
}

.breadcrumb {
  margin-bottom: 10px;
  background: transparent;
  padding: 0 0 5px 0;
}

.breadcrumb a {
  cursor: pointer !important;
}

.form-group {
  margin-bottom: 0px;
}
/*Assessment Report Graph styles ends */

/*Risk Matrix */
[role="riskMatrix"] h3 {
  font-size: 16px;
  color: #111111;
  margin: 0px;
  padding: 10px 0 0 0;
}

[role="riskMatrix"] ul li {
  padding-top: 3px;
}

[role="riskMatrix"] summary {
  margin: 10px 10px 20px 20px;
}

.jqstooltip {
  width: 40px;
  height: 35px;
  text-align: center;
}
		  
/*Recent Activities */

[role="recentActivities"] section {
  background: rgba(255,255,255,0.9);
  padding-bottom: 5px;
  height: 100%;
  margin: auto;
  height: auto;
  max-height: 830px;
  overflow-y: auto;
}

[role="recentActivities"] .comment {
  overflow: hidden;
    /*padding: 0 0 1em;*/
  margin: 0 0 1em;
  *zoom: 1;
  width: 100%;
}

[role="recentActivities"] .comment-img {
  float: left;
  margin-right: 16px;
  border-radius: 5px;
  overflow: hidden;
  cursor: default;
}

[role="recentActivities"] .comment-img img {
  display: block;
}

[role="recentActivities"] .comment-body {
  overflow: hidden;
  cursor: default;
}

[role="recentActivities"] .comment-body .history {
  padding: 5px 0;
  font-weight: normal;
  border-bottom: dashed 1px #ccc;
  color: #000;
}

[role="recentActivities"] .comment-body .history-modified {
  color: #737373;
}

[role="recentActivities"] b {
  font-weight: normal;
}

[role="recentActivities"] .modifiedby {
  text-align: right;
  margin-top: 8px;
  line-height: 18px;
}

[role="recentActivities"] .comment .text {
  padding: 10px;
  border: 1px solid #CCC;
  border-radius: 5px;
  background: #EEE;
}

[role="recentActivities"] .comment .text p:last-child {
  margin: 0;
}
/*[role="recentActivities"] [title]{
	position:relative;
}
[role="recentActivities"] [title]:after{
	content:attr(title);
	color:#fff;
	background:#333;
	background:rgba(51,51,51,0.75);
	padding:5px;
	position:absolute;	
	left:-9999px;
	opacity:0;
	bottom:100%;
	white-space:nowrap;
	-webkit-transition:0.25s linear opacity;
}
[role="recentActivities"] [title]:hover:after{
	left:5px;
	opacity:1;
}*/
[role="recentActivities"] .comment .attribution {
  margin: 0.5em 0 0;
  font-size: 14px;
  color: #666;
}

/* Decoration */

[role="recentActivities"] .comments, .comment {
  position: relative;
  margin-top: 20px;
}

[role="recentActivities"] .comments:before, .comment:before, .comment .text:before {
  content: "";
  position: absolute;
  left: 65px;
}

[role="recentActivities"] .comments:before {
  left: 30px;
  bottom: 102px;
  top: 12px;
  border-left: dashed 2px #ccc;
}

[role="recentActivities"] .comment:before {
}

[role="recentActivities"] .comment:hover {
  cursor: cell;
}

[role="recentActivities"] .comment:hover:before {
  background: #3b5998;
}

[role="recentActivities"] .comment .text:before {
  top: 18px;
  left: 57px;
  width: 9px;
  height: 9px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #CCC;
  background: #EEE;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

/* end of recent activities */

/* Heads Dashboard css */
.accounts-block .riskreportratings {
  margin: 4px auto 0 10px;
  width: 90%;
  position: absolute;
  bottom: 22px;
}

.accounts-block  .well-sm {
  padding: 0px !important;
  border-radius: 0 !important;
  font-weight: 600;
  float: left;
  font-size: 11px;
  color: #333;
}

.accounts-block .skillsBottom {
  width: 80%!important;
  float: left;
  margin: 3px 3px 0 0;
}

.accounts-block.skills {
  margin: 0px !important;
  width: 100% !important;
}

.accounts-block .orangebar {
  background: #EF8400;
}

.accounts-block .redbar {
  background: #C82223;
}

.accounts-block .greenbar {
  background: #2DB200;
}

.accounts-block  .progress {
  height: 8px;
  margin-bottom: 0px;
  background: #fff;
}

.accounts-block {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  min-height: 351px;
}

.accounts-block h1 {
  margin-bottom: 8px;
}

.accounts-block .search {
  width: 400px;
  margin-left: 20px;
}

.toggle {
  text-align: center;
  padding: 0;
  color: white;
}

.toggle li {
  display: inline;
  padding: 0 60px;
}

.toggle label {
  font-size: 1.2em;
  padding: 0 10px;
}

.grid {
  margin: 26px auto 20px auto;
  width: 96%;
  overflow: hidden;
}

.item {
  color: white;
  display: table;
  font-size: 1.4em;
  text-align: center;
  margin: 5px;
  width: 175px;
  float: left;
  position: relative;
}

.item:hover .title {
  opacity: 1;
}

.title {
  display: table-cell;
  vertical-align: middle;
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}

.accountlogo {
  display: table-cell;
  vertical-align: middle;
  opacity: 0;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}

.i1, .i3, .i6, .i7 {
  background: #EEEEEE;
  height: 170px;
}

.i2, .i4, .i5, .i8 {
  background: #EEEEEE;
  height: 180px;
}

.i9, .i10, .i11, .i12, .i13, .i14, .i15 {
  background: #EEEEEE;
  height: 180px;
}

.i4 {
  height: 349px;
}

.expand {
  transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
  -webkit-transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
  height: 100%;
  width: 100%;
  left: 0 !important;
  top: 0 !important;
  z-index: 99;
  text-indent: -9999px;
}

.acct-status {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.acct-title {
  font-size: 13px;
  color: #333;
  text-align: left;
  padding: 20px 5px 10px 10px;
  font-weight: 600;
}

.acct-img {
  text-align: center;
  padding-top: 8px;
}

.acct-img img {
  width: 10%;
  float: left;
  margin-left: 10px;
}

.acct-amber, .acct-green, .acct-red {
  display: block;
  height: 16px;
  color: #fff;
  font-size: 12px;
  float: left;
  width: 33.2%;
  position: absolute;
  bottom: 0px;
}

.acct-amber {
  background: #EF8400;
  margin-left: 33.2%;
}

.acct-green {
  background: #2DB200;
  margin-left: 66.4%;
}

.acct-red {
  background: #C82223;
}

ul.acct-legent {
  float: right;
  list-style-type: none;
  border: solid 1px #EEEEEE;
  margin: 10px 15px 0 0;
}

ul.acct-legent li {
  float: left;
  list-style-type: none;
  border-right: solid 1px #EEEEEE;
  margin: 2px 5px;
  padding-right: 8px;
  font-size: 12px;
}

ul.acct-legent li:last-child {
  border-right: none;
}

.acct-closed, .acct-pending, .acct-open {
  width: 8px;
  height: 8px;
  float: left;
  margin: 5px 5px 0 0;
}

.acct-closed {
  background: #2DB200;
}

.acct-pending {
  background: #EF8400;
}

.acct-open {
  background: #C82223;
}

/*End of Heads Dashboard css */

/* Major accomplishments */
[role="majoraccomplishments"] .skills {
  float: left;
  clear: right;
  width: 100%;
  max-height: 350px;
  overflow-y: auto;
/*margin:20px 0px 30px 30px;*/
 
}

[role="majoraccomplishments"] .skillsTop {
  float: left;
  clear: right;
  width: 100%;
  margin: 5px;
  text-align: left;
  font-weight: 600;
  font-family: sans-serif;
  font-weight: 200;
}

[role="majoraccomplishments"] .skillsBottom {
  float: left;
  clear: both;
  width: 73%;
  margin: 2px 0px 10px 0px;
}

[role="majoraccomplishments"] .progress {
  background: #eee;
  height: 12px;
  margin-bottom: 15px;
  border-radius: 20px;
  margin-right: 5px;
}

[role="majoraccomplishments"] .progress-bar {
  background-image: -webkit-linear-gradient(left, #FF7F50 0%, #FE7D7D 100%);
  background-image: -moz-linear-gradient(left, #FF7F50 0%, #FE7D7D 100%);
  background-image: -o-linear-gradient(left, #FF7F50 0%, #FE7D7D 100%);
  background-image: linear-gradient(to right, #FF7F50 0%, #FE7D7D 100%);
  height: 100%;
  width: 0%;
  border-radius: 20px;
  -webkit-transition: width 2.50s ease !important;
  -moz-transition: width 2.50s ease !important;
  -o-transition: width 2.50s ease !important;
  transition: width 2.50s ease !important;
}

[role="majoraccomplishments"] {
  padding: 0 0 15px 0;
}

[role="majoraccomplishments"] section {
  margin: 1px 0 0 0;
}

[role="majoraccomplishments"] .skills .well-sm {
  padding: 0px 5px 0 0 !important;
  border-radius: 0 !important;
  float: left;
  text-align: right;
}

[role="majoraccomplishments"] .skillsBottom {
  width: 73%!important;
  clear: both;
}

[role="majoraccomplishments"].skills {
  margin: 0px !important;
  width: 100% !important;
}

[role="majoraccomplishments"] .orangebar {
  background: #EF8400;
}

[role="majoraccomplishments"] .redbar {
  background: #C82223;
}

[role="majoraccomplishments"] .greenbar {
  background: #2DB200;
}

[role="majoraccomplishments"] .well {
  border-radius: 0;
  min-height: 50px;
  overflow: hidden;
  border: 0;
  background: #ccc;
  padding: 10px 12px 0px 12px;
/*background:#ccc url(../images/overallscore-bg.png) repeat-x;*/
}

[role="majoraccomplishments"] .well .progress {
  background: #fff;
}

[role="majoraccomplishments"] .riskreportratings {
  padding: 0px 15px;
  margin: 10px 10px 0 10px;
  border-bottom: dashed 1px #ccc;
  overflow: hidden;
}

[role="majoraccomplishments"] .riskreportratings span {
  margin-left: 15px;
}

[role="majoraccomplishments"] h1 span {
  font-size: 13px;
  margin: 3px 0px 0 0;
}

[role="majoraccomplishments"] .lead {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 0 10px;
}

[role="majoraccomplishments"] .account {
  width: 55%;
  float: left;
  margin-top: 15px;
  font-weight: 600;
}

[role="majoraccomplishments"] .accomplishment {
  width: 45%;
  float: left;
  border-left: solid 1px #DADADA;
  padding-left: 8px;
  margin-bottom: 10px;
}

[role="overallscore"]  .progress {
  height: 20px;
}
/* end of Major accomplishments */

/* Create risk item */
[role="general"] {
  background-color: #fff;
}

[role="general"] .col-md-4, [role="general"] .col-sm-6, [role="general"] .col-xs-12 {
  padding: 10px 15px;
}

[role="general"] h1 {
  background-color: #555;
  padding: 10px;
  color: #fff;
  font-size: 16px;
}

[role="formSubmit"] {
  float: right;
  padding: 5px 5px 20px 0;
}

[role="formSubmit"] input[type="button"] {
  background-color: #888;
  color: #fff;
  border-radius: 10px;
  border: 1px;
  padding: 1px 15px;
  font-size: 16px;
}

[role="formSubmit"] input[type="button"]:hover {
  background-color: #b8b8b8;
}

[role="formSubmit"] .btn-primary {
  margin: 10px 10px 0 0;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
/*padding-left:0px;*/
}

.padding-left0-right0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.padding-right0 {
  padding-right: 0px;
}
/* Validation Message */
.valid-msg {
  float: left;
  color: red;
  margin-top: 3px;
  font-size: 11px;
  width: 100%;
  position: absolute;
}

.error-state {
  border-bottom: solid 1px red !important;
}
/* form elements*/
label {
  color: #333;
}

.btn-primary, .btn {
  background-color: #737371;
  border-radius: 2px;
  border: none;
  font-size: 13px;
  margin: 0px auto 0 auto;
  padding: 0px 18px;
  width: 120px;
  font-weight: normal;
  color: #fff;
  margin-right: 15px;
  height: 27px;
  line-height: 27px;
}

.btn-primary.disabled, .btn-primary[disabled], .btn-primary[disabled]:hover {
  background: #e8e6e6 !important;
  color: #b7b5b5 !important;
}

a.block-button {
  background-color: #888;
  border-radius: 2px;
  border: none;
  font-size: 13px;
  margin: -3px 0 0 0;
  padding: 0px;
  width: auto;
  font-weight: normal;
  padding: 5px 18px !important;
  text-decoration: none;
  float: right;
  color: #fff !important;
}

button.block-button {
  background-color: #888;
  border-radius: 2px;
  border: none;
  height: 27px;
  font-size: 13px;
  margin: 10px 5px 10px 0;
  padding: 0px;
  width: auto;
  font-weight: normal;
  padding: 0 10px !important;
  text-decoration: none;
  line-height: 27px;
  float: right;
  color: #fff !important;
}

.block-heading a.block-button {
  margin: -5px 15px 0 0;
}

.marginbtm20 {
  margin-bottom: 20px;
}

legend {
  font-size: 18px;
  margin-bottom: 15px;
  border: 0px;
}

.material_check_radio {
  border-color: #888;
}

ul, li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.material_check_radio:after {
  background: radial-gradient(#888, #888);
  box-shadow: inset 0px 3px 3px rgba(0, 0, 0, .3);
}

input[type=radio][disabled]+.material_check_radio {
  border-color: #ccc;
  cursor: default;
}

input[type=radio][disabled]:checked + .material_check_radio:after {
  border: #EAEAEA;
  background: radial-gradient(#EAEAEA, #fff);
  cursor: default;
}

label.btnclear {
  position: relative;
}

label.btnclear img {
  position: absolute;
  top: -36px;
  right: -266px;
  width: 16px;
  height: 16px;
}

.lbl-btn{
    cursor:pointer;
}

.btn-primary:hover, .block-button:hover,
    .btn-primary:focus, .btn-primary.focus,.btn-primary:active.focus, .btn:hover,.btn:focus, .btn-primary.active.focus {
  color: #fff;
  background: #c00000 !important;
  border: 0px solid transparent !important;
}

.btn-primary-width {
  width: auto !important;
  text-decoration: none;
}

textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control, select {
  font-size: 13px !important;
}

.input-textarea-readonly {
  min-width: 100%;
  max-width: 100%;
  min-height: 50px;
  /*color: #B7B7B7; sowmya*/
  color: #4e5056;
  border-bottom: solid 2px #E4E2E2;
  padding-top: 5px;
}

.input-readonly {
  border-bottom: solid 2px #E4E2E2;
  line-height: 34px;
  /*color: #B7B7B7; sowmya*/ 
  color: #4e5056;
  min-height: 36px;
}

.input-radio-label {
  margin-bottom: 10px;
}

input::-webkit-input-placeholder {
color: #666 !important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #666 !important;  
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #666 !important;  
}
 
input:-ms-input-placeholder {  
color: #666 !important;  
}

textarea::-webkit-input-placeholder {
color: #666 !important;
}
 
textarea:-moz-placeholder { /* Firefox 18- */
color: #666 !important;  
}
 
textarea::-moz-placeholder {  /* Firefox 19+ */
color: #666 !important;  
}
 
textarea:-ms-input-placeholder {  
color: #666 !important;  
}

.ado-td-kpi {
  cursor: pointer;
}

.RedKPI, .RedKPI a {
  background-color: #C82223 !important;
  color: #FFFFFF !important;
}

.AmberKPI, .AmberKPI a {
  background-color: #EF8400 !important;
  color: #000000 !important;
}

.GreenKPI, .GreenKPI a {
  background-color: #2DB200 !important;
  color: #FFFFFF !important;
}

/*Check Boxes*/

/*.checkboxs-style {margin:5px 0 0 25px;}*/
.checkboxs-style input[type=checkbox], input[type=radio] {
  margin-right: 18px;
}

.checkboxs-style ul li {
  line-height: 35px;
  float: left;
  width: 30%;
  margin-bottom: 5px;
}

input[type=checkbox] {
  display: inline;
}

.checkbox {
  position: relative;
  top: -0.375rem;
  margin: 0 1rem 0 0;
  cursor: pointer;
  display: inline !important;
}

.checkbox:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 1px;
  z-index: 1;
  width: 0rem;
  height: 0rem;
  border: 2px solid #fff;
  top: 2px;
}

.checkbox:checked:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: .5rem;
  border-color: #c00000;
  border-top-style: none;
  border-right-style: none;
  padding: 4px;
  margin: 0px 4px 4px 4px;
  width: 15px;
}

.checkbox:after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 1.1rem;
  height: 1.1rem;
  background: #fff;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border: solid 1px #ccc;
}

.label--checkbox {
  position: relative;
  margin: .5rem;
  font-family: Arial, sans-serif;
  line-height: 135%;
  cursor: pointer;
}
/*End of Check Boxes*/

/*material css*/
.materail_input_block:after {
  background: transparent;
}

.material_autosearch {
  overflow: visible;
}

.materail_input_block .materail_input {
  color: #333;
  border-bottom: 2px solid #ccc;
}

.materail_input_block .materail_input {
  padding: 5px 0;
}

.materail_input_block {
  overflow: visible;
}

.material_breadcrumb .material_breadcrumb_item {
  cursor: default;
  font-weight: normal;
}

.material_breadcrumb .material_breadcrumb_item:hover {
  color: #c00000;
  font-weight: normal;
}
/*End of Form Elemets*/

/* risk view history styles */
[table="accordion-list"] h1 {
  background-color: #555;
  padding: 12px 10px 12px 10px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 12px;
}

.inner-page-container {
  background: #fff;
  padding: 0px 0px 10px 0px;
  width: 100%;
  overflow: hidden;
}

.inner-page-widget-container {
  padding: 10px 0px 45px 0px;
  width: 100%;
  overflow: hidden;
}

[table="accordion-list"] {
  clear: both;
}

[table="accordion-list"] table {
  margin-bottom: 0px;
  margin-top: 1px;
}

[table="accordion-list"] th {
  font-weight: 600;
}

[table="accordion-list"] td {
  color: #666;
}

[table="accordion-list"] tr:nth-child(even) {
  background-color: #fff;
}

[table="accordion-list"] tr:nth-child(odd) {
  background-color: #eee;
}

[table="accordion-list"] .project\.Title {
  background-color: #e8e8e8;
  border-bottom: solid 1px #aaa;
  font-size: 18px;
  color: #444;
  font-weight: 600;
}

[table="accordion-list"] .panel-group {
  margin-bottom: 0px;
}

.panel-body .table-bordered, .table-bordered {
  border: 0px !important;
}

.panel-default>.panel-heading {
  background: #ddd;
  border-top: solid 1px #BBBBBB;
  border-radius: 0px;
}

.panel-default>.panel-heading:first-child {
  border-top: 0px;
}

.panel-group .panel {
  border-radius: 0px;
}

.panel-body {
  padding: 0px;
}

.panel-group {
  border: solid 1px #ccc;
}

.panel {
  background: transparent;
  border: 0px;
  box-shadow: none;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
  border: 0px;
  padding: 10px;
}

.panel-body .table-bordered>tbody>tr>td, .panel-body .table-bordered>tbody>tr>th, .panel-body .table-bordered>tfoot>tr>td, .panel-body .table-bordered>tfoot>tr>th, .panel-body .table-bordered>thead>tr>td, .panel-body .table-bordered>thead>tr>th {
  border: solid 1px #fff;
}

.panel-group {
  margin-bottom: 0px;
}

.accordion-toggle:after {
  font-family: 'FontAwesome';
  content: "\f078";
  float: right;
}

.accordion-opened .accordion-toggle:after {
  font-family: 'FontAwesome';
  content: "\f078";
  float: right;
  color: #666666;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
  content: "\f054";
    /* adjust as needed, taken from bootstrap.css */
  font-family: 'FontAwesome';
  color: #888888;
}

.panel-title>a {
  text-decoration: none;
  font-size: 16px;
  color: #545454;
}

.panel-heading {
  cursor: pointer;
}

.table-bordered h5 {
  margin: 0px !important;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border: solid 1px #fff;
  border-right: 0px;
  border-top: 0px;
}

/* end of risk view history styles */
.row {
  margin-right: 0px;
  margin-left: 0px;
}

.block-heading {
  background-color: #555;
  padding: 10px;
  color: #fff;
  font-size: 16px;
  line-height: 21px;
}

/* data grid css */
.ado-tablegrid-header {
  margin-bottom: 15px;
  height: 43px;
  border-bottom: solid 1px #E2E2E2;
}

.ado-tablegrid-header h1 {
  font-size: 18px;
  color: #777;
  padding: 10px 0 10px 0;
  float: left;
}

.ado-tablegrid-header .ado-item-sort {
  float: right;
  margin: 10px 30px 0 0;
}

.ado-item-sort ul, .ado-item-sort ul li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: left;
}

.ado-tablegrid-header .ado-item-sort div {
  float: left;
  display: block;
  margin-right: 20px;
}

.ado-tablegrid-header .ado-item-sort ul li.new .fa-plus-circle:before {
  font-size: 18px;
  color: #c00000;
  padding-right: 3px;
}

.ado-tablegrid {
  background: #fff;
  border: solid 1px #f0f0f0;
  padding: 10px;
  box-shadow: 3px 3px 3px #E6E6E6;
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
}

.ado-tablegrid-header .ado-item-sort .proj-sort .glyphicon-align-left:before,
 .glyphicon-sort-by-attributes:before,
 .glyphicon-sort-by-attributes-alt:before {
  font-size: 16px;
  color: #666666;
  padding-right: 3px;
}

.ado-item-edit {
  position: relative;
}

.ado-item-edit:hover {
  background: #FFF7EC;
  cursor: pointer;
}

.ado-item-edit .ado-edit-icons {
  display: none;
}

.ado-item-edit:hover .ado-edit-icons {
  display: block;
  position: absolute;
  right: 0px;
  top: 10px;
}

.ado-item-edit:hover .ado-edit-icons a, .ado-item-edit:hover .ado-edit-icons span.list-delete-icon {
  margin-right: 10px;
}

.ado-item-edit:hover .ado-edit-icons a span.glyphicon-edit:before, .ado-item-edit:hover .ado-edit-icons a span.glyphicon-trash:before, .ado-item-edit:hover .ado-edit-icons a span.glyphicon-eye-open:before,
.ado-item-edit:hover .ado-edit-icons span.list-delete-icon:before {
  color: #878787;
  font-size: 16px;
}

.ado-item-edit:hover .ado-edit-icons a:hover span.glyphicon-edit:before, .ado-item-edit:hover .ado-edit-icons a:hover span.glyphicon-trash:before, .ado-item-edit:hover .ado-edit-icons a:hover span.glyphicon-eye-open:before,
.ado-item-edit:hover .ado-edit-icons span.list-delete-icon.glyphicon-trash:hover:before {
  color: #c00000;
}

.ado-tablegrid {
  background: #fff;
  border: solid 1px #f0f0f0;
  border-left: 0px;
  padding: 10px;
  box-shadow: 3px 3px 3px #E6E6E6;
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
}

.ado-tablegrid:hover {
  background: #eee;
}

.ado-tablegrid .firstcolumn {
  float: left;
}

.ado-tablegrid .firstcolumn .status {
  padding: 0 5px 0 0;
}

.ado-tablegrid .secondcolumn {
  float: right;
}

.ado-tablegrid .ado-item-name {
  float: left;
  font-size: 14px;
  color: #c00000;
  text-decoration: underline;
  padding-bottom: 5px;
}

.ado-tablegrid .ado-item-name:hover {
  text-decoration: none;
}

.ado-tablegrid .ado-item-name-dummy {
  float: left;
  font-size: 14px;
  color: #c00000;
  text-decoration: underline;
  padding-bottom: 5px;
}

.ado-tablegrid .ado-item-content {
  float: left;
  font-size: 12px;
  color: #575747;
  clear: left;
}

.ado-tablegrid .ado-item-content label {
  float: left;
}

.ado-tablegrid .ado-item-attribute {
  float: left;
  border-right: solid 1px #e0e0e0;
  padding: 0 6px 0 6px;
}

.ado-tablegrid .ado-item-attribute:first-child {
  padding-left: 0px;
}

.ado-tablegrid .ado-item-actionicons {
  margin-right: 20px;
}

.ado-tablegrid .ado-item-actionicons span {
  margin-right: 20px;
  text-align: right;
  float: right;
  margin-bottom: 5px;
}

.ado-tablegrid .secondcolumn .ado-item-action {
  font-size: 12px;
  color: #747484;
  text-align: right;
  float: right;
  padding-top: 28px;
}

.ado-tablegrid .secondcolumn .ado-item-actiondate {
  border-right: solid 1px #ccc;
  padding: 0 3px;
}

.ado-tablegrid .secondcolumn .ado-item-actionby {
  padding-left: 3px;
  text-align: left;
}

.ado-tablegrid .secondcolumn .ado-item-actionby a {
  color: #c00000;
  text-decoration: none;
  font-weight: normal;
}

.ado-tablegrid .secondcolumn .ado-item-actionby a:hover {
  text-decoration: underline;
}

.ado-tablegrid .ado-item-attribute:last-child {
  border-right: none;
}

.status-red {
  border-left: solid 3px #C82223 !important;
}

.status-amber {
  border-left: solid 3px #EF8400 !important;
}

.status-green {
  border-left: solid 3px #2DB200 !important;
}

.status-green2 {
  border-left: solid 3px #0a2900 !important;
}

.nav-pills .dropdown {
  background: #ccc;
}

.ado-item-sort .nav > li > a {
  padding: 0px;
  height: 0px !important;
  line-height: 0px !important;
}

.ado-item-sort .nav-pills .dropdown {
  background: transparent;
}

.ado-item-sort .open > .dropdown-menu {
  display: block;
  border: solid 1px #ccc;
  padding: 10px 0px 3px 0;
  background: #f3f3f3;
  box-shadow: 2px 2px 2px #eee;
}

.ado-item-sort ul.dropdown-menu li .sort {
  padding-bottom: 5px;
  font-size: 13px !important;
}

.ado-item-sort .dropdown-menu {
  min-width: 160px;
  border-radius: 0px;
  top: 26px;
  right: 0;
  left: auto;
}

.ado-item-sort .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
}

.ado-item-sort .nav>li>a {
  padding: 0 15px !important;
  color: #666;
  border: solid 1px transparent;
  height: 25px !important;
  line-height: 25px !important;
  border-radius: 0px;
}

.ado-item-sort .nav>li>a:focus, .ado-item-sort .nav>li>a:hover {
  border: solid 1px #ccc;
  background: #f0f0f0;
}

.ado-item-sort .nav ul.dropdown-menu li {
  width: 100%;
  border-bottom: solid 1px #ccc;
  padding: 3px 0;
}

.ado-item-sort .nav ul.dropdown-menu li:last-child {
  border-bottom: 0px;
}

.ado-item-sort .glyphicon-align-left:before {
  color: #777575;
  font-size: 15px;
  padding-right: 3px;
}

.ado-item-sort .nav ul.dropdown-menu li .sort {
  padding-left: 5px;
  width: 100%;
}

.ado-item-sort .nav ul.dropdown-menu li:hover {
  background: #ccc;
  cursor: pointer;
}

.ado-item-sort .search {
  margin-right: 10px;
  width: 300px;
}

.ado-item-sort .materail_input_block .materail_input {
  height: 24px;
}

.ado-truncate {
  min-width: 0px;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
}

.ado-truncate-width-s {
  max-width: 150px !important;
}

.ado-truncate-width-m {
  max-width: 180px !important;
}

.ado-truncate-width-l {
  max-width: 250px !important;
}

[table="accordion-list"] .breadcrumb {
  margin-bottom: 10px !important;
}
/* Pagination styles */
.pagination {
  margin: 0 0 10px 0;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.pagination {
  border-radius: 0px !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background: #c00000;
  border-color: #c00000;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  border-radius: 0px;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover,.pagination>li>a, .pagination>li>span {
  color: #c00000;
}

/* end of data grid css */

/* footer */
#footer {
  background: #404040;
  height: 45px;
  line-height: 45px;
  margin: 0px auto 0 auto;
  text-align: center;
  box-shadow: 2px 2px 1px #c8c8c8;
  color: #fff;
  font-size: 11px;
/*position:absolute;bottom:0;left:0;right:0;*/
  width: 1240px;
}

/*sparkline*/

.jqstooltip {
  width: auto !important;
}

/*End of sparkline*/

/*morris graphs*/

.morris-default-style {
  background: #eee;
  border: solid 1px #ccc;
  padding: 2px 0px 2px 5px;
  box-shadow: 2px 2px 1px 0 #ccc;
  font-weight: bold;
  margin: 0px 10px;
}

.morris-hover-point {
  font-weight: bold;
  color: #333 !important;
}

.clear {
  clear: both;
}

/*end of morris graphs*/

/*date picker*/
.dtp div.dtp-date, .dtp div.dtp-time {
  background: #B5B5B5;
  border-bottom: #8E8E8E solid 1px;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: #333;
}

.dtp .p10 > a, .dtp div.dtp-actual-year, .dtp-actual-num,.dtp div.dtp-actual-month {
  color: #333;
}

.dtp table.dtp-picker-days tr > td > a.selected {
  background: #c00000;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  padding: 8px 0.3rem;
}

.dtp .dtp-close > a > i {
  margin-top: 5px;
}

.btn-primary, .btn {
  width: auto;
}

.dtp .dtp-buttons {
  padding-right: 0px;
}

.no-data {
  display: block;
  margin-top: 30px;
  text-align: center;
  padding: 10px;
  width: 250px;
  margin: 30px auto 0 auto;
  color: #6F6E6E;
}

.alert-no-data {
  text-align: center;
  padding: 10px 0px;
}

/* Admin Styles */
[role="adminnavigation"] {
  padding-bottom: 25px;
}

[role="adminnavigation"] button {
  background: #eee;
  border: solid 1px #ddd;
  text-decoration: none;
  width: 125px;
  height: 135px;
  display: block;
  float: left;
  text-align: center;
  margin-right: 20px;
  padding: 13px 5px 0 5px;
  margin: 20px 0px 0px 20px;
}

[role="adminnavigation"] a {
  background: #eee;
  border: solid 1px #ddd;
  text-decoration: none;
  width: 135px;
  height: 135px;
  display: block;
  float: left;
  text-align: center;
  margin-right: 20px;
  padding: 13px 5px 0 5px;
  margin: 20px 0px 0px 20px;
}

[role="adminnavigation"] span {
  width: 66px;
  height: 66px;
  background: #888;
  border-radius: 33px;
  line-height: 61px;
  display: inline-block;
  text-align: center;
  border: solid 2px #fff;
  box-shadow: 1px 2px 2px #9C9B9B;
}

[role="adminnavigation"] span:hover {
  background: #c00000;
}

[role="adminnavigation"] figcaption {
  line-height: 18px;
  margin-top: 7px;
}

[role="adminnavigation"] h1 {
  margin: 0px 15px;
  padding: 15px 0px 5px 0px;
}
/* End of Admin Styles */

/*Glyphicon Icons */
.ado-expand-ico {
  background: url(images/expand-all.png) no-repeat;
  padding-left: 20px;
  margin-left: 10px;
  cursor: pointer;
  line-height: 25px;
  font-style: normal;
  color: #c00000;
}

.ado-collapse-ico {
  background: url(images/collapse-all.png) no-repeat;
  padding-left: 20px;
  margin-left: 10px;
  cursor: pointer;
  line-height: 25px;
  font-style: normal;
  color: #c00000;
}

.ado-slider {
  cursor: pointer;
}

.ado-slider span {
  float: left;
  padding-right: 10px;
  width: 120px;
  height: 20px;
  text-align: right;
  font-family: Lato;
  color: #545454;
}

.ado-slider:before {
  content: "\f111";
  padding-right: 5px;
  color: #999;
}

.ado-slider:hover:before {
  content: "\f111";
  padding-right: 5px;
  color: #c00000;
}

.ado-slider span:hover {
  color: #c00000;
  font-weight: bold;
}

.fa-file-excel-o:before {
  content: "\f1c3";
  font-size: 14px;
  color: #02723B;
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064";
  color: #02723B;
  font-size: 12px;
  left: 11px;
  position: absolute;
  top: 1px;
}

.export-to-excel {
  cursor: pointer;
}

.glyphicon-home:before {
  color: #fff;
  font-size: 23px;
}

.navbar-default .navbar-nav>li>a.icon-hometab {
  padding: 0 15px !IMPORTANT;
  background: #666;
}

.navbar-default .navbar-nav>li>a.icon-hometab:hover {
  background: #333;
}

.navbar-collapse {
  padding-left: 0px;
}

.admin-ico , .manualjob-ico {
  color: #fff;
  font-size: 30px;
}

.admin-ico-m {
  color: #fff;
  font-size: 36px;
}

.error-message {
  width: 450px;
  margin: 10% auto;
  border: 2px solid #E4E4E4;
  border-radius: 4px;
  box-shadow: 2px 2px 2px #eee;
}

.error-message legend {
  border-bottom: 1px solid #E4E4E4;
  padding: 10px 0;
  width: 96%;
  margin: 0 auto;
}

.error-inner {
  padding: 30px 20px;
  text-align: center;
  font-size: 15px;
}

.error-message .fa-ban:before {
  content: "\f05e";
  font-size: 35px;
  color: #c00000;
}

.select2-results__option {
  padding: 1px 2px 0 3px;
  margin: 0px;
  color: #000;
}

.strategic {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  background: #777676;
}

.strategic-legend {
  background: #777676;
  color: #fff;
  font-size: 10px;
  width: 13px;
  height: 13px;
  text-align: center;
  font-weight: 600;
  padding: 0px 4px;
  margin: 0 5px;
}

.manualjob-btn figcaption {
  color: #c00000 !important;
  font-weight: 600;
}

.manualjob-btn figcaption:hover {
  color: #000 !important;
}

#page {
  display: none;
}

#loading {
  display: block;
  background-image: url(images/loader.gif);
  background-repeat: no-repeat;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  margin-top: 120px;
}

.hdg-riskmgmt {
  font-size: 20px;
  color: #ccc;
  height: 60px;
  line-height: 60px;
  margin-left: 0px;
}

.hdg-riskmgmt {
  font-size: 20px;
  color: #ccc;
  height: 60px;
  line-height: 60px;
  margin-left: 0px;
}

.hdg-riskmgmt a {
  font-weight: normal;
}

.hdg-riskmgmt a:hover {
  font-weight: normal;
  background: #c00000 !important;
}



/*All masters report */
[role="allmastersreport"] {
  height: 640px;
}

[role="allmastersreport"] .leftnav {
  float: left;
  width: 0px;
  background: #fff;
  margin-right: 10px;
  position: absolute;
  z-index: 1001;
  left: -200px;
  height: 550px;
  overflow-x: auto;
  border-top: 0px;
  top: 40px;
  width: 200px;
}

[role="allmastersreport"] .leftnav ul li {
  padding: 10px 5px;
  border-bottom: solid 1px #eee;
}

[role="allmastersreport"] .leftnav ul li:hover {
  background: #eee;
  cursor: pointer;
  color: #c00000;
  border-right: solid 3px #c00000;
  border-bottom: 0px !important;
}

[role="allmastersreport"] .tabbedpanel {
/*border:solid 1px #ccc;*/
  float: left;
  width: 98%;
  margin-left: 25px;
}

[role="allmastersreport"] .nav>li>a {
  padding: 0px 20px 0 8px !important;
  height: 32px;
  line-height: 32px;
  text-decoration: none;
  border-bottom: 0px !important;
  border: solid 1px #ccc;
  background: #eee;
  color: #777676;
  margin-right: 5px;
  cursor: pointer;
}

[role="allmastersreport"] .nav-tabs>li.active>a {
  border: none;
  border-right: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-top: solid 3px #c00000;
  color: #c00000;
  cursor: pointer;
}

[role="allmastersreport"] .cbSelectAll {
  margin-bottom: 5px;
}

[role="allmastersreport"] .tabClose {
  position: absolute;
  top: 11px;
  right: 10px;
  color: #777676;
}

[role="allmastersreport"] .tabClose:hover {
  position: absolute;
  top: 11px;
  right: 10px;
  color: #c00000;
  cursor: pointer;
}

[role="allmastersreport"] .nav-tabs>li {
  margin-bottom: 0px;
}

[role="allmastersreport"] .nav-tabs>li:first-child {
  margin-left: 10px;
}

[role="allmastersreport"] .nav-tabs {
  margin: 10px 0 5px 25px;
}

[role="allmastersreport"] .leftnav-collapse {
  background: #eee;
 /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#fff, #eee);
 /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #eee);
 /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #eee);
 /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #eee);
 /* Standard syntax */
  width: 30px;
  border: solid 1px #ccc;
  position: absolute;
  z-index: 1000;
  left: 0px;
  padding: 2px 0 0 5px;
  cursor: pointer;
  line-height: 34px;
  height: 34px;
  top: 9px;
}

[role="allmastersreport"] .lblError {
  color: #c00000;
  display: none;
}

[role="allmastersreport"] .leftnav-heading {
  background: -webkit-linear-gradient(#fff, #eee);
 /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #eee);
 /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #eee);
 /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #eee);
 /* Standard syntax */
  width: 200px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  color: #333;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  padding-left: 5px;
  z-index: 1003;
  position: absolute;
  left: -200px;
  top: 9px;
}

.leftnav-after {
  box-shadow: 3px 3px 2px #ccc;
  border: solid 1px #ccc;
}

[role="allmastersreport"]  .tabSourceCurrent {
  font-weight: bold;
  color: #c00000;
  border-right: solid 3px #c00000;
  background: #eee;
  border-bottom: 0px !important;
}

[role="allmastersreport"] .fa-bars:before {
  font-size: 20px;
  color: #666;
  cursor: pointer;
}

[role="allmastersreport"] .fa-times:before {
  font-size: 18px;
  color: #666;
  cursor: pointer;
}

[role="allmastersreport"] .fa-table:before {
  font-size: 18px;
  color: #757474;
  padding-right: 3px;
}

[role="allmastersreport"] .fa-gear:before {
  content: "\f013";
  top: 1px;
  color: #666;
  right: 0px;
  font-size: 18px;
  position: relative;
  font-family: fontawesome;
}
.fa-gear:hover, .fa-gear:hover:before, 
fa-plus-circle:hover, .fa-plus-circle:hover:before
{
  color:#c00000;
}

[role="allmastersreport"] .fa-angle-double-down:before ,[role="allmastersreport"] .fa-angle-double-up:before {
  font-size: 16px;
}

[role="allmastersreport"] .fa-gear:after {
  content: "Show/Hide Columns";
  font-family: 'Lato',Helvetica,Arial, sans-serif !important;
  padding-left: 3px;
}

[role="allmastersreport"] .modal-content {
  border-radius: 0px;
}

[role="allmastersreport"] .modal-header {
  padding: 6px 10px;
  background: #eee !important;
}

[role="allmastersreport"] .modal-content ul li {
 /* padding: 4px 0; */
}

[role="allmastersreport"] .modal-content ul li input {
  margin-right: 5px;
  vertical-align: top;
}

[role="allmastersreport"] .modal-content .close {
  font-size: 40px;
  margin-top: -9px;
  color: #666;
  opacity: inherit;
}

[role="allmastersreport"] .modal {
  top: 200px;
}

[role="allmastersreport"] .modal-content ul.firstul {
  float: left;
  margin-right: 40px;
  border-right: solid 1px #eee;
  width: 240px;
}

[role="allmastersreport"] .modal-content .modal-body {
  overflow: hidden;
  width: 100%;
  padding: 0 15px !important;
}
/*datatable*/
/*[role="allmastersreport"] .table-bordered{border:0px !important;}*/
[role="allmastersreport"] .dataTables_filter {
  float: right;
  padding-bottom: 10px;
  padding-right: 0px;
}

[role="allmastersreport"] .dataTables_filter input {
  border: solid 1px #ccc;
  padding: 3px 0 3px 5px;
  margin-left: 5px;
}

[role="allmastersreport"] div.dataTables_wrapper {
    width: 100%; 
    margin: 0 auto;
    padding: 10px; 
    
}


[role="allmastersreport"] .dataTables_wrapper .dataTables_length {
  padding-top: 2px; 
}

[role="allmastersreport"] .table {
    width: 100% !important;
}

[role="allmastersreport"] .dataTables_scrollHeadInner {
  width: 100% !important;
}

[role="allmastersreport"] .table {
  margin-bottom: 0px;
}

[role="allmastersreport"] .table>tbody>tr.even {
  background: #eee;
}

[role="allmastersreport"] .table>tbody>tr.odd {
  background: #fff;
}

[role="allmastersreport"] .table>thead>tr {
  background: #eee;
}

[role="allmastersreport"] .previous, [role="allmastersreport"] .next, [role="allmastersreport"] .dataTables_info {
  display: none !important;
}

[role="allmastersreport"] #page {
  position: relative;
}

[role="allmastersreport"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,[role="allmastersreport"] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #c00000 !important;
  color: #fff !important;
  border: none !important;
  cursor: pointer !important;
  border-radius: 0px !important;
}

[role="allmastersreport"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover,[role="allmastersreport"] .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: #c00 !important;
  cursor: pointer;
  border: solid 1px #ccc !important;
  border-radius: 0px !important;
}

[role="allmastersreport"] .dataTables_wrapper .dataTables_paginate .paginate_button {
  background: #fff !important;
  cursor: pointer;
  border: solid 1px #ccc !important;
  color: #c00000 !important;
  border-radius: 0px !important;
}

[role="allmastersreport"] .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,[role="allmastersreport"] .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: top;
  border: solid 0px #ddd !important;
}

[role="allmastersreport"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  background: #eee !important;
  color: #ccc !important;
  border-radius: 0px !important;
}

[role="allmastersreport"] .dataTables_wrapper .dataTables_paginate {
  padding-top: 10px !important;
}

[role="allmastersreport"] .dataTables_paginate {
  float: left !important;
  padding: 10px 0 25px 0px;
}

[role="allmastersreport"] .dataTable thead .sorting_asc:after,[role="allmastersreport"] .dataTable thead .sorting_desc:after {
  color: #999;
}

[role="allmastersreport"] .dataTables_wrapper .dataTables_info {
  font-size: 12px;
  color: inherit;
}

[role="allmastersreport"] table.dataTable thead th,[role="allmastersreport"] table.dataTable thead td,[role="allmastersreport"] .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border: none !important;
}

[role="allmastersreport"] table.dataTable thead th {
  padding: 10px 10px;
  vertical-align: middle;
}

[role="allmastersreport"] .dataTable thead .sorting_asc:after,[role="allmastersreport"] .dataTable thead .sorting_desc:after,[role="allmastersreport"] .dataTable thead .sorting:after {
  top: -15px !important;
  height: 10px;
}

[role="allmastersreport"] .dataTable thead .bold {
  font-weight: bold;
}

[role="allmastersreport"] div.DTFC_LeftWrapper table.dataTable,[role="allmastersreport"] div.DTFC_RightWrapper table.dataTable {
  margin-bottom: 0;
  z-index: 2;
}

[role="allmastersreport"] div.DTFC_LeftWrapper table.dataTable.no-footer,[role="allmastersreport"] div.DTFC_RightWrapper table.dataTable.no-footer {
  border-bottom: none;
}

[role="allmastersreport"] .dataTables_scrollBody {
  /*sowmya - To fix alignment issue after Freezing EntityName column*/
  /* padding: 5px 0 */
  padding: 0 0;
}
/*end of all masters report*/


[role="allmastersreport"] .hd-columns {
  position: absolute;
  float: left;
  z-index: 1000;
  margin: 13px 0 0 8px;
  right: 232px;
  cursor: pointer;
  border-right: solid 1px #D9D9D9;
  padding-right: 13px;
  margin-right:20px;
}

[role="allmastersreport"] button {
  margin: 10px 0 20px 15px;
}

.modal-dialog-lg {
  width: 600px;
}

/*[role="allmastersreport"] .hd-col-header{cursor:pointer;}

[role="allmastersreport"] .hd-col-header, .hd-col-content {padding: 5px;text-align: center;}

[role="allmastersreport"] .hd-col-content {padding:10px;z-index: 1000;position:absolute;background:#fff;border:solid 1px #eee;}
[role="allmastersreport"] .hd-col-content ul{margin:0px;padding:0px;overflow:hidden;float:left;margin-right:20px;}
[role="allmastersreport"] .hd-col-content ul li{margin:0px;padding:2px 0;float:left;text-align:left;clear:both;}
[role="allmastersreport"] .hd-col-content ul li input[type=checkbox]{margin: 4px 4px 0 0;}*/

[role="allmastersreport"] .ellipsisCls {
  color: #c00000;
  padding: 0 2px 0 2px;
  font-size: 16px;
}

[role="allmastersreport"] .tab-content .table td > a {
  text-decoration: none;
}

/*Start of Assessment Month / Year View*/
.ado-slider-container {
  position: fixed;
  width: 150px;
}

div#PVAssessmentReport .selectyear {
  z-index: 1050;
}

div#PVAssessmentReport .selectyear:last-child {
  padding: 5px;
}

div#PVAssessmentReport .hd-columns {
  right: 262px;
  cursor: pointer;
  border-right: solid 1px #D9D9D9;
  padding-right: 13px;
}
/*End of Assessment Month / Year View*/

/*Start of Error Pages*/
.error-box {
  width: 450px;
  margin: 0 auto;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  margin-top: 120px;
}

.error-box .fa-exclamation-triangle:before, .error-box .fa-exclamation-circle:before,.error-box .fa-times-circle {
  color: #c62021;
  font-size: 30px;
}

/*End of Error Pages*/

#PVAssessmentReport [role="allmastersreport"] div.dataTables_wrapper {
  padding: 0px !important;
}

#PVAssessmentReport [role="allmastersreport"] .dataTables_paginate {
    padding: 10px 0 5px 0px !important;
}

/*Assessment Select Assessment Areas*/
[role="selectassessmentareas"] .nav>li>a ,[role="coveragereport"] .nav-tabs>li>a,
[role="AMSchedulingPopUp"] .nav>li>a
 {
  padding: 0px 20px 0 8px !important;
  height: 32px;
  line-height: 32px;
  text-decoration: none;
  border-bottom: 0px !important;
  border: solid 1px #ccc;
  background: #eee;
  color: #777676;
  margin-right: 5px;
  cursor: pointer;
}

[role="selectassessmentareas"] .nav-tabs>li.active>a,[role="coveragereport"] .nav-tabs>li.active>a,
[role="AMSchedulingPopUp"] .nav-tabs>li.active>a
 {
  border: none;
  border-right: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-top: solid 3px #c00000;
  color: #c00000;
  cursor: pointer;
}

[role="selectassessmentareas"] .nav-tabs>li,[role="coveragereport"] .nav-tabs>li,
[role="AMSchedulingPopUp"] .nav-tabs>li
 {
  margin-bottom: 0px;
}

[role="selectassessmentareas"] .nav-tabs>li:first-child,[role="coveragereport"] .nav-tabs>li:first-child, 
[role="AMSchedulingPopUp"] .nav-tabs>li:first-child
{
  margin-left: 10px;
}


[role="selectassessmentareas"] .nav-tabs,
[role="AMSchedulingPopUp"] .nav-tabs
 {
  margin: 20px 0 5px 0;
}

[role="selectassessmentareas"] .tab-content .tab-pane,
[role="AMSchedulingPopUp"] .tab-content .tab-pane {
    margin: 15px 0 0 12px ;
    /*margin: 0 auto ; sowmya added auto need to remove*/
    /*width: 100%;
    margin: 0 auto;
    padding: 10px;*/
}

[role="coveragereport"] .nav-tabs
 {
  margin: 10px 0 5px 25px;
}

/*End Assessment Select Assessment Areas*/

.navbar-nav>li {
  border-right: solid 1px #666;
}

.navbar-right>li:last-child {
  border-right: none;
}

.parentcheckitem {
  padding: 10px 0;
  border-bottom: solid 1px #eee;
  font-size: 14px;
}

.parentcheckitem-hdg-u {
  color: #c00000;
  text-decoration: underline;
  cursor: pointer;
}

.parentcheckitem-hdg-u:hover {
  text-decoration: none;
}

.parentcheckitem-hdg {
  color: #c00000;
  text-decoration: none;
}

.parentcheckitem-heading {
  padding-bottom: 0px !important;
}

.parentcheckitem-heading .modal-dialog ul {
  margin: 0px;
  padding: 0px;
}

.parentcheckitem-heading .modal-dialog ul li {
  padding: 10px 0;
  list-style-type: disc;
  margin: 0px 0 0 18px;
}

.modal-content {
  border-radius: 0px;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-content .close {
  font-size: 40px;
  margin-top: -9px;
}

.parentcheckitem .modal {
  margin-top: 20%;
}

[role="AppendCentralAssessmentPlan"] .proj-hdg {
  font-size: 16px;
  color: #c00000;
  display: block;
  padding-bottom: 4px;
}

[role="AppendCentralAssessmentPlan"] .assessmentplan tr td {
  border-bottom: solid 1px #eee !important;
  vertical-align: middle !important;
}

[role="AppendCentralAssessmentPlan"] .assessmentplan tr th {
  border-bottom: solid 1px #eee !important;
  vertical-align: middle !important;
  border-right: none;
}

[role="AppendCentralAssessmentPlan"] .assessmentplan ul {
  padding-bottom: 5px;
}

[role="AppendCentralAssessmentPlan"] .assess-divider {
  padding: 0 10px;
  color: #bcbcbc;
}
/*[role="AppendCentralAssessmentPlan"] #PVCentralAssessmentPlanGrid{margin-top:10px;}*/

.topicon-close {
  padding: 5px 5px 0 0 !important;
  color: #666;
}

[role="CreateForm"] .modal-heading, [role="EditForm"] .modal-heading {
  color: #000;
  font-size: 16px;
  padding: 3px;
  margin: 0px;
}

[role="CreateForm"] .modal-body label, [role="EditForm"] .modal-body label {
  margin-top: 5px;
}

[role="CreateForm"] .modal-btn, [role="EditForm"] .modal-btn {
  margin: 0 10px 0 0 !important;
}

.hd-columns .fa-plus-circle:before {
  font-size: 16px;
  color: #6d6d6d;
  padding-right: 5px;
}

.model-edit-btn a {
  text-decoration: none;
  color: #6d6d6d;
  font-size: 15px;
  cursor: pointer;
}

.model-edit-btn a:hover {
  color: #c00000;
}

.hd-columns .fa-plus-circle:hover:before {
  color: #c00000;
  font-size: 16px;
}

[role="CreateForm"].heading-mrgtop, [role="EditForm"].heading-mrgtop {
  background: #eee;
}

[role="CreateForm"].modal-footer, [role="EditForm"].modal-footer {
  border-top: 0px !important;
}

[role="CreateForm"].modal-content input, [role="CreateForm"].modal-content select, [role="CreateForm"].modal-content textarea {
  width: 300px !important;
}

[role="EditForm"].modal-content input, [role="EditForm"].modal-content select, [role="EditForm"].modal-content textarea {
  width: 300px !important;
}
#PVAssessmentPerform #Scoping .margtop10{margin-top:10px;}

[role="allmastersreport"].gridpaneheight {
  min-height: 640px !important;
  height: 100% !important;
}

#PVAllAuditAssessmentTypes .hd-columns ul li i, #PVAllAssessmentAreaCategories .hd-columns ul li i, #PVAllAssessmentAreas .hd-columns ul li i {
  margin-right: 10px !important;
}
 
/* #PVAllAuditAssessmentTypes .hd-columns ul li i, #PVAllAssessmentAreaCategories .hd-columns ul li i, #PVAllAssessmentAreas .hd-columns ul li i
 {font-family:lato !important;}*/

#PVAllAuditAssessmentTypes .hd-columns .fa-plus-circle:before, #PVAllAssessmentAreas .hd-columns .fa-plus-circle:before, #PVAllAssessmentAreaCategories .hd-columns .fa-plus-circle:before {
  font-family: fontawesome;
}

.assessment_catg-Map h1 {
  background: #EFEFEF;
  color: #000;
}

.assessment_catg-Map {
  border: solid 1px #DEDEDE;
  padding: 0px !important;
  margin: 12px 10px 0 10px;
  width: 444px;
  float:left;
}

.assessment_catg-Map ul li {
  border-bottom: solid 1px #EFEFEF;
  padding: 8px 0 8px 6px;
  margin-right: 15px;
}

.word-spac {
  padding-right: 10px;
}

.assessarea-inner {
  padding: 10px;
  height: 450px;
  overflow-y: auto;
  position: relative;
}

.mapg-btn {
  position: absolute;
  bottom: 0;
  right: 15px;
}

.arrow_box {
  position: relative;
  background: #c00000;
  width: 200px;
  color: #fff;
  padding-left: 7px;
  cursor: pointer;
}

.arrow_box:after, .arrow_box:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-left-color: #c00000;
  border-width: 17px;
  margin-top: -17px;
}

.arrow_box:before {
  border-width: 36px;
  margin-top: -36px;
}

.arrow_box1 {
  position: relative;
  background: #c00000;
  width: 200px;
  color: #fff;
  padding-left: 7px;
  cursor: pointer;
  line-height: 29px;
}

.arrow_box1:after, .arrow_box1:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box1:after {
  border-left-color: #c00000;
  border-width: 17px;
  margin-top: -17px;
}

.arrow_box1:before {
  border-width: 36px;
  margin-top: -36px;
}

.modal-body {
  padding: 15px 5px !important;
}

.modal-footer {
  border-top: 0px !important;
}

.assessarea-inner label {
  font-weight: normal;
}

.assessarea-inner li {
  /*cursor: pointer;*/
}

.model-valid-msg {
  float: left;
  color: red;
  margin-top: 3px;
  font-size: 11px;
  width: 100%;
}

[role="AddCheckItem"] .modal-dialog,[role="EditCheckItem"] .modal-dialog {
  width: 700px;
}

[role="AddCheckItem"] .flt-left,[role="EditCheckItem"] .flt-left {
  float: left;
}

[role="AddCheckItem"] .fa-plus-circle:before,[role="EditCheckItem"] .fa-plus-circle:before {
  content: "\f055";
  color: #c00000;
  font-size: 18pX;
}

[role="AddCheckItem"] .input-widt,[role="EditCheckItem"] .input-widt {
  width: 298px !important;
}

[role="AddCheckItem"] .subchkitm-cont,[role="EditCheckItem"] .subchkitm-cont {
  border: solid 1px #ddd;
  padding: 6px;
  width: 100%;
  width: 95%;
  margin: 0 auto;
  height: 100px;
  overflow-y: auto;
}

[role="AddCheckItem"] .subchkitm-cont ul,[role="EditCheckItem"] .subchkitm-cont ul {
  margin: 0;
  padding: 0;
}

[role="AddCheckItem"] .subchkitm-cont ul li,[role="EditCheckItem"] .subchkitm-cont ul li {
  margin: 0;
  padding: 3px 0;
  list-style-type: none;
  border-bottom: solid 1px #eee;
}

[role="AddCheckItem"] .subchkitm-cont ul li:hover,[role="EditCheckItem"] .subchkitm-cont ul li:hover {
  background: #eee;
  cursor: pointer;
}

[role="AddCheckItem"] .subchkitm-cont ul li i,[role="EditCheckItem"] .subchkitm-cont ul li i {
  float: right;
}

[role="AddCheckItem"] .modal-header,[role="EditCheckItem"] .modal-header {
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
  background: #eee;
}

.btntooltip {
  color: #c62021;
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
}

.btntooltip:hover {
  color: #222;
  text-decoration: none;
}


.chkitemtooltip ul {
  margin: 0;
  padding: 2px;
}

.chkitemtooltip ul li {
  margin: 0;
  padding: 8px 0px !important;
  border-bottom: solid 1px #ccc;
}

.chkitemtooltip {
  height: 300px;
  overflow-y: auto;
  background-color: #fff;   
  padding: 8px;    
}

#PVCreateAssessmentArea .modal-dialog {
  width: 600px;
}

#PVAllAuditAssessmentTypes .nav>li>a {
  background: transparent;
  border: 0px;
}

.assess-areas-create {
  overflow-y: auto;
  height: 200px;
}

.tab-scroll-padg {
  padding: 10px;
}

/*Start of Central Assessment Plan*/

#PVEditCentralAssessmentPlan #EntityListPopUp .modal-dialog {
  width: 800px;
  margin: 30px auto;
}

#PVEditCentralAssessmentPlan #IAssignAssessorsPopUp .modal-dialog {
  width: 600px;
  margin: 30px auto;
}

#PVEditCentralAssessmentPlan #SAssignAssessorsPopUp .modal-dialog {
  width: 600px;
  margin: 30px auto;
}

.trFocus {
  outline: thin solid red;
}

.trFocus-yellow {
background : #f9dbb8 !important;
}

#PVEditCentralAssessmentPlan .legend
{
    float:right;
    margin:10px;
}

#PVEditCentralAssessmentPlan .legend i
{
    padding-right:5px;
    color:#f9dbb8;
}
#PVEditCentralAssessmentPlan .modal-header {
  padding: 6px 10px;
  background: #eee !important;
}

/*End of Central Assessment Plan*/

/*Start of Assessment Scheduling */
.assessplang-inner {
  width: 100%;
  float: left;
}

.assessplang-inner ul {
  margin: 0 0 0 0;
  padding: 0;
  list-style-type: none;
}

.assessplang-inner ul li {
  overflow: hidden;
  margin: 0px;
  padding: 10px 0;
}

.assessplang-inner ul li.hdg {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 14px;
  color: #444;
  border-bottom: solid 1px #ddd;
  padding: 0 0 10px 0;
  overflow: hidden;
}

.assessplang-inner .col1 {
  width: 49%;
  float: left;
  display: block;
}

.assessplang-inner .col2 {
  width: 49%;
  float: left;
  display: block;
}

.assessplang-inner .col3 {
  width: 70%;
  float: left;
  display: block;
}

.assessplang-inner .col4 {
  width: 29%;
  float: left;
  display: block;
}

.assessplang-inner  ul li .material_check_radio {
  margin: 0 3px 0 0 !important;
}

.assessplang-inner  ul li label {
  padding-right: 6px;
}

.fnt-bld {
  font-weight: 500;
}

.assessarea-inner {
  padding: 5px 10px 10px 10px;
}

.assareaplng-btn {
  margin: 15px 10px 0 0 !important;
}

/*date picker for AssessmentScheduling*/
#PVAssessmentScheduling .dtp {
  z-index: 3000 !important;
}

[role="AMSchedulingPopUp"] .modal-dialog {
  width: 870px;
}

[role="AMSchedulingPopUp"] .assessplang-inner select {
  width: 100px;
}

[role="AMSchedulingPopUp"] .assessment_catg-Map {
  width: 400px;
}

[role="AMSchedulingPopUp"] .col1-m12, [role="AMSchedulingPopUp"] .col1-m12 {
  margin-top: 12px;
}

/*[role="AMSchedulingPopUp"] button.close {
  color: #fff !important;
}*/

#PVAssessmentScheduling .modal-header {
  padding: 6px 10px;
  background: #eee !important;
}

/*End of Assessment Scheduling */

/*Start of Assessment Perform*/

.right-col-lnks{border-left:solid 1px #ccc;}
.right-col-lnks ul{margin:0px;paddig:0px;margin-left:20px;}
.right-col-lnks ul li {
padding:8px 0; 
border:solid 1px #ccc;
border-radius:3px;
margin-bottom:10px;
padding-left:10px;
}
.right-col-lnks ul li.active{
    background:#c00000;
    border: none;
}
.right-col-lnks ul li.active a{ 
color:#fff;
}

.right-col-lnks ul li a {
text-decoration:none;
color:#777676;
}
.right-col-lnks ul li:hover {
text-decoration:none;
color:#c00000 !important;
background:#eee;
}
.right-col-lnks ul li a:hover{
color:#c00000;
}
.right-col-lnks ul li a:active{
color:#c00000;
background:#eee;
}
.right-lnks-width {
width:935px;
}
/* scopping */
.assessment_catg-Map-scopping{border:solid 1px #DEDEDE;padding:0px !important;margin:12px 10px 0 10px;width:95%}
.assessarea-inner-scopping{
padding:10px;height:250px;overflow-y:auto;position:relative
}
.assessplang-inner-scopping .col1{
width:35%;
float:left;
display:block;
}
.assessplang-inner-scopping .col2{
width:35%;
float:left;
display:block;
}
.assessplang-inner-scopping .col3{
width:30%;
float:left;
display:block;
}
.assessplang-inner-scopping{
width:90%;
float:left;
}

.assessplang-inner-scopping ul {
margin:0 0 0 0;
padding:0;
list-style-type:none;
}

.assessplang-inner-scopping ul li {
overflow: hidden;
margin: 0px;
padding: 10px 0;
}
.assessplang-inner-scopping ul li.hdg {
margin:0;
padding:0;
list-style-type:none;
font-size:14px;
color:#444;
border-bottom:solid 1px #ddd;
padding: 0 0 10px 0;
overflow:hidden;
}
.marginrgt {
    margin-right:15px !important;
}
.margtpbtm{margin:15px 0 ;}
.chk-text-align{display:inline;
vertical-align: middle;
}

.span-block{display:block;}
/* sowmya modified to look gray to dark gray color */
/*.readonly {line-height:34px;color: #B7B7B7;min-height:36px;}*/
.readonly {
    line-height: 34px;
    color: #4e5056;
    min-height: 36px;
}
/* sowmya modified */

/*End of Assessment Perform*/


.sub-heading{
    background: #fff;
    color: #555;
    border-bottom: solid 1px #ccc;
    font-size: 18px;
    padding-left: 0px;
    padding-top: 0px;
    margin:0 0 15px 0;
    padding: 0px 10px 10px 0;
}

.dataTables_scroll {border:solid 1px #ddd !important;}

.multiselect + span.select2{display:block;}
span.select2{
  display:block;
  width:100% !important;
  }

.assess-areas-create {
  border:solid 1px #ddd;
}

.SelectChkbox-Labelmrgtp{
  display:block;
  margin-top:5px;
}
.dataTables_wrapper 
.dataTables_scroll div.dataTables_scrollBody th, 
.dataTables_wrapper 
.dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle !important;
}
a{cursor:pointer;}

[role="CreateForm"] .modal .modal-dialog .modal-content textarea{
  max-width:100% !important;
  max-height:100% !important;
}



textarea{
  resize:none !important;
  min-height:70px !important;
}
.modal-dialog {
  width: 475px;
}

select.form-control option {
  padding:5px 0;
  border-bottom:solid 1px #ccc;
}

.AssessmtArea-Catg {
  color: #424141;
  text-transform: uppercase;
  padding-top: 5px;
  cursor: pointer;
  font-weight: 700;
}
.arrow_box1{
  color:#fff !important;
}
.select2 span {border-bottom:solid 1px #ccc;padding:2px 0;}

.listview-outlook{
      padding: 0px 0px 0px 10px;
      border:solid 1px #e4e4e4;      
      max-height: 150px !important;
      overflow-y: auto;      
}
.listview-outlook .list-content {
  border-bottom:solid 1px #e4e4e4;
  padding:5px 5px;
  cursor: pointer;
}

.listview-outlook .list-content:hover{
  background:#eee;
}



.parnt-excelicon .mrg-top30 {
  margin-top:30px;
}
.parnt-excelicon .nav>li>a {
  height:auto !important;
  line-height: 0px !important;
  margin-top: 2px;
   color:#777676;
}
.parnt-excelicon .nav>li> a:hover, .parnt-excelicon .nav>li> a:focus {
  background-color: transparent !important;
  color:#c00000;  
}

.parnt-excelicon .fa-mail-forward:before, .fa-share:before {
  top: -7px !important;;
  left: 18px !important;;
}

a:focus {
    outline:0px thin dotted !important;
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0px !important;    
}
[role="allmastersreport"] #PVAllAssessmentAreaCategories .nav>li>a, #PVAllAssessmentAreas .nav>li>a  {
  padding: 0px 20px 0 8px !important;
  height: 32px;
  text-decoration: none;
  border-bottom: 0px !important;
  border: solid 0px #ccc !important;
  background:transparent !important;
  color: #777676;
  margin-right: 5px;
  cursor: pointer;
  margin-right: -6px !important;
  line-height: 0px;
  margin-top: 3px;
}
[role="allmastersreport"] #PVAllAssessmentAreaCategories .nav>li>a i, #PVAllAssessmentAreas .nav>li>a i{margin-right: 2px !important;}
[role="allmastersreport"] #PVAllAssessmentAreaCategories .fa-mail-forward:before,
 [role="allmastersreport"] #PVAllAssessmentAreaCategories .fa-share:before,
 #PVAllAssessmentAreas .fa-mail-forward:before, #PVAllAssessmentAreas .fa-share:before
 {top: -7px !important;}

 .modal-dialog h4.modal-heading{margin:0px !important; padding:3px 10px 3px 10px !important;}
 .modal-dialog .modal-content .close {margin-top:-8px;margin-right:3px;}

 .hd-columns .nav li:hover, i.fa-plus-circle
 {
   cursor:pointer;
   }

 .s-listview-outlook{     
      cursor:none !important;
      max-height: 120px !important;
      overflow-y: auto;
       border:solid 1px #e4e4e4;
       padding:0px !important;
       margin: 0px !important;     
 }

 .s-listview-outlook .list-content {
  border-bottom:solid 1px #e4e4e4;
  padding:5px 5px;
  cursor: pointer;
}

.s-listview-outlook .list-content:hover{
  background:#eee;
}
.s-listview-outlook {
  width:96% !important;
} 
[role="AddCheckItem"] .subchkitm-cont, [role="EditCheckItem"] .subchkitm-cont {
      width: 90.5% !important;
    margin: 10px 0 0 15px;
}

li.excel-ico a:hover{
    color:#c00000 !important;
}


.assessment_catg-Map-width{
  width:545px !important;
}


.assessment_catg-Map-width .assessarea-inner li:hover {
    cursor: pointer;
}
.previous-link{
  
  float: right;
  margin-top: 20px;
  margin-right: 10px;
}



.ado-create{
    font-family: 'Lato',Helvetica,Arial, sans-serif !important;
    padding-left: 3px;
}

#EntityListPopUp .dataTables_paginate {
    padding: 10px 0px 0px 0px;
}

#EntityListPopUp [role="formSubmit"]{
    float:right;
    padding:0px 5px 25px 0px;
}

#EntityListPopUp [role="formSubmit"] {
margin:0px 10px 0 0;
}

#EntityListPopUp div.dataTables_wrapper{
    padding-bottom:0px;
}

/*#PVPreviousObservations .dataTables_scrollBody {height:450px;}*/

/*[role="allmastersreport"] #PVAssessmentObservations .modal {top:115px !important}*/