@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,100&display=swap');

/** {
    box-sizing: border-box
}*/
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background-color: #ffffff;
}


a {
    color: #000000;
}

html {
    overflow-y: scroll;
}

.fw-semibold 
{
    font-weight:500 !important;
}

.page-title {
    display: block;
    border-bottom: solid 1px #e5e5e5;
    font-size: 20px;
}

.nav-tabs, .tabs-outer {
   
}

.nav-link {
    color: #333333;
    text-decoration: none;
    margin-right: 5px;
}

.nav-link:hover {
    color: #333333;
    text-decoration: none;
    margin-right: 5px;
}

    .nav-link.active {
        background-color: #5499F5 !important;
        color: #ffffff !important;
    }

.nav-tabs .nav-link {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.redbg {
    background-color: #5499F5;
    color: #ffffff;
}
.redbg a{
    color: #ffffff;
}

.btn-primary {
    color: #fff;
    background-color: #5499F5;
    border-color: #5499F5;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #1F78F1;
        border-color: #1F78F1;
    }

.btn-light {
    color: #111111;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}

    .btn-light:hover {
        color: #111111;
        background-color: #cccccc;
        border-color: #cccccc;
    }



.input-validation-error {
    border: solid 1px #cc0000;
}


.alert-info {
    --bs-alert-color: #111111;
    --bs-alert-bg: #e5e5e5;
    --bs-alert-border-color: #cccccc;
}

.subGroups .bg-dark {
    background-color:#444444 !important;
}

.form-control {
    color: #000000 !important;
}

.form-group.required > label:after, .address-picker.required > label.control-label:after {
    content: " *";
    color: red;
}




.container {
    width: 100% !important;
    /*max-width: 1800px !important;*/
    /*padding:0px 20px 0px 20px;*/
}

.licenceAgreement, .licenceAgreement:visited{
    color: #e5e5e5;
    display: block;
    margin-top: 10px;
}
.licenceAgreement:hover {
    color: #e5e5e5;
    text-decoration:underline;
}

.soa h2 {
    font-size: 20px;
    background: #e5e5e5;
    display: block;
    padding: 10px;
}
.soa h3 {
    font-size: 18px;
    
    display: block;
}
.soa th {
background-color:#e5e5e5 !important;
color:#000000 !important;
font-weight:500 !important;
}
.soa table {
margin-bottom:40px;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.toplinks { color:#ffffff; }
.toplinks a{ color:#ffffff; display:inline-block; margin-left:15px; }



.tabs-outer {  }
.tab-content{
}

.nav-tabs > li > a:hover{
  background-color: #e5e5e5 !important;
}

.no-bot-margin { margin-bottom:0px; }

.whitebg {
    background-color: #ffffff;
    color: #000000;
}

.profilepic {margin-top:10px; display:block;
}

.lightgreybg {
    background-color: #e5e5e5;
    color: #000000;
}
.lightgreybg .systemname { font-size:26px;margin-left:10px; }

.panel-danger > .panel-heading {
    color: #ffffff;
    background-color: #a94442;
    border-color: #ebccd1;
}

.panel-danger > .panel-heading a{
    color: #ffffff;
}

.panel-info > .panel-heading {
    color: #ffffff;
    background-color: #31708f;
    border-color: #bce8f1;
}

    .panel-info > .panel-heading a {
        color: #ffffff;
    }



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

.panel-grey {
    border-color: #666666;

}
    .panel-grey > .panel-heading {
        color: #fff;
        background-color: #666666;
        border-color: #666666;
    }

.toppad {
    padding-top: 20px;
}

.greybg, .bg-dark {
    background-color: #331F30 !important;
    color: #e5e5e5;
}

.greybg hr{ border-top: solid 1px #777777 ; }

.maincontent {
    background-color: #ffffff;
    color: #000000;
    margin:20px 10px;
    padding:10px 20px;
}


/* USER MENU */
.username {
    font-size: 16px;
    color: #e5e5e5;
}
    .username a, .username a :hover{
        color: #e5e5e5;
        text-decoration: none;
    }

.usermenu {
    padding:10px 20px 10px 20px;
    color:#e5e5e5;
    background-color:#444444;
    margin-top:10px;
}

    .usermenu a {
        display: block;
        border-bottom: solid 1px #555555;
        padding: 10px 20px 10px 0;
        color: #e5e5e5;
    }

    .menuexpand { padding:5px; cursor:pointer;}

.sub-item-outer {
    padding: 10px 20px 10px 20px;
    color: #e5e5e5;
    background-color: #444444;
    margin-top: 0px;
}


.sub-item {
    display: block;
    border-bottom: solid 1px #555555;
    padding: 10px 20px 10px 40px;
    color: #222222;
}

a.sub-item {
    color: #444444 !important;
    font-weight: 600 !important;
}

a.submenuParent, #upNavigation a.list-group-item {
    color: #222222;
    font-weight: bold;
}

.sub-item:hover, .sub-item:visited {
    color: #e5e5e5;
}

.folders-admin input{ padding:0 10px 0 10px;}

/*.table th{ font-weight:300; background-color:#333333; color:#ffffff;  }
.table td .img{ margin-right:5px; }*/


.system-footer { color:#ffffff; padding:10px; line-height:20px; }

.checkboxouter {}
.checkboxouter label{ font-weight:normal; padding-right:15px;}
.checkboxouterleft label{ font-weight:normal; padding-left:15px;}

.pageTitle { margin-top:0; }
.page-header { margin-top:10px !important;}

/*MAIN NAV*/
.mainnav {
    display: block;
    color: #e5e5e5;
    font-size: 18px;
    padding: 10px 0 10px 10px;
    font-weight: normal;
}
    .mainnav a {
        display: inline-block;
        color: #e5e5e5;
        margin-left: 15px;
        font-weight: normal;
        text-decoration:none;
    }
    .mainnav .navicon {
    display:inline-block; width:30px; text-align:center;
    }

.navicon a { margin-left:0px;
}


.list-group-item-parent a.submenuParent {
    display: inline-block;
    color: #555555;
    padding: 10px 15px;
    width: 95%;
}

.list-group-item-parent a.submenuParent:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}

.list-group-item-parent a.active:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #337ab7;
}


.list-group-item-parent {
    padding: 0px 0px !important;
}

    .list-group-item-parent span{
        width: 5%;
        display: inline-block;
        cursor: pointer;
    }
    .list-group-item-parent span:hover {
        cursor: pointer;
    }

.list-group-item-parent a.active {
    color: #ffffff !important;
  
}




/*REGISTER ICONS*/
.registericons {
    padding: 10px 0 10px 0;
    text-align: center;
    background-color: #F2E8E0;
    border-radius: 8px;
}
    .registericons a:hover {
        background-color: #e5e5e5;
        color: #1F78F1;
    }




.risk1 {
    background-color: #339900 !important;
    text-align: center;
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 400;
    max-width: 40px;
}

.risk2 {
    background-color: #FBCE0E !important;
    text-align: center;
    color: #333333 !important;
    font-size: 18px;
    font-weight: 400;
    max-width: 40px;
}

.risk3 {
    background-color: #D11702 !important;
    text-align: center;
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 400;
    max-width: 40px;
}


.rag1 {
    background-color: #339900 !important;
    color: #ffffff !important;
    font-weight: 400;
}

.rag2 {
    background-color: #FBCE0E !important;
    color: #333333 !important;
    font-weight: 400;
}

.rag3 {
    background-color: #D11702 !important;
    color: #ffffff !important;
    font-weight: 400;
}

.table th { font-weight:500;}

strong { font-weight:500 !important;}

.table-padded th {
    padding: 10px 5px 10px 5px !important;
    background-color: #ffffff;
    border-bottom:#cccccc solid 1px;
    color: #333333;
    font-weight: 400;
    font-size: 115%;
}
.table-padded td {
    padding: 10px 10px 10px 10px !important;
}

.table-padded td .title{
    font-weight:bold;
    padding-bottom:5px;
    border-bottom:solid 1px #555555;
    margin-bottom:5px;
    display:block;
}

.table-padded .editColumn{
    text-align:center;
    width:50px;
    font-size:22px;
}



/*newsticker*/
.newsticker {
    background: #c52127;
    border-radius: 5px;
    color: #ffffff;
    cursor: default;
    font-family: verdana;
    font-weight: bold;
    overflow: hidden;
    padding: 7px 10px 0 10px;
    margin: 10px 10px 0px 10px;
    /*width: 730px;
    height: 23px;*/
}

.newsticker a{
    color:#ffffff;
}

.newsticker:hover {
        background: #333333;
    }
    .newsticker ul {
        /*width: 730px;
        height: 30px;*/
        padding-left:0px;
    }

    .newsticker ul li {
        /*width: 730px;
        height: 30px;*/
        overflow: hidden;
        /*white-space: nowrap;*/
        display: none;
       
    }


.page-left {
    width: 270px;
    float: left;
    background-color: #331F30;
}

.page-left .btnExpandMenu {
    display: none;
}
    .page-left .btnCollapseMenu {
        display: inline-block;
       
        
    }

.page-left-collapsed {
    width: 50px;
    float: left;
    background-color: #331F30;
}

    .page-left-collapsed .systemLogo, .page-left-collapsed .poweredByLogo {
        width: 100%;
    }

    .page-left-collapsed .btnCollapseMenu, .page-left-collapsed .list-group-itm, .page-left-collapsed .usermenuTD, .page-left-collapsed .btn, .page-left-collapsed .licenceAgreement {
        display: none;
    }

    .page-left-collapsed .btnExpandMenu {
        display: inline-block;
       
    }

    .btnExpandMenu, .btnCollapseMenu {
       
        
    }

.page-content {
    margin-left: 270px;
}

.page-content-collapsed {
    margin-left: 50px;
}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
         max-width: 2040px;
    }

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .page-left {
        width: 100%;
        float: none;
    }

    .page-content {
        margin-left: 0px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .page-left {
        width: 100%;
        float: none;
    }

    .page-content {
        margin-left: 0px;
    }

}

.read {
    overflow: hidden;
    font-size: 16px !important;
    transition: all 0.3s;
    margin-bottom: 10px;
}

.read-less {
    height: 90px !important;
}