@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

*{margin:0px; padding:0px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
body{
	background:#2b3034;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:13px;
	color:#333;
	
}
hr{
    border: 1px solid #ccc
}
.form-offset-3{
    margin-left:25%;
    padding-left:8px;
}
.no-float{
    float:none!important;
}

.sm-space-left {
    margin-left:5px;
}

.left, .pull-left{float:left;}
.right, .pull-right{float:right!important;}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
li{list-style-type:none;}
.clearfix:after{clear:both; display:block; content:"";}
a{
	color:#fff;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	color:#27b5f2;
}
a img{border:0px;}
img{max-width:100%;}
h1{font-size:26px; font-weight:400; margin-bottom:10px; color:#E96E06;}
h2{
	font-size:28px;
	font-weight:300;
	color: #3C4349;
}
h3{
	font-size:18pt;
	font-weight:300;
	margin:10px 0;
	color:#27b5f2;
}
h3 .hideshow {font-size:.8em; color: #000000; }
h3 .hideshow_anomaly {font-size:.8em; color: #000000; }
.page-width{width:1200px; margin:auto; text-align:left;}
body > div#container{min-width:1200px;}
#header{background-color:#000;}
.header-contents{
	padding:2px 0px;
}
.logo{float:left; margin-top:10px}
#top-bar{
	padding:5px 0px;
	color:#999;
	background-color:#3c4349;
	color:rgba(255,255,255,0.90);
}
#top-bar .page-width{text-align:right;}
#top-bar .page-width span{margin-left:10px;}

.opco{text-align:right; padding-top:20px;}
.opco img{max-width:100%;}
.navigation-area{
	height:92px;
	padding-left:15px;
	color:#FFF;
	/* [disabled]background-image:linear-gradient(#000, #2b3034);
	background-image:-webkit-linear-gradient(#000, #2b3034);
	background-image:-moz-linear-gradient(#000, #333);
	background-image:-ms-linear-gradient(#000, #2b3034);
	background-image:url(-o-linear-gradient(#000, #2b3034));

*/
	background-color:#000;
}
.navigation-area .left{
	font-size:35px;
	height:82px;
	line-height:72px;
	font-weight:300;
	color:#FFF;
	margin-top: 10px;
}
.navigation-area .right{
	height:72px;
	margin-top: 10px;
}
.navigation-area .right ul{height:72px;}
.navigation-area .right ul li{
	float:left;
	height:72px;
	line-height:72px;
	padding:0px 20px;
	font-size:17px;
	position:relative;
	border-right:solid 1px rgba(255,255,255,0.20);
}
.navigation-area .right ul li:hover{
	background-color:#2B3034;
}
.navigation-area .right ul li:hover > ul{display:block;}
.navigation-area .right ul li:last-child{border-right:0px;}
.navigation-area .right ul li a{color:#FFF; text-decoration:none; display:block;}
.navigation-area .right ul li ul{height:auto; display:none; width:200px; background-color:#2B3034; position:absolute; top:72px; right:0px; z-index:100;}
.navigation-area .right ul li ul li{float:none; width:100%; height:auto; line-height:normal; padding:5px 10px;
	border-bottom:solid 1px rgba(255,255,255,0.20); font-size:15px;
}
.navigation-area .right ul li ul li:hover{
	background-color:#27b5f2;
}

/*input[type=checkbox].css-checkbox {display:none;}*/
input[type=checkbox].css-checkbox + label.css-label {
	/*padding-left:20px;*/
	display:inline-block;
	height:14px;
	line-height:14px;
	margin:0px;
	background-repeat:no-repeat;
	background-position: 0 0;
	cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -14px;}
label.css-label {
	/*background-image:url(../images/icons/checkbox-icons.png);*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


input[type=checkbox].risk-color {display:none;}
input[type=checkbox].risk-color + label.css-label {
	padding-left:20px;
	display:inline-block;
	height:14px;
	line-height:14px;
	margin:0px;
	background-repeat:no-repeat;
	background-position: 0 0;
	cursor:pointer;
}
input[type=checkbox].risk-color:checked + label.css-label {background-position: 0 -14px;}

input[type=checkbox].risk-cs_type {display:none;}
input[type=checkbox].risk-cs_type + label.css-label {
	padding-left:20px;
	display:inline-block;
	height:14px;
	line-height:14px;
	margin:0px;
	background-repeat:no-repeat;
	background-position: 0 0;
	cursor:pointer;
}
input[type=checkbox].risk-cs_type:checked + label.css-label {background-position: 0 -14px;}

ul.inline-list{margin-bottom:15px;}
ul.inline-list li{display:inline-block; vertical-align:middle; margin-right:6px;}
ul.inline-list li img{display:block;}
ul.inline-list li:last-child{margin-right:0px;}

ul.default-vertical-list li{
	padding-bottom:5px;
	font-size:14px;
	color: #3C4349;
}
ul.default-vertical-list li:last-child{margin-bottom:0px;}
div.checkbox-list .top-priority{color:#900;font-size:11px;}

.btn, input[type="button"], input[type="submit"]{display:inline-block; padding:5px 10px; border:0px; border-radius:2px; background-color:#3c4349; color:#FFF; cursor:pointer; text-decoration:none;font-size:13px;font-weight:400;}
.btn:hover{background-color:#fff;color:#000000}
.btn.active{background-color:#fff; color:#27B5F2}

.table{display:table; width:100%; border:solid 1px #CCCCCC;}
.table ul.row.head{font-weight:600; background-color:#666; color:#FFF;}
.table ul.row.head > li{border-right-color:rgba(255,255,255,0.15);}
.table ul.row{display:table-row; width:100%; background-color:#FFF;}
.table ul.row:nth-child(even){background-color:#FBFBFB;}
.table ul.row > li{display:table-cell; padding:5px; border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; font-size:13px;}
.table ul.row > li span.title{display:none;}
.table ul.row:last-child > li{border-bottom:0px;}
.table ul.row > li:last-child{border-right:0px;}

.column-row{padding-bottom:13px;}
.column-row:after{clear:both; display:block; content:"";}
.column-row:last-child{padding-bottom:0px;}
.column{float:left; margin-right:2%;}
.column:last-child{margin-right:0px;}
.column.full-width{width:100%; float:none;}
.column.one-half{width:48%;}
.column.one-third{width:32%;}
.column.one-fourth{width:23.5%;}
.column.one-fifth{width:18.4%;}

.filters-list{padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #CCCCCC;}
.filters-list > ul > li{float:left; margin-right:5px; /*min-width:190px;*/}
.filters-list > ul > li:last-child{min-width:inherit;}
.filters-list > ul > li.pull-right{float:right;}
li.pull-right a:hover {color:#000}
.wrapper{width:100%; position:relative;}
.wrapper:after{clear:both; display:block; content:"";}

.image-wrapper{
	border:solid 1px #ccc;
	padding:5px;
}
.image-wrapper img{max-width:100%; display:block;}
.img-thumbnail{}
.metrics .column-row{padding-bottom:30px;}
.metrics .column-row:last-child{padding-bottom:0px;}

.accordion-title{padding:0px 0px 5px 0px; margin-bottom:10px; color:#000; border-bottom:solid 2px #F56D1A; font-weight:15px; font-weight:600;}
.accordion-left{
    width:20%;
    float:left;
    background-color:#ECEEF1;
}
.accordion-right{
	width:80%;
	float:right;
	padding-left:15px;
	min-height: 500px;
}

/*ul.bullet-list li{background:url(../images/icons/bullet-square.jpg) 0 5px no-repeat; padding-left:15px; margin-bottom:7px;}*/
ul.bullet-list li:last-child{margin-bottom:0px;}


.form-horizental{width:100%; display:table;}
.form-horizental ul.row{display:table-row; width:100%;}
.form-horizental ul.row > li, .component-details ul.row > li{
	display:table-cell;
	padding:0px 5px 7px 0px;
}
.form-horizental ul.row > li:first-child span{
    display:table-cell;
}

.form-horizental ul.row > li span.label{
    padding-left:2px;
}

.form-horizental ul.row:first-child > li{padding-left:0px;}
.form-horizental ul.row:last-child > li{padding-bottom:0px;}

.general-info-panel .left{width:50%; background-color:#FFF;}
.general-info-panel .right{width:48%; background-color:#FFF; margin-right:0px;}

/*.general-info-panel .form-horizental ul.row > li:first-child{background:url(../images/icons/bullet-square.jpg) 0 5px no-repeat; padding-left:15px;}*/
.general-info-panel .form-horizental ul.row > li:first-child{font-weight: bold;}



.default-table{border:solid 1px #CCCCCC; font-size:13px;}
.default-table tr.head td, .default-table thead th{background-color:#666; color:#FFF; border-right-color:rgba(255,255,255,0.15); border-bottom:0px; font-weight:600;}
.default-table tr td{padding:7px 8px; border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; background-color:#FFF;}
.default-table tr td:last-child{border-right:0px;}
.default-table tr:nth-child(even) td{background-color:#FBFBFB;}
.default-table tr:last-child td{border-bottom:0px;}


.default-table td.sub-tables{padding:0px;}
.default-table td.sub-tables table tr td{border-bottom:solid 1px #CCCCCC;}
.default-table table.sub tr:last-child td{border-bottom:0px;}
.default-table tr:nth-child(even) td{background-color:#FFF;}




#bredcrums{
	padding:5px 0px;
	/* [disabled]border-top:solid 1px #CCC; */
	/* [disabled]border-bottom:solid 1px #CCCCCC; */
	background-color:#73818C;
	box-shadow:0px 0px 4px rgba(0,0,0,0.06);
}
#bredcrums .left{padding-top:3px;}
#bredcrums .left ul li{background:url(../images/bredcrums-arrow.png) right center no-repeat; padding-right:15px; margin-right:7px; float:left;}
#bredcrums .left ul li a{
	display:block;
	color:#CCC;
}
#bredcrums .left ul li a:hover{color:#000;}
#bredcrums .left ul li:last-child{background-image:none; font-weight:600;}
#bredcrums .right ul.inline-list{margin-bottom:0px;}

.content-box{
	width:49%;
	min-height:268px;
	padding:15px;
	margin:0px 2% 15px 0px;
	float:left;
	border-radius:4px;
	/* [disabled]border:solid 1px #D7D7D7; */
	background-color:#E8E8E8;
	box-shadow:0px 2px 3px rgba(0,0,0,0.05);
}
.content-box.full-width{width:100%;}
.content-box h2{
	border-bottom:solid 4px #ccc;
	margin-bottom:15px;
}
.content-box p{margin-bottom:15px;}
.content-box p:last-child{margin-bottom:0px;}

.content-box h2 span{display:inline-block; padding-right:0px; box-shadow:0px 4px 0px #27b5f2; padding-bottom:8px;}
.content-box h2 span.field-labels{display:inline-block; padding-right:0px; box-shadow:none; padding-bottom:3px; font-size:14px;}
.content-box.no-margin{margin-right:0px;}
.no-margin-top {margin-top:0!important;}
#admin-section .content-box a {
  color:#27b5f2;
}

.main-area .pull-left{width:50%;}
.main-area .pull-left img{max-width:100%;}
.main-area .pull-right{width:49%;}

#contents{
	padding:5px 0px;
	/* [disabled]background:url(../images/content-bg.jpg) 0 0px repeat-x; */
	background-color: #73818C;
	min-height: 500px;
	width: 100%;
	float: left;
}

.inner-page-contents .row > .pull-left{width:25%; padding-right:18px;}
.inner-page-contents .row > .pull-right{width:75%;}

.left-nav{background-color:#FFF; border-radius:4px; border:solid 1px #CCCCCC; overflow:hidden; box-shadow:0px 2px 3px rgba(0,0,0,0.05);}
.left-nav h3{padding:8px 10px; background-color:#00304C; color:#FFF;}
.left-nav ul li{border-bottom:solid 1px #CCCCCC;}
.left-nav ul li:last-child{border-bottom:0px;}
.left-nav ul li a{color:#333; text-decoration:none; display:block; padding:8px 10px;}
.left-nav ul li.active, .left-nav ul li a:hover{background-color:#F2F2F2;}

.tabs-wrapper{
  margin-bottom:15px;
  /*display:inline-block;*/
}
.tabs-wrapper > ul{
	/*height:48px;*/
	background-color:#3c4349;  /*Standard syntax */
    float: left;
    width: 100%;
}
.tabs-wrapper > ul > li{
	float:left;
	border-right:1px solid #E8E8E8;
}
.tabs-wrapper > ul > li:last-child{border-right:0px;}
.tabs-wrapper > ul > li a{
	display:block;
	padding:4px 14px;
	color:#CCC;
	text-decoration:none;
	font-size:14px;
	line-height: 40px;
}
.tabs-wrapper > ul > li a:hover, .tabs-wrapper > ul > li.active a{
	background-color: #27B5F2;
	color:#FFF;
}
.tabs-wrapper > ul > li.active a {
	background-color: #000
}
.white{
    color:#FFFFFF;
}
.sticky-alert {
    background-color:orange;
    color:#FFF;
    font-size:20px;
    font-weight:bold;
    border: 2px solid orange;
    position:fixed;
    /**adjust location**/
    left: 0px;
    top: 0px;
    padding: 10px;
    width: 100%;
    min-width: 1000px;
    /*background: url(transparent.png) repeat;*/
}
.sticky-alert em {
    color:black;
}
/*@media (max-width:1220px) {
	.page-width{width:auto; padding:0px 10px;}
	.navigation-area .left{font-size:30px;}
}
@media (max-width:1000px){
	.content-box{width:100%; float:none;}
	.header-contents .pull-left{width:100%; float:none; padding-top:10px; text-align:center}
	.header-contents .pull-right{width:100%; float:none;}
	.navigation-area .left{font-size:20px;}

	ul.inline-list{margin-bottom:15px;}
	ul.inline-list li{display:block; margin:0px 0px 5px 0px;}
	ul.inline-list li.lbl{padding-bottom:10px;}

	.table.responsive{border:0px;}
	.table.responsive ul.row.head{display:none;}
	.table.responsive ul.row.head > li{border-right-color:rgba(255,255,255,0.15); position:relative;}

	.table.responsive ul.row{display:block; border:solid 1px #CCCCCC; width:100%; margin-bottom:10px; background-color:#FFF;}
	.table.responsive ul.row:last-child{margin-bottom:0px;}

	.table.responsive ul.row > li{display:table; width:100%; border:0px; padding:0px; border-right:0px;}
	.table.responsive ul.row > li .span-wrapper{display:table-row; width:100%;}
	.table.responsive ul.row > li span.title{display:block;}
	.table.responsive ul.row > li span{display:table-cell; padding-left:10px; border-right:0px; border-bottom:solid 1px #CCCCCC; width:70%;}
	.table.responsive ul.row > li:last-child span{border-bottom:0px;}
	.table.responsive ul.row > li span.title{padding:5px 10px; width:30%; font-weight:600; display:table-cell; background-color:#EEE; border-right:solid 1px #CCCCCC;}
}
@media (max-width:750px){

	.header-contents .logo{float:none; width:100%; text-align:center;}
	.header-contents .logo-right{margin-left:0px;}
	.opco{text-align:center;}

	.navigation-area{height:auto; padding-left:0px;}

	.navigation-area .left{height:auto; float:none; width:100%; text-align:center; padding:10px 0px; line-height:normal; border-bottom:solid 1px rgba(255,255,255,0.10);}
	.navigation-area .right{height:auto; float:none; width:100%; text-align:center;}
	.navigation-area .right ul{height:auto; text-align:center;}
	.navigation-area .right ul li{float:none; display:inline-block; border-right:0px; height:auto; line-height:normal; padding:10px; font-size:14px;}
	.navigation-area .right ul li ul{top:40px;}

	.main-area .pull-left{width:100%; float:none; text-align:center; padding-bottom:15px;}
	.main-area .pull-right{width:100%; float:none;}

	.inner-page-contents .row > .pull-left{width:100%; float:none; padding:0px 0px 20px 0px}
	.inner-page-contents .row > .pull-right{width:100%; float:none;}
}
@media (max-width:480px){
	.navigation-area .left{font-size:14px; padding:10px;}
	.header-contents .logo{height:70px;}
	.header-contents .logo img{max-height:100%;}

	.drill-center-table{display:block;}
	.drill-center-table ul.row{display:block; border-bottom:solid 1px #CCCCCC;}
	.drill-center-table ul.row li{display:block; text-align:left; border:0px; padding:0px 0px 10px 0px;}

	.table.responsive ul.row > li span.title{padding:5px;}
	.table.responsive ul.row > li span{font-size:11px;}
}*/
select{
    padding:10px 9px;
}

select option{
    margin:4px;
}
.form input[type="text"], .form input[type="password"] {

    background: none repeat scroll 0 0 #fff;
    border: 1px solid #CCCCCC;
    padding:10px;
    border-radius:4px;
    float: left;
    margin: 0;
    width: 25%;

}

.form select {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #C9C9C9;
    padding: 10px;
    border-radius: 2px;
    float: left;
    margin: 0;
    width: 25%;
}

.form label {
    color: #777777;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    padding-right: 8px;
    text-align: right;
    white-space: nowrap;
    width: 25%;
}

.form input[type="submit"] {
    background: linear-gradient(to bottom, #00304c, #00304c) repeat scroll 0 0 #00304c;
    border-radius: 5px;
    border-color: #00304c;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    padding: 5px 20px;
    text-decoration: none;
    margin-top: 5px;
}

.form label+.input-container {
    float:left;
}
.form div.row div.k-multiselect {
  width:25%;
}
.vertical-form label {
    display:block;
    width:100%;
    text-align:left;
}

.vertical-form input[type="text"], .vertical-form input[type="password"], .vertical-form select {
    float:none;
    width:100%;
}

.vertical-form .ref-doc {
    margin-left:0!important;
}

.note {
    color: red;
}
.errorSummary, .errorMessage {
    color: red;
}

.column-row .grid-view{
    padding-top:0px;
}


.horizontal-radios {
    float:left;
    display:inline;
}
.horizontal-radios label{
    display:inline!important;
    float:left;
    line-height:normal;
    width:auto!important;
    text-align:left;
}
.horizontal-radios input[type=radio]{
    float:left;
}
/*#dialog-doc-reference .horizontal-radios label{
    width:auto;
    display:inline;
}*/

.grid-view table.items th, .grid-view table.items td
{
	font-size: 0.9em;
	/* [disabled]border: 1px white solid; */
	padding: 0.3em;
}

.grid-view table.items th {
    background: #73818C;
    color: #003150;
    font-weight: 600;
    text-align:center;

}

.grid-view table.items th a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.grid-view table.items th a:hover
{
	color: #3C4349;
}

#admin-section .grid-view .button-column {
    width: 68px;
    white-space: normal;
}

.grid-view .button-column {
    width: 100px!important;
    white-space: nowrap;
}
.grid-view table.items th, .grid-view table.items td {
	font-size: 13px !important;
	padding: 5px !important;
	color: #3C4349;
}
.grid-view table.items th { color: white}
.odd { background-color:#fff; }
.even {
	background-color:#E8E8E8;
}
/**
 * CSS styles for CLinkPager.
 *
 */

ul.yiiPager
{
    font-size:11px;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    display:inline;
}

ul.yiiPager li
{
    display:inline;
}

ul.yiiPager a:link,
ul.yiiPager a:visited
{
    border:solid 1px #9aafe5;
    font-weight:bold;
    color:#0e509e;
    padding:1px 6px;
    text-decoration:none;
}

ul.yiiPager .page a
{
    font-weight:normal;
}

ul.yiiPager a:hover
{
    border:solid 1px #0e509e;
}

ul.yiiPager .selected a
{
    background:#2e6ab1;
    color:#FFFFFF;
    font-weight:bold;
}

ul.yiiPager .hidden a
{
    border:solid 1px #DEDEDE;
    color:#888888;
}

/**
 * Hide first and last buttons by default.
 */
ul.yiiPager .first,
ul.yiiPager .last {
    display:none;
}
#document-grid ul.yiiPager .first,
#document-grid ul.yiiPager .last {
    display:inline;
}
.button, a.button {
	background: #27b5f2;
	border-radius: 3px;
	color:#FFFFFF !important;
	font-family: Arial;
	font-size: 14px;
	padding:12px 20px;
	text-decoration: none;
	/*margin: 10px;*/
	margin:1px 0 0;
        display:inline-block;
}
#admin-section .button {
    margin-left:10px;
}
#admin-section .grid-view .items{
    width:100%;
}
.button:hover {
    color:#3c4349;
}
#admin-section input[type=button].btn:hover, #admin-section button.btn:hover{
    background-color:#7D7D7D;
}

input[type="button"] {
/*    background: linear-gradient(to bottom, #00304c, #00304c) repeat scroll 0 0 #00304c;
    border-radius: 5px;
    border-color: #00304c;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    padding: 5px 20px;
    text-decoration: none;
    margin-top: 5px;*/
}

/* Added By Faisal */
.errorMessage{
    color:red;
}
/* jQuery UI ovverrides */
.ui-accordion .ui-accordion-content {
    max-height:150px;
    overflow:auto!important;
    background-color:#FFFFFF;
}

.ui-accordion .accordion .ui-accordion-content {
    max-height:200px;
}
.ui-accordion .accordion h4{
    background-color: #78818c !important;
    font-size: 12px;
    padding: 4px 4px 4px 25px;
}
.accordion .ui-accordion-content .accordion .ui-accordion-content{
    /*padding:10px 10px 10px 0;*/
}
.accordion .row > a.docs{
    margin-bottom:5px;
}
.accordion #block-base-information {
    max-height:375px;
}
#documents-list li a {
    font-size:12px;
}
/*Style for component section added 20140812*/


.component_content {
    width: 80%;
}
.component_docs {
    width: 20%;
}

.component_content h1 {
    margin-left: 15px;
    color: #0B86C6;
    font-size: 24px;
    font-weight: 500;
}

.component_content label {
    margin-left: 15px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

.component_content select {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    float: left;
    height: 28px;
    margin: 0;
    width: 100%;
}


.component_content input[type="text"] {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    float: left;
    height: 28px;
    margin: 0;
    width: 100%
}

.component_view {
    width: 100%;
}

.generalinfo{
    width: 40%;
}

.riskinfo{
    width: 27%;
}

.referenceinfo{
    width: 30%;
    overflow-y: scroll;
    height: 500px;
}

.generalinfo h1 {

    color: #0B86C6;
    font-size: 20px;
    font-weight: 500;
}

.generalinfo p {
    width: 80%;
}
.generalinfo h3 {

    color: #000;
    font-weight: 600;
    font-size: 14px;
}

.generalinfo label {
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
}
.riskinfo h1 {
    margin-left: 15px;
    color: #0B86C6;
    font-size: 20px;
    font-weight: 500;
}
.referenceinfo h1 {
    color: #e96e06;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}



.generalinfo .row > .pull-left{ width: 60%}

.riskinfo .row > .pull-left{ width: 40%}

.riskinfo label {
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
}

.docs {
    font-size: 11px;
}

.row > img {
    float: left;
}

.referenceinfo .row {
    margin-bottom: 5px;
}
.anomaly-summary thead tr.center th, .anomaly-summary thead tr.center td {
    text-align:center;
}
.anomaly-summary thead th {
    padding:7px 8px;
}
.row {
    clear: both;
}
.row span label{
    width:auto;
    float:none;
    line-height:normal;
}
/* admin css */
.admin-page .draggable li {
    padding:2px 4px;
}
.admin-page .draggable li {
    cursor:pointer;
}

.full-width-grid table {
    overflow-x:scroll;
    overflow-y:hidden;
    padding-top:0;
    width:100%;
}

.grid-view table td, .grid-view table th {
    overflow:hidden;
}
#grid-wrapper .grid-view {
    display: inline-block;
    overflow-x:scroll;
    overflow-y:scroll;
    padding-top: 0;
    width: 100%;
    max-height:400px;
}

#list_riskassessment td {
    color: #000000;
}
.highcharts-container .risk-bubble-tooltip {
  font-size:14px;
  margin:2px 0px;
}
.highcharts-tooltip a {
  color:#27b5f2;
}
.header_Wrap_div{
    overflow:hidden;
}
/*.grid-view table #component-anomaly-grid_c1{
    width:160px!important;
}*/
/*#component-grid table {
    display: inline-block;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-top: 0;
    width: 100%;
}*/
.loading_section {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 2222;
}

/*.grid-view table.items{
    display: inline-block;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-top: 0;
    width: 100%;
}*/
h3 .active {
    color: #27b5f2;
}
.accordion-left h4 {
    border: 1px none #000;
    color: #27b5f2;
    font-weight: normal;
    line-height: 1;
    margin: 10px 0 5px;
    clear:both;
}

.view_component {
    min-height: 500px;
}

#dialog-doc-reference .form label{
    width:140px;
}
#dialog-doc-reference .form input[type="text"] {
    width:200px;
}

/* QQ Uploader styles */
.qq-upload-list li {
    font-size:12px;
    line-height:12px;
}

#revision_grid .grid-view {
    margin: 0;
    padding: 0;
}
#revision_grid .grid-view  table.items {
    background: none repeat scroll 0 0 white;
    border: 1px solid #d0e3ef;
    width: 100%;
    border-collapse: separate !important;
}
.column.one-half .image-wrapper {
    min-height: 300px;
    background: #fff;
    height:340px;
}
#yw1 li a img {
	float: left;
	margin-right: 5px;
}
.header-contents li a img {
	margin: 18px 0
}
table.items a, table.detail-view td a {
    color: #27b5f2;
    font-weight: bold
}

table.items a:hover, table.detail-view td a:hover {
    color: #2B3034;
}
.form-horizental a {
	color: #0CF;
}
.auto-complete-search{
    height:20px; 
    width:220px!important; 
    float:left; 
    margin:0;
    background: none repeat scroll 0 0 #fff; 
    border: 1px solid #c2c2c2; 
    border-radius: 2px; 
    height:40px!important;
    padding:10px 5px!important;
}

/* Document Reference */
#doclist ul.list li {
    line-height:25px;
}
#doclist ul.list li a.ui-icon {
    display:inline-block;
}


/* CKEditor */
body.cke_editable {
    background-color:#E8E8E8;
}

/* Map */
.map-format-btn {
    width:26px;
    height:26px;
    border:1px solid #CCC;
    border-style:outset;
    background-color:#F2F2F2;
}
.map-format-btn.active {
    border-style:inset;
}

/* Canvas */
#canvas-container > .kineticjs-content {
    border:none;
}
#admin-section #canvas-container > .kineticjs-content {
    border:1px solid #CCCCCC;
}

/* FineUploader */
.qq-uploader {
    min-height:auto;
}

/* Form styles */
#module-form .row > label {
    display:inline-block;
}

#module-form .row span label {
    float:none;
}
.form table select, form .matrix-column select {
  width:100%;
}
input.small {
    font-size:12px;
    height:20px;
    padding:1px!important;
    width:110px!important;
}

#map-disclaimer {
    font-size:10px;
    font-style:italic;
    color:#000000;
}
.qq-hide {
    display: none !important;
}

/* Help module */
ul.help-topics li {
  border-bottom:1px solid #CCCCCC;
}
ul.help-topics li a {
  background-color: #3c4349;
  color: #ccc;
  display: block;
  padding: 5px 10px;
}

ul.help-topics li.active a, ul.help-topics li a:hover {
  background-color: #27B5F2;
  color:#FFFFFF;
}

/* KPI client side pages styles */
.kpi #kpi-name-filters div ul li {
  font-size:11px;
  vertical-align:middle;
  line-height:17px;
}
.kpi #kpi-name-filters div ul li input[type=radio] {
  vertical-align:middle;
}
/*
implementation of bootstrap for Anomaly Module. 
*/
.col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-margin-2{ margin:1px;}
  .form-inline .row{
      padding: 10px 0px;
  }
  .form-inline label{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    float:left;
  }
 .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
.form-inline .form-control {
  display: block;
  width: 100%;
  padding: 6px 12px;
}
.form-inline .medium,.form-inline .k-widget{
    width: 65%; float:right;
}
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
  .form-inline input[type="text"],.form-inline select {
  display: block;
  padding: 6px 5px;
  }
  .anomalies .report_view{
      border: 1px solid #aaa;
      border-collapse: collapse;
      width: 100%;
  }
  .anomalies .report_view td, .anomalies .report_view th{
      padding: 5px;
      border: 1px solid #aaa;
  }
  .anomalies .report_view .docs{
      color:#444;
  }
  .form-inline a{
       color:#444;
  }
  .content-box .table-caption, .table-caption {
    font-size:17px;
    margin-bottom:10px;
    margin-top:10px;
    float:left;
    width:100%;
    font-weight:bold;
  }
  .rba-header {
    font-size:20px;
    margin-bottom:10px;
  }
  .k-grid-header thead tr th {
    font-weight:bold!important;
  }
  
  /* To make CGridView to look similiar to the Kendo Grid */
  .kendo-grid {
    box-sizing: content-box;
    border-style:solid;
    border-width:1px;
    -webkit-appearance:none;
    border-color:#d5d5d5;
    color:#2e2e2e;
  }
  
  .kendo-grid table {
    width: 100%;
    margin: 0;
    margin-bottom: 0px;
    max-width: none;
    border-collapse: separate;
    border-spacing: 0;
    empty-cells: show;
    border-width: 0;
    outline: 0;
  }
  .kendo-grid th .kendo-grid td {
    border-style: solid;
    border-left-width: 1px;
    border-style:solid;
    border-color:#d5d5d5;
    text-overflow: ellipsis;
    border-color: #d5d5d5;
  }
  .kendo-grid tr th:first, .kendo-grid tr td:first {
    border-left-width:0!important;
  }
  .kendo-grid th {
    overflow: hidden;
    border-width: 0 0 1px 1px;
    padding: .5em .6em .4em .6em;
    font-weight:bold;
    white-space: nowrap;
    text-align: left;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background-color: #eae8e8;
  }
  .kendo-grid thead th {
    border-bottom:1px solid #d5d5d5;
    border-left:1px solid #d5d5d5;
  }
  .kendo-grid.head-center thead th {
    text-align:center;
  }
  .kendo-grid td {
    border-width: 0 0 0 1px;
    border-style:solid;
    border-color:#d5d5d5;
    padding: .4em .6em;
    overflow: hidden;
    line-height: 1.6em;
    vertical-align: middle;
  }
  .container-asset-info table td {
    font-size:12px;
  }
  .container-asset-info table td:first-child {
    padding-right:8px;
    font-weight:600;
  }