/* Minification failed. Returning unminified contents.
(320,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/* General CSS */
.navbar .nav > li > a {
    text-shadow: none;
    font-weight: bold;
    color: #4B4E52;
}

.navbar-static-top {
    position: fixed;
    margin-bottom: 0;
    width: 100%;
    z-index: 1;
}

.workspace-spacer {
    padding-top: 50px;
}

body, input, button, select, textarea {
    font-family: 'Roboto', sans-serif !important;
}

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

.alert-info, .alert {
    background-color: #E5F5F5 !important;
    color: #009999!important;
    border:1px solid #009999!important;
}

.bar-success {
    background-color: #009999 !important;
    background-image: -moz-linear-gradient(top, #009999, #009999) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009999), to(#009999)) !important;
    background-image: -webkit-linear-gradient(top, #009999, #009999) !important;
    background-image: -o-linear-gradient(top, #009999, #009999) !important;
    background-image: linear-gradient(to bottom, #009999, #009999) !important;
    background-repeat: repeat-x;
}

.btn-wsinfo {
    background-color: #7AB4AB;
    *background-color: #7AB4AB;
    background-image: -moz-linear-gradient(top, #7AB4AB, #7AB4AB);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7AB4AB), to(#7AB4AB));
    background-image: -webkit-linear-gradient(top, #7AB4AB, #7AB4AB);
    background-image: -o-linear-gradient(top, #7AB4AB, #7AB4AB);
    background-image: linear-gradient(to bottom, #7AB4AB, #7AB4AB);
    background-repeat: repeat-x;
    border-color: #7AB4AB #7AB4AB #7AB4AB;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7AB4AB', endColorstr='#7AB4AB', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}





.download-attachment {
    background-color: #EEF0F2;
    *background-color: #EEF0F2;
    background-image: -moz-linear-gradient(top, #EEF0F2, #EEF0F2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EEF0F2), to(#EEF0F2));
    background-image: -webkit-linear-gradient(top, #EEF0F2, #EEF0F2);
    background-image: -o-linear-gradient(top, #EEF0F2, #EEF0F2);
    background-image: linear-gradient(to bottom, #EEF0F2, #EEF0F2);
    background-repeat: repeat-x;
    border-color: #EEF0F2 #EEF0F2 #EEF0F2;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #4B4E52;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEF0F2', endColorstr='#EEF0F2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}

.btn-danger {
    background-color: #da4f49 !important;
    background-image: none !important;
}


.btn-warning {
    background-color: #E8AD44 !important;
    background-image: none !important;
}

.dark-link {
    color: #4B4E52;
}

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

a {
    color: #009999;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #009999;
        text-decoration: underline;
    }

h1,
h2,
h3 { line-height: 30px; }

h1 { font-size: 24.5px; }

h2 { font-size: 17.5px; }

h3 { font-size: 14px; }

h4 { font-size: 11.9px; }

h5 { font-size: 10px; }

h6 { font-size: 9px; }

h1 small { font-size: 17.5px; }

h2 small { font-size: 14px; }

h3 small { font-size: 11.9px; }

h4 small { font-size: 10px; }

.nowrap {
    text-wrap: avoid;
    white-space: nowrap;
}

.clear-left { clear: left; }

.clear-right { clear: right; }

.clear-both { clear: both; }

.width50px { width: 50px; }

.width65px { width: 65px; }

.width70px { width: 70px; }

.width75px { width: 75px; }

.width80px { width: 80px; }

.width90px { width: 90px; }

.width100px { width: 100px; }

.width150px { width: 150px; }

.width200px { width: 200px; }

.width250px { width: 250px; }


/*Linked recod Counter colors*/

.link-green-tab {
    background-color: #009999;
}

    .link-green-tab[href] {
        background-color: #009999;
    }

@media (min-width: 0px) {
    .width300px { width: 300px; }

    .table-media-resize td {
        overflow: hidden;
        /*white-space: nowrap;*/
    }

    .table-media-resize td:last-child { max-width: 65px !important; }
}

@media (min-width: 300px) {
    .width300px { width: 300px; }
}

@media (min-width: 350px) {
    .width350px { width: 350px; }
}

@media (min-width: 400px) {
    .width400px { width: 400px; }
}

@media (min-width: 450px) {
    .width450px { width: 450px; }
}

@media (min-width: 500px) {
    .width500px { width: 500px; }
}

@media (min-width: 767px) {
    .table-media-resize th {
        font-size: 0.9em;
        max-width: 30px;
        overflow: hidden;
    }

    .table-media-resize td {
        font-size: 0.82em;
        max-width: 30px;
    }
}

@media (min-width: 980px) {
    .table-media-resize th {
        font-size: 0.9em;
        max-width: 200px;
        overflow: auto;
    }

    .table-media-resize td {
        font-size: 0.9em;
        max-width: 45px;
    }
}


@media (max-width: 1300px) {
    #searchForm { display: none !important; }

    #btnAdvSearchMenu { display: block !important; }
}



@media (min-width: 1200px) {
    .table-media-resize th {
        font-size: 1em;
        max-width: 200px;
        overflow: auto;
    }

    .table-media-resize td {
        font-size: 1em;
        max-width: 100px;
    }
}

.table-cutcells td {
    font-size: 1em !important;
    max-width: 55px !important;
    overflow-wrap: break-word !important;
}

.widthFill {
    display: block;
    min-width: 100%;
    width: 100%;
}

.white-background { background-color: #fff; }

.color-swatch {
    border: 1px solid rgba(0, 0, 0, .2);
    float: left;
    height: 20px;
    width: 20px;
}


div.control-group.error input[type="text"],
div.control-group.error input[type="email"],
div.control-group.error input[type="password"],
div.control-group.error input[type="number"] {
    background-color: #f2c0c0;
    border-color: #d04040;
    color: #d04040;
}

div.control-group.error label,
#errorMessage label { color: #d04040; }

div.control-group.error input::-webkit-input-placeholder { color: #d04040; }

.margin0 { margin: 0 !important; }

.footer {
    background-color: #F7F8FA;
    color: #fff;
    padding: 0 0 0 0;
    /*margin-top: 60px !important;*/
}

.navbar-ws {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #F7F8FA;
    background-image: -moz-linear-gradient(top, #F7F8FA, #F7F8FA);
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F7F8FA), to(#F7F8FA)); */
    /* background-image: -webkit-linear-gradient(top, #F7F8FA, #F7F8FA); */
    background-image: -o-linear-gradient(top, #F7F8FA, #F7F8FA);
    /* background-image: linear-gradient(to bottom, #F7F8FA, #F7F8FA); */
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    border-right: none !important;
    border-left: none !important;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F8FA', endColorstr='#F7F8FA', GradientType=0);
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    *:;
    zoom: 1;
}

.footer-background-color {
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
}

.footer p {
    font-size: 0.9em;
    padding-top: 10px;
    color: #999999;
}

.footer-risk {
    background-color: #333;
    bottom: 0;
    color: #fff;
    left: 0;
    padding-top: 10px;
    position: relative;
    width: 100%;
}


.footer-risk p { font-size: 0.9em; }

ul.tree {
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    margin: 0;
    padding: 0;
}

ul.tree li a {
    border: 1px solid #e5e5e5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
    *width: 190px;
}

ul.tree .active a {
    -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
    -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
    border: 0;
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
    padding: 9px 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
    z-index: 2;
}

ul.tree li a:hover { background-color: #f5f5f5; }

li.knowledge-base a {
    color: #4B4E52 !important;
}

li.riliance-training a {
    color: #4B4E52 !important;
}

li.knowledge-base a:hover {
    color: #009999 !important;
}

li.riliance-training a:hover {
    color: #009999 !important;
}

#logo:hover { cursor: pointer; }

.taskPlaceholder {
    border: 1px dashed #666;
    margin-bottom: 10px;
    min-height: 250px;
    padding-top: 50px;
}

.taskPlaceholder p {
    color: #999;
    font-size: 24px;
    font-style: italic;
    text-align: center;
    width: 100%;
}

.quickLink {
    -moz-border-radius: 5px;
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
  
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #009999;
    *background-color: #009999;
    background-image: -moz-linear-gradient(top, #009999, #009999);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009999), to(#009999));
    background-image: -webkit-linear-gradient(top, #009999, #009999);
    background-image: -o-linear-gradient(top, #009999, #009999);
    background-image: linear-gradient(to bottom, #009999, #009999);
    background-repeat: repeat-x;
    border-color: #009999 #009999 #009999;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009999', endColorstr='#009999', GradientType=0);
    height: 60px;
    margin-bottom: 20px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.quickLink p, .quickLink p a {
    color: #fff;
    display: block;
    font-size: 20px;
    height: 45px;
    text-align: center;
    width: 100%;
}

.quickLink span.subtext {
    color: #fff;
    display: block;
    font-size: 11px;
    height: 20px;
}

.quickLink p a {
    height: 45px;
    padding-top: 15px;
}

.quickLink p a:hover, .quickLink p a:focus {
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}



.quickLinkDialog {
    -moz-border-radius: 5px;
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #009999;
    *background-color: #009999;
    background-image: -moz-linear-gradient(top, #009999, #009999);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009999), to(#009999));
    background-image: -webkit-linear-gradient(top, #009999, #009999);
    background-image: -o-linear-gradient(top, #009999, #009999);
    background-image: linear-gradient(to bottom, #009999, #009999);
    background-repeat: repeat-x;
    border-color: #009999 #009999 #009999;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009999', endColorstr='#009999', GradientType=0);
    height: 45px;
    margin-bottom: 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.quickLinkDialog p, .quickLinkDialog p a {
    color: #fff;
    display: block;
    font-size: 18px;
    height: 30px;
    text-align: center;
    width: 100%;
}

.quickLinkDialog p a {
    height: 30px;
    padding-top: 15px;
}

.quickLinkDialog p a:hover, .quickLinkDialog p a:focus {
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
    color: #000;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}


.quickLinkPlaceHolder {
    border: 1px dashed #666;
    height: 60px;
    margin-bottom: 10px;
}

.quickLinkPlaceHolder p, .quickLinkPlaceHolder p a {
    color: #999;
    display: block;
    font-size: 20px;
    font-style: italic;
    height: 60px;
    text-align: center;
    width: 100%;
}

.quickLinkPlaceHolder p a {
    height: 40px;
    padding-top: 20px;
}

.overviewPlaceholder {
    border: 1px dashed #666;
    margin-bottom: 10px;
    min-height: 100px;
    padding-top: 50px;
}

.overviewPlaceholder p {
    color: #999;
    font-size: 24px;
    font-style: italic;
    text-align: center;
    width: 100%;
}

a.accordion-toggle,
.accordion-toggle i,
.accordion-toggle strong { text-decoration: none !important; }

.table thead th {
    text-align: center;
    vertical-align: top;
}


.table-small-text { font-size: 0.9em; }

#tableNotificationConfig img { max-width: none; }

.small-text { font-size: 0.82em; }


/*Custom modal Sytles*/

.input-note-large {
    height: 300px;
    width: 800px;
}

#modalNote { width: auto; }

#modalNote .modal-body {
    max-height: 80%;
    max-width: 95%;
    width: auto;
}

.modal {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.modal-long {
    cursor: pointer;
    height: 600px;
    max-height: 600px;
}


.load-modal {
    -webkit-border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.modal-large {
    margin-left: -400px; /* - width/2 */
    width: 800px;
}


.modal-large-long {
    margin-left: -400px;
    max-height: 800px;
    overflow-y: auto;
    width: 800px;
}

.modal-large-long-centre {
    max-height: 800px;
    overflow-y: auto;
    width: 800px;
}

@media (min-height: 768px) {
    .modal-body-long {
        max-height: 600px !important;
        overflow-y: auto !important;
    }
}

.margin-bottom-5px { margin-bottom: 5px; }

.margin-right-5px { margin-right: 5px; }

/* Bootstrap bits and bobs */

/*This is so popovers can show above modals*/

.popover {
    max-width: 500px;
    z-index: 1050 !important;
}

.table-transparent td { border: none !important; }



.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #009999;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.nav .dropdown-toggle .caret {
    border-bottom-color: #009999;
    border-top-color: #009999;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
    border-bottom-color: #009999;
    border-top-color: #009999;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background-color: #009999;
    background-image: -moz-linear-gradient(top, #009999, #009999);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009999), to(#009999));
    background-image: -webkit-linear-gradient(top, #009999, #009999);
    background-image: -o-linear-gradient(top, #009999, #009999);
    background-image: linear-gradient(to bottom, #009999, #009999);
    background-repeat: repeat-x;
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009999', endColorstr='#009999', GradientType=0);
    text-decoration: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #009999;
    background-image: -moz-linear-gradient(top, #009999, #009999);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009999), to(#009999));
    background-image: -webkit-linear-gradient(top, #009999, #009999);
    background-image: -o-linear-gradient(top, #009999, #009999);
    background-image: linear-gradient(to bottom, #009999, #009999);
    background-repeat: repeat-x;
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009999', endColorstr='#009999', GradientType=0);
    outline: 0;
    text-decoration: none;
}

.btn-riliance {
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #009999;
    *background-color: #009999;
    background-image: -moz-linear-gradient(top, #009999, #009999);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009999), to(#009999));
    background-image: -webkit-linear-gradient(top, #009999, #009999);
    background-image: -o-linear-gradient(top, #009999, #009999);
    background-image: linear-gradient(to bottom, #009999, #009999);
    background-repeat: repeat-x;
    border-color: #009999 #009999 #009999;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009999', endColorstr='#009999', GradientType=0);
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    .btn-riliance:hover,
    .btn-riliance:focus,
    .btn-riliance:active,
    .btn-riliance.active,
    .btn-riliance.disabled,
    .btn-riliance[disabled] {
        background-color: #009999;
        *background-color: #009999;
        color: #ffffff;
    }

    .btn-riliance:active,
    .btn-riliance.active {
        background-color: #009999 \9;
    }


.btn-wsdefault {
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #EEF0F2;
    *background-color: #EEF0F2;
    background-image: -moz-linear-gradient(top, #EEF0F2, #EEF0F2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EEF0F2), to(#EEF0F2));
    background-image: -webkit-linear-gradient(top, #EEF0F2, #EEF0F2);
    background-image: -o-linear-gradient(top, #EEF0F2, #EEF0F2);
    background-image: linear-gradient(to bottom, #EEF0F2, #EEF0F2);
    background-repeat: repeat-x;
    border-color: #EEF0F2 #EEF0F2 #EEF0F2;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEF0F2', endColorstr='#EEF0F2', GradientType=0);
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-wsdefault:hover,
    .btn-wsdefault:focus,
    .btn-wsdefault:active,
    .btn-wsdefault.active,
    .btn-wsdefault.disabled,
    .btn-wsdefault[disabled] {
        background-color: #EEF0F2;
        *background-color: #EEF0F2;
    }

    .btn-wsdefault:active,
    .btn-wsdefault.active {
        background-color: #EEF0F2 \9;
    }


    .navbar-search .search-query { padding-left: 29px !important; }

.navbar-search .icon-search {
    left: 11px;
    position: absolute;
    top: 7px;
}

.navbar-inverse .navbar-inner {
    background-color: #f7f8fa!important;
    background-image: none!important;
}
.vegas-background{
    display: none;
}


.label-riliance,
.badge-riliance {
    background-color: #E5173F;
}

.badge-taskOverdue-true {
    background-color: #B00836;
}

.badge-taskDue-true {
    background-color: #E8AD44;
}

.label-riliance[href],
.badge-riliance[href] {
    background-color: #009999;
}

/* Date Picker */

.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active.disabled,
.datepicker td.active.disabled:hover {
    background-color: #009999;
    background-image: -moz-linear-gradient(top, #009999, #009999);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009999), to(#009999));
    background-image: -webkit-linear-gradient(top, #009999, #009999);
    background-image: -o-linear-gradient(top, #009999, #009999);
    background-image: linear-gradient(to bottom, #009999, #009999);
    border-color: #009999 #009999 #009999;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009999', endColorstr='#009999', GradientType=0);
}

    .datepicker td.active:hover,
    .datepicker td.active:hover:hover,
    .datepicker td.active.disabled:hover,
    .datepicker td.active.disabled:hover:hover,
    .datepicker td.active:active,
    .datepicker td.active:hover:active,
    .datepicker td.active.disabled:active,
    .datepicker td.active.disabled:hover:active,
    .datepicker td.active.active,
    .datepicker td.active:hover.active,
    .datepicker td.active.disabled.active,
    .datepicker td.active.disabled:hover.active,
    .datepicker td.active.disabled,
    .datepicker td.active:hover.disabled,
    .datepicker td.active.disabled.disabled,
    .datepicker td.active.disabled:hover.disabled,
    .datepicker td.active[disabled],
    .datepicker td.active:hover[disabled],
    .datepicker td.active.disabled[disabled],
    .datepicker td.active.disabled:hover[disabled] {
        background-color: #009999;
    }

        .datepicker td.active:active,
        .datepicker td.active:hover:active,
        .datepicker td.active.disabled:active,
        .datepicker td.active.disabled:hover:active,
        .datepicker td.active.active,
        .datepicker td.active:hover.active,
        .datepicker td.active.disabled.active,
        .datepicker td.active.disabled:hover.active {
            background-color: #009999 \9;
        }

.datepicker td span.active,
.datepicker td span.active:hover,
.datepicker td span.active.disabled,
.datepicker td span.active.disabled:hover {
    background-color: #009999;
    background-image: -moz-linear-gradient(top, #009999, #009999);
    background-image: -ms-linear-gradient(top, #009999, #009999);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009999), to(#009999));
    background-image: -webkit-linear-gradient(top, #009999, #009999);
    background-image: -o-linear-gradient(top, #009999, #009999);
    background-image: linear-gradient(top, #009999, #009999);
    border-color: #009999 #009999 #009999;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009999', endColorstr='#009999', GradientType=0);
}

    .datepicker td span.active:hover,
    .datepicker td span.active:hover:hover,
    .datepicker td span.active.disabled:hover,
    .datepicker td span.active.disabled:hover:hover,
    .datepicker td span.active:active,
    .datepicker td span.active:hover:active,
    .datepicker td span.active.disabled:active,
    .datepicker td span.active.disabled:hover:active,
    .datepicker td span.active.active,
    .datepicker td span.active:hover.active,
    .datepicker td span.active.disabled.active,
    .datepicker td span.active.disabled:hover.active,
    .datepicker td span.active.disabled,
    .datepicker td span.active:hover.disabled,
    .datepicker td span.active.disabled.disabled,
    .datepicker td span.active.disabled:hover.disabled,
    .datepicker td span.active[disabled],
    .datepicker td span.active:hover[disabled],
    .datepicker td span.active.disabled[disabled],
    .datepicker td span.active.disabled:hover[disabled] {
        background-color: #009999;
    }

        .datepicker td span.active:active,
        .datepicker td span.active:hover:active,
        .datepicker td span.active.disabled:active,
        .datepicker td span.active.disabled:hover:active,
        .datepicker td span.active.active,
        .datepicker td span.active:hover.active,
        .datepicker td span.active.disabled.active,
        .datepicker td span.active.disabled:hover.active {
            background-color: #009999 \9;
        }

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
    color: #000000;
    text-shadow: none!important;
}

.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:focus { color: #000000; }

.navbar-inverse .brand { color: #ffffff; }

.navbar-inverse .navbar-text { color: #ffffff; }

/* Sticky Footer */

html,
body { height: 100%; }



li.active { background-color: #e5e5e5; }

#wrap {
    height: auto !important;
    height: 100%;
    min-height: 100%;
    position: relative;
}

#push { height: 60px; }

@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    #navbarSide, #navbarSideEdit { display: none; }
}

.report-chart-row { margin-bottom: 20px; }

.report-chart-row .report-chart-box {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 3px 3px 3px 3px;
}

.report-chart-row .report-chart-box h1 {
    font-size: 18px;
    margin-top: -4px;
    text-indent: 4px;
}

.report-chart-row .report-chart-box .accordion { margin-bottom: 0; }



/*Task modal Custom layouts*/

.legend-small {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

.legend-dynamic {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    margin-left: 20px;
}

.modal-padding { padding: 10px; }

.legend-divider { border-bottom: 1px solid #e5e5e5; }

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




.modal-title {
    font-size: 16px;
    font-weight: bold;
}

.bg-white { background-color: white; }


.margin-left-offset { margin-left: 20%; }

.margin-left-offset-10 { margin-left: 10%; }



.margin-left-50 { margin-left: 50px !important; }

.padding-left-50 { padding-left: 40px !important; }

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

.padding-top { margin-top: 5px; }

.padding-top-5 { padding-top: 5px !important; }

.padding-top-20 { padding-top: 20px !important; }

.padding-right-5 { padding-right: 5px; }

.full-border { border: 1px solid #ececec; }


.row-buttons {
    max-width: 120px;
    min-width: 120px;
    width: 120px;
}

.row-button {
    max-width: 20px;
    min-width: 20px;
    width: 20px;
}

.row-50 {
    max-width: 50px;
    min-width: 50px;
    width: 50px;
}

.row-100 {
    max-width: 100px;
    min-width: 100px;
    width: 100px;
}


.row-150 {
    max-width: 150px;
    min-width: 150px;
    width: 150px;
}

.icon-nav { font-size: 1.25em; }


.no-border {
    margin: 0;
    padding: 0;
}

.riliance-green {
    color: #009999;
}

.popover-text { color: #000000; }

.margin-bottom-1px { margin-bottom: 1px; }

.table-break {
    table-layout: fixed;
    word-break: break-all;
}

.middle td {
    text-align: center !important;
    vertical-align: middle !important;
}


.text-underline { text-decoration: underline; }

.text-title {
    font-weight: bold;
    text-decoration: underline;
}

.cal-hover-pointer:hover { cursor: pointer; }


.no-padding { padding: 0 !important; }

.file-audit-value-missing label { font-weight: bold; }


.error-text {
    color: red;
    font-size: 10px;
}

label.error { color: #d04040; }

.btn-right-margin { margin-right: 10px; }

.btn-group.open .btn-riliance.dropdown-toggle {
    background-color: #009999 !important;
}


.graph-left-margin { margin-left: 20px !important; }

@media (min-width: 800px) {
    .graph-left-margin { margin-left: 0 !important; }
}

.margin-top-5px { margin-top: 5px !important; }

.margin-top-20px { margin-top: 20px !important; }

.margin-right-20px { margin-right: 20px !important; }

.margin-left-15px { margin-left: 15px !important; }

#tblModuleNotice input { margin: 0 !important; }

.well-alt { background-color: #fcfcfc !important; }

.well-orange { background-color: #FCF8E3 !important; }

.well-red { background-color: #F2DEDE !important; }

.well-green { background-color: #DFF0D8 !important; }


.well-translucent-grey {
    -moz-border-radius: 4px;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    background-color: rgba(193, 193, 193, 0.1);
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

.well-red-border {
    border: 10px solid #F099A1 !important;
    padding: 10px;
}

.well-alt-border {
    border: 10px solid #fcfcfc !important;
    padding: 10px;
}

.well-orange-border {
    border: 10px solid #EFCC89 !important;
    padding: 10px;
}

.well-green-border {
    border: 10px solid #B2CFBB !important;
    padding: 10px;
}

.margin-left-0 { margin-left: 0 !important; }

.margin-bottom-15px { margin-bottom: 15px !important; }

.padding-bottom-5 { padding-bottom: 5px !important; }

.padding-bottom-10 { padding-bottom: 10px; }

.padding-bottom-15 { padding-bottom: 15px !important; }

.padding-bottom-20 { padding-bottom: 20px !important; }


.margin-top-0 { margin-top: 0 !important; }

.margin-top-10 { margin-top: 10px !important; }

.no-underline { text-decoration: none !important; }


.bs-red { color: #bd362f !important; }

.loader {
    -moz-animation: loading 1.2s infinite linear;
    -ms-animation: loading 1.2s infinite linear;
    -webkit-animation: loading 1.2s infinite linear;
    animation: loading 1.2s infinite linear;
    background: transparent;
    border-bottom: 4px solid #777;
    border-left: 4px solid #777;
    border-radius: 90%;
    border-right: 4px solid #009999;
    border-top: 4px solid #009999;
    height: 20px;
    margin: auto 5px;
    width: 20px;
}

.loader-small {
    -moz-animation: loading 1.2s infinite linear;
    -ms-animation: loading 1.2s infinite linear;
    -webkit-animation: loading 1.2s infinite linear;
    animation: loading 1.2s infinite linear;
    background: transparent;
    border-bottom: 4px solid #777;
    border-left: 4px solid #777;
    border-radius: 90%;
    border-right: 4px solid #009999;
    border-top: 4px solid #009999;
    height: 10px;
    margin: auto 5px;
    width: 10px;
}


.loader-medium {
    -moz-animation: loading 1.2s infinite linear;
    -ms-animation: loading 1.2s infinite linear;
    -webkit-animation: loading 1.2s infinite linear;
    animation: loading 1.2s infinite linear;
    background: transparent;
    border-bottom: 4px solid #777;
    border-left: 4px solid #777;
    border-radius: 90%;
    border-right: 4px solid #009999;
    border-top: 4px solid #009999;
    height: 20px;
    margin: auto 5px;
    width: 20px;
}

.loader-large-modal {
    -moz-animation: loading 1.2s infinite linear;
    -ms-animation: loading 1.2s infinite linear;
    -webkit-animation: loading 1.2s infinite linear;
    animation: loading 1.2s infinite linear;
    background: transparent;
    border-bottom: 4px solid #777;
    border-left: 4px solid #777;
    border-radius: 90%;
    border-right: 4px solid #009999;
    border-top: 4px solid #009999;
    height: 40px;
    margin: auto 5px;
    width: 40px;
}


.modal-loader {
    background: none !important;
    border: none !important;
    top: 40% !important;
}

/* Animation */

@-webkit-keyframes loading {
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes loading {
    to { -moz-transform: rotate(360deg); }
}

@keyframes loading {
    to { transform: rotate(360deg); }
}

.loader-spinner {
    -moz-animation: loading 1.2s infinite linear;
    -ms-animation: loading 1.2s infinite linear;
    -webkit-animation: loading 1.2s infinite linear;
    animation: loading 1.2s infinite linear;
    background: transparent;
    border-bottom: 4px solid #777;
    border-left: 4px solid #777;
    border-radius: 90%;
    border-right: 4px solid #009999;
    border-top: 4px solid #009999;
    height: 40px;
    left: 50%;
    margin: auto 5px;
    margin-left: -20px;
    margin-top: -20px;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1;
}

.loader-spinner-container {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.loader-medium-well {
    -moz-animation: loading 1.2s infinite linear;
    -ms-animation: loading 1.2s infinite linear;
    -webkit-animation: loading 1.2s infinite linear;
    animation: loading 1.2s infinite linear;
    background: transparent;
    border-bottom: 4px solid #777;
    border-left: 4px solid #777;
    border-radius: 90%;
    border-right: 4px solid #009999;
    border-top: 4px solid #009999;
    height: 20px;
    margin: auto 5px;
    width: 20px;
}

/*Task states colors*/

.riliance-pending-color {
    color: #E8AD44;
}

.riliance-rejected-color { color: #E62E00; }

/*Graphs print link*/

.print-chart-icon {
    float: right;
    font-size: 20px;
}

@-webkit-keyframes load3 {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*DISPLAY SETTINGS*/

.form-input.span6 { margin-left: 0 !important; }

.form-read-input.span6 { margin-left: 0 !important; }


.input-append, .input-prepend { margin-bottom: 0 !important; }

.addon-height { max-height: 28px !important; }

form.detail-form .no-margin-bottom { margin-bottom: 0 !important; }

form.detail-form .input-prepend { height: 28px !important; }

form.detail-form input[type=text] {
    height: 26px !important;
    margin-bottom: 0 !important;
    padding: 0 4px !important;
}


form.detail-form .add-on { height: 18px !important; }

.input-height { height: 28px !important; }


/*#alertDetailRecordHasBeenSaved {
    max-height: 50px!important;
}*/





.hidden-head-link, .hidden-head-link:hover, .hidden-head-link:active {
    color: black;
    text-decoration: none;
}




#navbarSide, #navbarSideEdit {
    bottom: 40%;
    height: 70px;
    margin: 0;
    /*padding-left: 10px;*/
    width: 370px;
    z-index: 100;
}

svg,
canvas {
    height: 100%;
    min-width: 300px;
    width: 100%;
}

.grid .tick line {
    shape-rendering: crispEdges;
    stroke: lightgrey;
    stroke-opacity: 0.7;
}

.grid path { stroke-width: 0; }

/*Modal Responsiveness - Works very well with screen as big as 769x255 */

@media (max-width: 800px) {
    .addon-height { min-height: 30px !important; }

    .modal-large {
        padding: 0;
        width: 100%;
    }
}

@media (max-height: 600px) {
    .modal-large {
        height: 80%;
        margin-bottom: 10px;
        top: 0 !important;
    }

    .modal-large > .modal-body {
        height: 60%;
        max-height: none;
    }
}

.tab-ask-us {
    background-color: rgb(79, 168, 0);
    border: solid 1px;
    border-color: rgb(79, 168, 0);
    cursor: pointer;
    display: block;
    position: fixed;
    top: 23%;
    z-index: 10000;
}

a.a-desk-widget-email { display: none; }

.k-dialog-insert.k-button.k-primary {
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #009999 !important;
    *background-color: #009999 !important;
    background-image: -moz-linear-gradient(top, #009999, #009999) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009999), to(#009999)) !important;
    background-image: -webkit-linear-gradient(top, #009999, #009999) !important;
    background-image: -o-linear-gradient(top, #009999, #009999) !important;
    background-image: linear-gradient(to bottom, #009999, #009999) !important;
    background-repeat: repeat-x !important;
    border-color: #009999 #009999 #009999 !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009999', endColorstr='#009999', GradientType=0) !important;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.k-window-titlebar.k-header {
    background-color: transparent !important;
    color: #444;
}



.side-label {
    display: inline-block !important;
    margin-left: 5px !important;
}

/*2 column display*/

.right-margin-label > label { margin-right: 15px; }


.google-visualization-table { display: block !important; }

.searchbox:focus {
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba();*/
    -webkit-box-shadow: 0.05px 0.05px 0.2px 0.2px #9f9f9f !important;
    outline: none;
}

.searchbox {
    background: url(/images/NewSearchIconSmall.png) no-repeat scroll center center #f2f2f2 !important;
    border: none !important;
    border-radius: 20px;
    /*box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.30), 0 0 16px rgba(0, 0, 0, 0.30);*/
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    height: 30px;
    padding: 0;
    padding-right: 10px !important;
    padding-top: 8px !important;
    width: 30px;
}

.searchbox-btn {
    background: url(/images/NewSearchIconSmall.png) no-repeat scroll center center #f2f2f2;
    border: none !important;
    border-radius: 20px;
    /*box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.30), 0 0 16px rgba(0, 0, 0, 0.30);*/
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    height: 30px;
    padding: 0;
    padding-right: 10px !important;
    padding-top: 8px !important;
    width: 30px;
}


.opensearch {
    background: none!important;
    clear: left;
    cursor: text;
    float: right;
    padding-left: 1em;
}



.table-divider { border-bottom: 1px solid #cccccc !important; }




.searchbox[type="text"] {
    color: #4B4E52!important;
}


.color-white { color: white; }


h2 .popover div {
    font-size: 14px;
    font-weight: normal;
}

.text-force-left { text-align: left !important; }

.label-push { padding-top: 5px !important; }








/*V2-5 CLASSES
--------------------------------------------------*/

.well-orange {
    background-color: #EFCC89 !important;
}

.well-red {
    background-color: #F099A1 !important;
}

.well-green {
    background-color: #B2CFBB !important;
}

.icon-circle

.table tbody tr.row-error > td {
    background-color: #F099A1 !important;
}

.table tbody td.row-error {
    background-color: #F099A1 !important;
    /* FireFox doesn't like doing widths unless you tell it to   */
    width: 20px;
}

.table tbody tr.row-disabled > td {
    background-color: #e6e6e6 !important;
    color: lightgray;
    font-size: 10px;
}

.table tbody tr.row-warning > td { background-color: rgba(240, 190, 50, 0.25) !important; }

.table tbody td.row-warning {
    background-color: #EFCC89 !important;
    /* FireFox doesn't like doing widths unless you tell it to   */
    width: 20px;
}

.table tbody tr.row-success > td {
    background-color: #B2CFBB !important;
}

.table tbody td.row-success {
    background-color: #B2CFBB !important;
}

.table tbody tr.row-skipped > td { background-color: #bbbbbb !important; }

.table tbody td.row-skipped { background-color: #bbbbbb !important; }

/*TABLES*/

/*INDIVIDUAL CELL STYLES*/

.td-notop { border-top: none; }

.td-noleft { border-left: none; }

.td-noright { border-right: none; }

.td-nobottom { border-bottom: none; }


.clickable-row.active { background-color: #f5f5f5; }

.trNavigationHead.active { background-color: #f5f5f5; }

/*BORDERLESS TABLE CELLS*/

.td-topleft {
    border-bottom: none !important;
    border-right: none !important;
}

.td-topright {
    border-bottom: none !important;
    border-left: none !important;
}

.td-bottomleft {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.td-bottomright {
    border-left: none !important;
    border-top: none !important;
}

.td-bottommiddle {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.td-bottomtop {
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

.valign-middle { vertical-align: middle !important; }

.clickable-row :hover { cursor: pointer; }

.clickable-row:hover > .info-row { background-color: #f5f5f5; }

.clickable-row td { padding: 5px; }


.full-width { width: 100%; }

.row-info { border-top: 1px solid #f5f5f5; }

.section-legend {
    border-bottom: none;
    margin-bottom: 0 !important;
    margin-left: 10px;
    width: 80%;
}
    .section-legend div {
        font-size: 14px;
    }


.span-legend {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    margin-left: 0px !important; /*override bootstrap*/
}

/*
    These next 3 classes (task-Completed, task-Due, task-Overdue) are used to highlight what colour a task should be at a specific status)
*/

.task-Completed {
    color: #7AC142;
    font-weight: bold;
}

.task-Due {
    color: #E8AD44;
    font-weight: bold;
}

/* 
    Sorry for the duplication here, the second class depends on variables brought back from a web service
*/

.task-Overdue {
    color: #B00836;
    font-weight: bold;
}

.taskOverdue-true {
    color: #B00836;
    font-weight: bold;
}

.icon-info-sign:before {
    content: "\f05a";
    font-size: 14px;
}


/*new*/

.divRadioBtn {
    display: table;
    float: left;
    margin: 4px;
    table-layout: fixed;
    width: 100%;
}

.rdoBtn {
    display: table-cell;
    padding: 0 10px;
    word-wrap: break-word;
}

.divRadioBtn label {
    background-color: #EFEFEF;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    float: left;
    margin: 4px;
    overflow: auto;
    width: 100%;
}

.divRadioBtn label span {
    display: block;
    font-size: 14px;
    padding: 5px 0px;
    text-align: center;
}

.divRadioBtn label input { display: none; }

.divRadioBtn input:checked + span {
    background-color: #009999;
    color: #F7F7F7;
}

.divRadioBtn .taskBtn {
    background-color: transparent;
    border: none;
    color: #333;
}

.divRadioBtn .taskBtn:hover {
    background-color: #cccccc;
    border: none;
    color: #333;
}





.half-width { width: 50% !important; }

.modal-backdrop { background-color: rgba(0, 0, 0, 0.5); }

.tooltip { z-index: 2000 !important; }


.well-container { background-color: rgba(255, 255, 255, 0.04) !important; }

.tab-bottom { margin-bottom: 0 !important; }


input.input-extra-large { width: 95%; }

textarea.input-extra-large { width: 95%; }

/*Linked Record Modal*/

.modal-fullsize {
    bottom: 0;
    left: 0;
    margin-bottom: 5%;
    margin-left: 10%;
    overflow: hidden;
    position: fixed;
    right: 20px !important;
    top: 0;
    width: 80%;
}

.modal-header-fullsize {
    border-bottom: 1px solid #eee;
    height: 50px;
    left: 0;
    padding: 9px 15px;
    right: 0;
    /*position: absolute;*/
    top: 0;
}

.modal-body-fullsize {
    bottom: 60px;
    font-weight: 300;
    overflow: auto;
    padding: 15px 0;
    position: absolute;
    top: 80px;
    width: 100% !important;
}

.modal-footer-fullsize {
    background-color: #f5f5f5;
    bottom: 0;
    left: 0;
    padding: 14px 15px 15px;
    position: absolute;
    right: 0;
}

.modal-body-fullsize .well-translucent-grey { padding: 0 !important; }


.section-placeholder-Modal {
    margin-left: 10% !important;
    padding: 5px 0 !important;
    width: 80%;
}


/*Linked Record Modal*/

.modal-body2 { max-height: 768px !important; }

/* Compaints list - for filter buttons*/

.control-group.filter-toggles { margin-top: 70px; }

.pull-right { margin-top: 5px; }


#validation-error .custom-validation-error { color: #d04040; }



/* Needed for an alert to show in a modal */

.alert-modal-width { display: flex; }

.alert {
    border:none!important;
}
.section-menu {
    color: #000 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.section-menu:hover {
    color: #000 !important;
    text-decoration: none !important;
}

.section-menu:focus { text-decoration: none !important; }

.chartTable { border: 1px solid #000000; }

.custom-dependency-section { width: 90%; }

span.risk-management-sortable {
    left: 41%;
    position: relative;
}

span.activity-sortable {
    left: 41%;
    position: relative;
}

/*COMPLIANCE-5563 START*/

#modalAddRecord .modal-body { overflow-y: inherit; }

.add-v2-5-btn {
    cursor: pointer;
    width: 300px;
}

.add-v2-5-btn p { padding-top: 10px; }

#sectionContainer { position: relative; }

.wrapper { margin-top: 0.5% !important; }

.left-side {
    margin-left: 3% !important; /*override bootstrap*/
    margin-top: 1%;
}

.right-side { margin-top: 1%; }

.panel-height { height: 900px; }

#middle-container {
    height: 900px !important;
    margin-bottom: 65px !important;
    margin-top: 2%;
    overflow-y: scroll;
}

#left-container {
    height: 630px !important; /*override the panel-height class because of the add button*/
    overflow-x: auto;
    overflow-y: scroll;
    width: 320px !important;
}

#right-container {
    height: 900px;
    overflow-x: no-display;
    overflow-y: scroll;
    width: 110%;
}

.depth-level {
    margin: 0;
    padding: 0;
    position: relative;
}

.depth-level li {
    background-color: #fff;
    border: 1px solid #9f9f9f !important;
    font-size: 12px;
    list-style-type: none;
}

.depth-level-1 > ul {
    float: right;
    width: 300px;
}

.depth-level-2 > ul {
    float: right;
    width: 270px;
}

.depth-level-3 > ul {
    float: right;
    width: 240px;
}

.depth-level-4 > ul {
    float: right;
    width: 210px;
}

.depth-level-1 > li {
    box-sizing: border-box;
    float: right;
    width: 300px;
}

.depth-level-2 > li {
    box-sizing: border-box;
    float: right;
    width: 270px;
}

.depth-level-3 > li {
    box-sizing: border-box;
    float: right;
    width: 240px;
}

.depth-level-4 > li {
    box-sizing: border-box;
    float: right;
    width: 210px;
}

.depth-level > li .icon {
    display: block;
    float: left;
    height: 20px;
    padding: 14px 20px 0 20px;
    width: 20px;
}

.depth-level > li > p {
    margin: 0 0 0px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-top: 5px;
}

.blur {
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.risk-management-loader {
    left: 43%;
    padding-bottom: 28px;
    position: relative;
    top: 50%;
}

.risk-management-loader span {
    color: #f7f1e3;
    padding-left: 0 !important;
}

.loading-risk-management-list {
    border-right-color: #000;
    border-right-width: 1px;
    border-top-width: 0px !important;
    color: #f7f1e3;
}

.risk-management-separator {
    background-color: #7f7f7f !important;
    border: none !important;
    border-top: 1px solid #5f5f5f !important;
    color: #fff !important;
    font-size: 13px !important;
    padding-left: 15px;
}

.pre-load-record { display: none; }

.selected {
    background-color: #70ad46 !important;
    color: #ffffff;
}

/*COMPLIANCE-5563 END*/

.svg-container {
    display: inline-block;
    overflow: hidden;
    padding-bottom: 60%; /* aspect ratio */
    position: relative;
    vertical-align: top;
    width: 100%;
}

.svg-content-responsive { display: inline-block; }


/*.long-history {

}*/

.long-history-restrict td {
    left: 0;
    position: absolute;
    top: 0;
}

.long-note-item, .long-history-item {
    height: 10vh;
    overflow: hidden;
    position: relative;
}

.colour-cell-fixed-width { width: 8px; }

.sub-active {
    background-color: #009999;
}

.sub-active a { color: #ffffff; }

ul.tree li.sub-active a,
ul.tree li.sub-active a:hover {
    background-color: #009999;
    text-shadow: none;
}

li.risk-Child { background-color: #f2f2f2; }
    li.risk-Child > a:hover {
        background-color: #E7F5F6!important;
    }

.chart-no-border { border-top: 0; }

.accordion-inner.chart-no-border {
    overflow-y: auto;
}

.accordion-group.chart-accordion {
    border-color: #00af00;
    border-width: 2px;
}

.accordion-inner.chart-no-border .chartHeading {
    text-align: center;
    vertical-align: middle;
}


.report-master-div {
    margin-top: 1%;
    padding: 0 1%;
}




/*Panels*/

.panel {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    padding: 15px;
}

.panel-heading {
    background-color: #f5f5f5;
    border-bottom: 1px solid #dddddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 17.5px;
    font-weight: 500;
    margin: -15px -15px 15px;
    padding: 10px 15px;
}

.panel-report {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
    padding: 15px;
}

.panel-report-heading {
    background-color: #f5f5f5;
    border-bottom: 1px solid #dddddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 17.5px;
    font-weight: 500;
    margin: -15px -15px 15px;
    padding: 5px 15px;
}


.panel-footer {
    background-color: #f5f5f5;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #dddddd;
    margin: 15px -15px -15px;
    padding: 10px 15px;
}

.panel-primary { border-color: #428bca; }

.panel-primary .panel-heading {
    background-color: #428bca;
    border-color: #428bca;
    color: #ffffff;
}

.panel-success { border-color: #d6e9c6; }

.panel-success .panel-heading {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.panel-warning { border-color: #fbeed5; }

.panel-warning .panel-heading {
    background-color: #fcf8e3;
    border-color: #fbeed5;
    color: #c09853;
}

.panel-danger { border-color: #eed3d7; }

.panel-danger .panel-heading {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}


.panel-report .panel-report-heading {
    background-color: white;
    border-color: white;
    color: black;
}


.panel-info { border-color: #bce8f1; }

.panel-info .panel-heading {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

/* Breaches and Incidents start */

.kendo-in-modal { width: 780px; }

/* Breaches and Incidents end */

/* COMPLIANCE-6747 START */

.icon-padding {
    padding-left: 4px;
    padding-right: 4px;
}

/* COMPLIANCE-6747 END */


.tableDiv {
    display: inline-block;
    padding: 5px 5px;
}


.tableDiv.pull-right { padding: 0px; }

.tableDiv-small {
    border-right: 1px solid #dddddd;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
    width: 30px;
}

#GroupTable { list-style: none; }

#GroupTable li { border: 1px solid #dddddd; }

.hidden-group { display: none; }

#GroupParentRow { list-style: none; }

.tableText {
    word-break: break-all;
    width: 60%;
}

b.legend-number {
    bottom: 24px;
    left: 8px;
    position: relative;
}

.row-legend { width: 20px; }

/* Role report tab in module permissions */

.center-text {
    text-align: center !important; /*override bootstraps text-align:left*/
}


.form-horizontal .control-label-long {
    float: left;
    padding-right: 20px;
    padding-top: 5px;
    text-align: right;
    width: 340px;
}

.control-label-email-preferences {
    float: left;
    padding-right: 20px;
    padding-top: 5px;
    width: 260px;
}

.filter-border {
    border: 1px solid #dddddd;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 5px;
    padding-top: 15px;
}


.modal-small {
    -moz-background-clip: padding-box;
    -moz-border-radius: 6px;
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin-left: -280px;
    outline: none;
    position: fixed;
    top: 10%;
    width: 480px;
    z-index: 1050;
}

/* Section Tooltip Setup */
#FilterByModuleToolTips { 
    text-align: left !important;
}


/* Indent all of the control classification labels so they're in line with the tooltip for Control Effectiveness  COMPLIANCE-6924*/

.control-classification-labels { padding-left: 17px !important; }

li.incident-grouping {
    border: 1px solid #dddddd;
    border-radius: 4px;
    list-style: none;
}

li.breach-grouping {
    border: 1px solid #dddddd;
    border-radius: 4px;
    list-style: none;
}

ul.group-parent {
    margin: 0px;
}

.navbar-static-top {
    display: none;
}

.workspace-spacer {
    display: none;
}