/*This section is for the body of the website */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

body {
    background-image    : url('../Resources/internal-page-bg.jpg');
    background-size     : cover;
    max-width           : 100%;
    max-height          : 100%;
    display             : flex;
    flex-direction      : column;
    justify-content     : center;
    padding-top         : 0;
    margin-top          : 45px !important;
    font-family         : 'Montserrat', sans-serif !important;
}

@media (max-width: 1200px) {
    body {
        margin-top : 120px !important;
    }
}

@media (max-width: 1120px) {
    body {
        margin-top  : 130px !important;
    }
}

@media (max-width: 980px) {
    body {
        margin-top  : 150px !important;
    }
}
    /*================== Navigation Bar ===============================================*/

/*This section of styling is for the login navigation bar*/
.navbar-inner {
    background-color    : transparent;
}

/*This section of styling is for the home and management navigation bar */

.navbar {
    padding-top     : 10px;
    margin-bottom   : 0 !important;
    border-bottom   : none !important;
    background      : transparent;
    transition      : 500ms ease;
    background      : transparent;
    background-color: transparent;
}

#elements-nav:active {
    color : white;
}



.nav > li > a {
    color   : white !important;
}

a:active, a:hover, a::selection{
    color   : white !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    background  : transparent !important;
}

.navbar.scrolled {
    background  : #ffffff;
    color       : black !important;
}

.navbar.scrolled a {
    background  : #ffffff;
    color       : black !important;
}

.navbar.scrolled a#menuHome.elements-nav {
    color   : black !important;
}

.logo-image {
    height  : 45px;
}

.logo {
    padding-left    : 60px;
    padding-right   : 60px;
}


/*login button styling*/
.btn-primary {
    border-radius           : 18px;
    -webkit-border-radius   : 18px;
    -moz-border-radius      : 18px;
    width                   : 100px;
    background-image        : linear-gradient(to right, #1E82FB, #40C4F4);
}

li.moto {
    height          : 65px;
    font-size       : 15px;
    border-left     : 1px solid rgb(6, 73, 122);
    padding-left    : 50px;
    padding-right   : 50px;
    padding-top     : 15px;
    color           : white;
    padding-bottom  : 20px;
}

li.no-border {
    padding-left       : 60px;
    padding-right      : 60px;
    padding-top        : 20px;
    padding-bottom     : 20px;
    color              : white;
    height             : 65px;
    font-size          : 15px;
    border-left        : 1px solid rgb(6, 80, 122);
    font-size          : 16px;
}

/*==================================== Management Report Page styling ==================================================*/

management-tvProcesses {
    border-bottom-left-radius   : 15px;
    border-bottom-right-radius  : 15px;
}

.management-buttons {
    position        : center;
    margin-left     : 200px;
}

.RadComboBox .rcbInner {
    border-radius           : 7px 7px 0 0 !important;
    -webkit-border-radius   : 7px 7px 0 0 !important;
    -moz-border-radius      : 7px 7px 0 0 !important;
    border                  : 1px solid gray;
    height                  : 35px;
    font-family             : Montserrat;
}

.RadComboBox .rcbInput {
    font-family : Montserrat !important;
}

.RadComboBox_Windows7 .rcbInput {
    font-family : Montserrat !important;
    font-size   : 9pt;
}

.RadComboBox_Windows7 .rcbFocused .rcbReadOnly .rcbInput {
    font-family : Montserrat !important;
}

.RadComboBox .rcbActionButton {
    padding-top     : 10px !important;
    height          : 17px !important;
    width           : 15px !important;
    border-width    : 0px !important;
    border          : none !important;
    background-image: linear-gradient(white, white) !important;
}

.RadInput textarea {
    color                   : white !important;
    margin-right            : 0px;
    border-radius           : 10px;
    -webkit-border-radius   : 10px;
    -moz-border-radius      : 10px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    border-radius           : 10px;
    -webkit-border-radius   : 10px;
    -moz-border-radius      : 10px;
    margin-left             : 0px;
}

.RadTreeView {
    background: #183c7a;
}

/* aligning the combo boxes*/
#txtProcessID > .riSingle {
    height  : 22px;
}

input#MainContent_btnSearch {
    margin-top  : 4px;
}

table.management-table {
    margin-left : 40%;
}

RadButton.RadButton_Windows7.rbSkinnedButton,
.RadButton_Windows7.rbVerticalButton,
.RadButton_Windows7 .rbDecorated,
.RadButton_Windows7 .rbSplitRight,
.RadButton_Windows7 .rbSplitLeft {
    color                   : white !important;
    background-image        : none !important;
    background              : linear-gradient(to right, #1E82FB, #40C4F4) !important;
    margin-left             : 68px;
    margin-bottom           : 30px;
    margin-top              : 25px;
    border-radius           : 20px !important;
    -webkit-border-radius   : 20px;
    -moz-border-radius      : 20px;
    align-content           : center;
}

.management-panel {
    margin-top                  : 0px;
    padding-top                 : 0px;
    border-color                : #183c7a;
    background-color            : #183c7a;
    border-bottom-left-radius   : 10px;
    border-bottom-right-radius  : 10px;
    border-top-left-radius      : 10px;
    border-top-right-radius     : 10px;
}

.management-date-panel {
    border-color                : #183c7a;
    background-color            : #183c7a;
    border-bottom-left-radius   : 10px;
    border-bottom-right-radius  : 10px;
    border-top-left-radius      : 10px;
    border-top-right-radius     : 10px;
    height                      : 659px;
    width                       : 400px;
    padding-top                 : 35px;
}

.management-date-inner-panel {
    border-color                : #183c7a;
    background-color            : #183c7a;
    border-bottom-left-radius   : 10px;
    border-bottom-right-radius  : 10px;
    border-top-left-radius      : 10px;
    border-top-right-radius     : 10px;
    height                      : 535px;
    width                       : 400px;
}

.btnSearch {
    border-radius           : 5px;
    -webkit-border-radius   : 5px;
    -moz-border-radius      : 5px;
}

.RadTreeView_Windows7 .rtPlus, .RadTreeView_Windows7 .rtMinus {
    background-image : url(../Resources/PlusMinus.png) !important;
}

.rtvProcessSearch.RadTreeView_Windows7 .rtPlus, .rtvProcessSearch.RadTreeView_Windows7 .rtMinus {
    background-image : url('../Resources/PlusMinus White bg.png') !important;
}

.rtvProcessSearch {
    border-bottom-left-radius   : 10px;
    border-bottom-right-radius  : 10px;
}

.RadTabStrip .rtsLevel .rtsSelected {
    text-decoration : none !important;
}

.RadAutoCompleteBox .p-icon, .RadCloudUpload .p-icon, .RadComboBox .p-icon, .RadComboBoxDropDown .p-icon, .RadDropDownList .p-icon, .RadPanelBar .rpExpandHandle .p-icon, .RadScheduler .p-icon, .RadRotator .p-icon, .RadSpreadsheet .p-icon {
    background-image    : url(../Resources/searchIcon.png) !important;
    background-repeat   : no-repeat;
    color               : transparent !important;
    border              : none;
}

.RadTreeView .rtUnchecked:before {
    color           : orange;
    background      : transparent;
    background-image: linear-gradient(green, orange) !important;
}

.RadTreeView .rtChk, .RadTreeView .rtChecked, .RadTreeView .rtUnchecked, .RadTreeView .rtIndeterminate :before {
    background-color    : greenyellow !important;
    background-image    : linear-gradient(green, orange) !important;
}

div.RadForm_Silk.RadForm.rfdCheckbox input[type="checkbox"] {
    background-image    : linear-gradient(green, orange) !important;
}
/*=========================================== Home Page Styling ==================================================*/
.nav.nav-pills {
    background-color : white;
    border-radius    : 3rem;
    width            : 400px;
}

.nav.nav-pills.active {
    background-color: blue;
    border-radius   : 3rem;
    width           : 400px;
}

.btn-secondary {
    margin-left     : 10px;
    margin-right    : 10px;
    background      : #1f3570;
    border-radius   : 25px !important;
    color           : white;
    font-family     : Montserrat;
    font-size       : 9pt;
    box-shadow      : none;
}

.btn-secondary:hover {
    background      : linear-gradient(to right, #1E82FB, #40C4F4) !important;
    border-radius   : 25px !important;
    color           : white;
    font-family     : Montserrat;
    font-size       : 9pt;
}

.process-data-txt {
    height          : 40px !important;
    border-radius   : 5px;
}

/*Grid View */

.RadGrid .rgHeader, .RadGrid th.rgResizeCol {
    padding-left    : 13px;
    padding-right   : 13px;
    background      : transparent !important;
}

.RadComboBox .rcbArrowCell a {
    background-image    : none;
    background-color    : #1f3570 !important;
    border              : none !important;
    border-width        : 0px;
    background-repeat   : no-repeat !important;
    padding-top         : 10px;
    margin-top          : 11pt;
    height              : 11pt;
    background-image    : url(../Resources/search-icon@2x.png) !important;
}

.RadComboBox .rcbReadOnly .rcbArrowCellRight {
    background  : #1f3570 !important;
}

.RadComboBox .rcbReadOnly .rcbInputCellLeft {
    background          : #1f3570;
    background-repeat   : no-repeat;
    border              : none;
}

.RadTabStrip_Silk .rtsLevel1 .rtsLink {
    border          : none;
    border-color    : transparent;
}

.rtsSelected, .rtsSelected span {
    color           : white;
    background      : linear-gradient(#1E82FB, #40C4F4) !important;
    border-radius   : 20px;
    border-color    : transparent !important;
    text-align      : center;
    border          : none;
}

.RadTabStrip .rtsTxt {
    background : transparent !important;
}

.RadTabStrip_Silk .rtsLevel1 .rtsLink {
    color : black !important;
}

.RadTabStrip_Silk .rtsLevel1 {
    border-color : transparent !important;
}

.RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink:before {
    border-color : transparent !important;
}

.rtsTop .rtsLevel1 .rtsUL {
    border-color    : #e3e3e3 !important;
    background-image: linear-gradient(#e3e3e3,#e3e3e3);
    border-radius   : 24px;
}

.rtsTop .rtsLevel1 .rtsUL:hover {
    background-image : linear-gradient(#fdfdfd, #fdfdfd) !important;
}

/*list of items in the combo box*/

.RadTabStrip_Silk .rtsLevel1 .rtsHovered .rtsLink:hover {
    background  : transparent;
    border      : none;
}

label {
    cursor: pointer;
}

input[type="checkbox"] + label:before {
    border          : 1px solid #333;
    content         : "\00a0";
    display         : inline-block;
    font            : 16px/1em sans-serif;
    height          : 16px;
    margin          : 0 .25em 0 0;
    padding         : 0;
    width           : 16px;
    vertical-align  : top;
}

input[type="checkbox"]:checked + label:before {
    background  : #fff;
    color       : #333;
    content     : "\2713";
    text-align  : center;
}

input[type="checkbox"]:checked + label:after {
    font-weight : bold;
    background  : green;
}

input[type="checkbox"]:focus + label::before ~ .rtChk {
    outline : rgb(59, 255, 228) auto 5px;
}

/*This is an important CSS aligning the tab strip....*/
.RadTabStrip .rtsLink {
    text-align  : center;
}

html body .RadInput_Windows7 .riTextBox, html body .RadInputMgr_Windows7 {
    font-family : Montserrat !important;
}

.span_6_of_12 {
    width       : 50%;
    margin-left : 5px;
}

.box {
    display : flex;
}

/*This section is for the body of the website */

/*the styling of the BP logo */
.nav.navbar-nav li a.bp-logo-element {
    padding-right   : 100px;
    background      : transparent;
    padding-top     : 8px;
    color           : white;
}

.nav.navbar-nav li a.bp-logo-element:hover {
    background  : transparent;
    padding-top : 8px;
}

/* version of website label */
.websiteversion, .RadLabel.websiteversion {
	position	: fixed;
	left		: 20px;
	bottom		: 20px;
	z-index		: 9999;
	background	: transparent;
	color		: #494949;
	font-family	: Calibri;
	font-size	: small;
	font-style	: italic;
}
.websiteversion-login {
	position	: absolute !important;
	left		: 320px !important;
	top			: 550px !important;
}

/*================== Login Page =====================================================*/
/* This section of styling is for the login form*/
.card {
    margin-top              : 20%;
    margin-left             : 0;
    width                   : 450px;
    height                  : 350px;
    background              : #1a1d57;
    border-radius           : 12px;
    color                   : white;
    -webkit-border-radius   : 5px;
    -moz-border-radius      : 5px;
}

.card-body {
    padding : 8%;
}

/*login button styling*/
.btn-primary {
    border-radius           : 18px;
    -webkit-border-radius   : 18px;
    -moz-border-radius      : 18px;
    width                   : 100px;
    background-image        : linear-gradient(to right, #1E82FB, #40C4F4);
}

li.moto {
    height          : 50px;
    font-size       : 15px;
    border-left     : 1px solid rgb(6, 73, 122);
    padding-left    : 50px;
    padding-right   : 50px;
    padding-top     : 5px;
    color           : white;
    padding-bottom  : 20px;
}

li.no-border {
    padding-left    : 60px;
    padding-right   : 60px;
    padding-top     : 5px;
    padding-bottom  : 20px;
    color           : white;
    height          : 50px;
    font-size       : 15px;
    border-left     : 1px solid rgb(6, 80, 122);
    font-size       : 16px;
}

/*==================================== Subtask/Risk info toggle buttons styling ==================================================*/

.subTaskRisk.btn-group, .btn-group-vertical {
    background      : white !important;
    border-radius   : 25px;
    text-align      : center;
    height          : 36px;
}

.subTaskRisk.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius   : 20px;
    font-size       : 10pt !important;
    width           : 120px;
    background      : white;
    color           : black;
    font-weight     : bold;
    height          : 36px;
}

.subTaskRisk.btn:focus, .btn:active:focus, .subTaskRisk.btn.active:focus, .subTaskRisk.btn.focus, .subTaskRisk.btn:active.focus, .subTaskRisk.btn.active.focus {
    outline         : 0 !important;
    outline-offset  : 0 !important;
}

.subTaskRisk.btn-group > .btn:last-child:not(:first-child) {
    font-size     : 10pt !important;
    width         : 120px;
    background    : white;
    color         : black;
    font-weight   : bold;
    border        : none;
    height        : 36px;
    border-radius : 20px;
}

.subTaskRisk.btn-secondary:hover {
    background      : none !important;
    margin          : 0;
    outline         : 0 !important;
    outline-offset  : 0 !important;
}

.subTaskRisk.btn:active, .subTaskRisk.btn.active {
    background  : linear-gradient(#1E82FB, #40C4F4) !important;
    color       : white !important;
    font-weight : bold;
}

.subTaskRisk.btn-secondary {
    margin-right : 0px !important;
    color        : black;
    background   : none;
    margin-left  : 0px;
    width        : 120px;
}

    /*==================================== Supporting documents Grid ==================================================*/

.RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgEditForm table {
    background-color : transparent !important;
}

.RadGrid_Windows7 .rgHeader:first-child, .RadGrid_Windows7 th.rgResizeCol:first-child, .RadGrid_Windows7 .rgFilterRow > td:first-child, .RadGrid_Windows7 .rgRow > td:first-child, .RadGrid_Windows7 .rgAltRow > td:first-child {
    background : transparent !important;
}

.RadGrid_Windows7 .rgRow {
    background-color : transparent !important;
    border-bottom    : solid;
}

.btnDiagrams {
    width           : 184px !important;
    height          : 33px !important;
    background-color: #1d2661 !important;
    border          : none;
}

.RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgEditForm table {
    padding         : 15px;
    border-radius   : 15px;
    background-color: #1f3570 !important;
    border-color    : transparent;
}

.RadGrid_Windows7 {
    background-color : transparent !important;
    border-color     : transparent !important;
}

.btnDiagramsChild {
    height          : 28px !important;
    background-color: #1d2661 !important;
    border          : none;
}

.btn-warning {
    margin-left     : 10px;
    margin-right    : 10px;
    background      : #1f3570;
    border-radius   : 25px !important;
    color           : white;
    font-family     : Montserrat;
    font-size       : 9pt;
}

.RadGrid .rgDetailTable {
    border  : none !important;
}

.RadGrid_Windows7 .rgMasterTable .rgSelectedCell, .RadGrid_Windows7 .rgSelectedRow {
    border          : none;
    background-color: #1f3570 !important;
    background-image: linear-gradient(#1f3570,#1f3570) !important;
    box-shadow      : none !important;
}

.RadGrid_Windows7 .rgRow > td, .RadGrid_Windows7 .rgAltRow > td {
    background-color: #1f3570 !important;
    background-image: linear-gradient(#1f3570,#1f3570) !important;
    border          : none;
}

.RadGrid_Windows7 .rgSelectedRow > td, .RadGrid_Windows7 .rgSelectedRow .rgSorted {
    border-bottom-color : transparent !important;
}

.RadGrid_Windows7 .rgPagerCell {
    background-color : transparent !important;
}

.RadGrid .rgPagerCell .rgInfoPart {
    font-size : 8pt;
}

.RadGrid_Windows7 .rgPagerCell .rgNumPart a.rgCurrentPage {
    font-size : 6pt;
}

.RadGrid_Windows7 .rgPagerCell .rgNumPart a {
    font-size : 6pt;
}


/*===========================Checkbox===============================*/
.rtMid > label, .rtTop > label, .rtBot > label {
    padding: 5px;
}

.rtMid, .rtTop, .rtBot {
    width      : 100%;
    margin     : 0;
    position   : relative;
    display    : block;
    padding    : 10px;

}

.rtMid input[type="checkbox"], .rtTop input[type="checkbox"], .rtBot input[type="checkbox"] {
    width      : auto;
    opacity    : 0.0000000001;
    position   : absolute;
    left       : 0;
    margin-left: 10px;
}

.rtMid label, .rtTop label, .rtBot label {
    position: relative;
}

.rtMid label:before, .rtTop label:before, .rtBot label:before {
    content         : '';
    position        : absolute;
    left            : 0;
    top             : 0;
    margin-top      : 5px;
    width           : 16px;
    height          : 16px;
    transition      : transform 0.28s ease;
    border-radius   : 4px;
    border          : 1px solid #95a094;
}

.rtMid label:after, .rtTop label:after, .rtBot label:after {
    display         : block;
    width           : 10px;
    height          : 5px;
    border-bottom   : 1px solid #7bbe72;
    border-left     : 1px solid #7bbe72;
    -webkit-transform : rotate(-45deg) scale(0);
    transform       : rotate(-45deg) scale(0);
    transition      : transform ease 0.25s;
    will-change     : transform;
    position        : absolute;
    top             : 12px;
    left            : 10px;
}

.rtMid input[type="checkbox"]:checked ~ label::before, .rtTop input[type="checkbox"]:checked ~ label::before
.rtBot input[type="checkbox"]:checked ~ label::before 
{
    color               : green;
    content             : 'ffff';
    background-color    : red;
}

.rtMid input[type="checkbox"]:checked ~ label::after, .rtTop input[type="checkbox"]:checked ~ label::after, 
rtBot input[type="checkbox"]:checked ~ label::after {
    -webkit-transform   : rotate(-45deg) scale(1);
    transform           : rotate(-45deg) scale(1);
    background-color    : #95a094;
    content             : 'ffff';

}

.rtMid label, .rtTop label, .rtBot label {
    min-height      : 10px;
    display         : block;
    padding-left    : 15px;
    margin-bottom   : 0;
    font-weight     : normal;
    cursor          : pointer;
    vertical-align  : sub;
}

.RadTreeView .rtIn {
    margin-left : 5px !important;
}

.rtMid.rtCurrentClicked label:before, .rtTop.rtCurrentClicked label:before, .rtBot.rtCurrentClicked label:before {
    position            : center;
    color               : deepskyblue;
    content             : "✔";
    text-align          : center;
    background-color    : transparent;
    line-height         : 16px;
}

/*================== Privacy Policy ===============================================*/

.privacy-policy-link {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 9999;
	background: #f8f9fa;
	color: #007bff;
	padding: 8px 16px;
	border-radius: 4px;
	text-decoration: none;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
	font-size: 14px;
	transition: background 0.2s, color 0.2s;
}

.privacy-policy-link:hover {
	background: #007bff;
	color: #fff;
}