@import url(/resource/1630824639000/RAKEZ_community/css/RAK.min.css);


    #sidebarDiv,.sidebarCell,html .brandZeronaryBgr,#portalheader>.navbar-default{
        background: transparent !important; /*#13ABE1 !important;*/
    }
    .zen .zen-tabMenu .zen-active {
        background-color: #f5f6f9 !important;
    }
    .zen .zen-tabMenu .zen-active > a {
        color: #00A9A9 !important;
    }


    .dropdown-menu li{
        width: 100% !important;
    }
    /*****Responsive Start******/
    /* Custom, iPhone Retina*/
    @media only screen and (max-width: 767px){
        #sidebarDiv iframe{
            height: 1150px;
        }
        .brand-logo{
            height: 65px !important;
            width: 63px !important;
        }

        body.detailPage .bPageBlock .detailList,body.detailPage table.detailList tr,body.editPage .bPageBlock .detailList,body.editPage table.detailList tr {
            width:100%;
            display:inline-block;
        }

        body.detailPage td.dataCol,body.detailPage td.labelCol,body.editPage td.dataCol,body.editPage td.labelCol {
            display:inline-block;
        }

        body.detailPage .bPageBlock .detailList .labelCol,body.editPage .bPageBlock .detailList .labelCol {
            width:27%;
        }

        body.detailPage .bPageBlock .detailList .dataCol,body.editPage .bPageBlock .detailList .dataCol,
        body.detailPage .bPageBlock .detailList .data2Col{
            width:73%;
            display: inline-block;
        }
        .dateFormat{
            display: block;
        }
        input[type="text"], select, textarea {
            width: 95%;
        }
        body.detailPage td.dataCol.col02+td,body.detailPage td.dataCol.col02+td+td,body.editPage td.dataCol.col02+td,body.editPage td.dataCol.col02+td+td {
            float:left;
        }

        .bEditBlock .pbButtonb,.bPageBlock .pbButton,body .bPageBlock .pbTitle {
            display:inline-block;
            width:100%;
        }

        .bEditBlock .pbButtonb,.bPageBlock .pbButton {
            text-align:center;
        }

        body .bPageBlock .pbTitle {
            text-align:left;
        }
    }

    /*
    @media only screen and (min-width: 768px) {

        #sidebarDiv iframe{
            height: 1150px;
        }
    
  

        /* Medium Devices, Desktops */

        @media only screen and (min-width: 992px) {
            #sidebarDiv iframe{
            
             height: 1370px;
        }
    }*/
    /*****Responsive End******/
    /******Branding CSS Start*******/
    html .brandSecondaryBrd{
        border-color: #13ABE1 !important;
    }
    .navbar-default .navbar-nav>li span,.navbar-default .navbar-nav>li a{
        color: #454A4E !important;
    }

    body .bWizardBlock .bPageBlock .pbBody .pbSubheader label,
    .navbar-default .navbar-nav>li a i{
        
        color: #000 !important;

    }

    #phSearchButton,
    .headerSearchRightRoundedCornerMouseOver #phSearchButton{
        background-color: #13ABE1 !important;
    }
    
    .zen .zen-tabMenu, html .brandTertiaryBgr,
    .mobile-menu-icon,
    .nav .open>a,#portalwrapper .navbar-default .navbar-nav>.open>a {
    background-color: #00A9A9 !important;
    }
    .nav .open>a, .navbar-default .navbar-nav>.open>a i{
        color: #fff !important;
    }

    /******Branding CSS End*******/
    /******Brand CSS For Home Page Start****
    .headingRibbon-full-width{
        background-color: #00A9A9 !important;
    }*/

    #page-Structure h3,.brand-color,.gray-background h5{
        color: #000 !important;
    }
    #page-Structure,body, td {
        color: #454A4E !important;
    }

    #portalbody {
        overflow: hidden;
        display: block;
        margin-bottom: 20px;
    }

    #section_header.metadata.topics,
    #chatterfeedshell,
    .btn[title="Create New Service Request"],
    .btn[title="New Service Request"]{
        display: none !important;
    }
    
    /* fix for Other language users - Added on 24/10/2018
        1.Hiding New Service Request button on SR list view
    */
    #section_header.metadata.topics,
    #chatterfeedshell,
    .btn[title*="new service request" i],
    .btn[title*="service request" i]{
        display: none !important;
    }

   .pShowMore a:last-child, div.bRelatedList table.list tbody > tr > th.actionColumn, div.bRelatedList table.list tbody > tr > td.actionColumn {
    display: none !important;
    }

    .x-grid3-hd.x-grid3-cell.x-grid3-td-ACTION_COLUMN,
    .x-grid3-col.x-grid3-cell.x-grid3-td-ACTION_COLUMN {
        display: none !important;
    }
    /******Brand CSS For Home Page End******/

    

    
    /* feed veiw disabled */
    #section_header.metadata, #section_header.topics,
    #chatterfeedshell,
    body.detailPage .pbButton input.btn[name*='edit'],
    body.detailPage .pbButtonb input.btn[name*='edit'],
    body.editPage .pbButton input.btn[name*='save_new'],
    body.editPage .pbButtonb input.btn[name*='save_new'],
    body.detailPage .pbButton input.btn[name*='submit'],
    body.detailPage .pbButtonb input.btn[name*='submit'] {
        display: none;
    }

    #portalwrapper .zen .zen-tabMenu {
        display: block;
        overflow: hidden;
    }
    #portalwrapper .zen .zen-tabMenu li {
        float: left;
        display: inline-block;
    }

    .zen .zen-tabMenu li.loggedin-account {
        float: right !important;
        font-size: 18px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: 1.8em;
    }

    .networkMsgsWithCustomHeader,
    #AppBodyHeader {display: block; }
    
    #portalbody {top: -100px; }

    #bodyCell {
        padding-left: 0;
    }

    #tabContainer {box-shadow: none;}

    .bPageBlock[id^="ep"] {
        border-top: 2px solid #00A9A9 !important;
    }
    body.detailPage .bDetailBlock.bPageBlock[id^="ep"] .pbHeader {
        
        background-color: #f5f6f9 !important;
    }


    .pageNavItem:not(.current) label,
    .dropdown-menu > li > a,
    #srPageHeading h2, #srPageHeading h3,
    body .bRelatedList .pbTitle h3,
    body .bPageBlock .pbTitle h2,
    body .bPageBlock .pbTitle h3,
    body .bSubBlock h3.lbHeader,
    body .bPageBlock .pbBody .pbSubheader h3,
    body.detailPage .bDetailBlock.bPageBlock[id^="ep"] .pbHeader td.pbTitle .mainTitle{
        color: #58585A;
    }


    [id^='DocumentUploadPage'] .pbBottomButtons td.pbTitle,
    [id^="shareholderDetails"] .apexp .pbHeader td.pbTitle {
        display: none;
    }

    [id^='DocumentUploadPage'] .pbBottomButtons td.pbButtonb{
        text-align: center;
    }

    body .bPageBlock, body #bodyCell .bResource .secondaryPalette,
    body .secondaryPalette.bPageBlock, body .individualPalette .secondaryPalette.bPageBlock,
    body .bodyDiv .genericTable, body .genericPageBlockTable, body .bodyDiv .bSubBlock, body .bComponentBlock .bPageBlock,
    body .bMyDashboard .bPageBlock, body.rlHoverFrame .bPageBlock, body.subjectSelectionPopup div.choicesBox,
    body.lookupTab .secondaryPalette.bPageBlock, body.popupTab .secondaryPalette.bPageBlock, body.UserTagStatsPage .secondaryPalette.bPageBlock{
    background-color: #ffffff !important;
    }

    .noSidebarCell #bodyCell {
        width: 220px;
        max-width: 220px;
        padding: 0 !important;
    }

    bPageBlock .labelCol,
    body .print .topics-label,
    body .pbBody table.list tr.headerRow td,
    body .pbBody table.list tr.headerRow th {
        font-size: 100%;
    }

    body.editPage .bPageBlock .pbBody .pbSubheader,
    body.detailPage .bPageBlock .pbBody .pbSubheader {
        padding-left: 12px;
        margin-bottom: 0;
    }

    /* quick link hover popup */
    #RLPanelShadow{ left: 250px !important;}

    /* Search control */
    .searchAllLink,
    .sidetabsContainer .feedToggle,
    ul.searchEntityList .itemLink .item:not([data_relatedlistdomid='Case']):not([data_relatedlistdomid='NSIBPM__Service_Request__c']),
    div#searchResultsHolderDiv div.bRelatedList:not(#Case):not(#NSIBPM__Service_Request__c)  {
        display: none !important;
    }


    .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
        font: inherit;
    }
    h2, h3 {color: #00a9a9 !important;}

    #portalbody select {
        border-radius: 0;
        width: auto;
        display: inline-block;
        height: 25px;
        padding: 0 5px;
        color: #58585A;
        font-weight: bold;
    }

    .printerIcon, .printerIconOn,
    #portalbody .lookupIcon, #portalbody .lookupIconOn{
        background-size: 90%;
        background-position: 0 0 !important;
        background-repeat: no-repeat;
    }
    #portalbody .lookupIcon, #portalbody .lookupIconOn{
        background-image: url(/resource/1630824639000/RAKEZ_community/images/Lookup.jpg) !important;
    }
    .printerIcon, .printerIconOn {
        background-image: url(/resource/1630824639000/RAKEZ_community/images/Printer.jpg) !important;
    }

    .bPageTitle h2,.SR-PageHeading h2 {
        font-size: 1.3em;
    }

    .bodyDiv {
        padding-top: 10px;
    }
    body .bPageBlock .pbBody .labelCol, body .bPageBlock .pbBody .dataCol, body .bPageBlock .pbBody .data2Col {
        padding-top: 7.5px !important;
        padding-bottom: 7.5px !important;
    }
    .data2Col input {
        padding-left: 7.5px !important;
    }
    
    
    /* badge section*/
    .badge-danger {
        color: #fff;
        background-color: #dc3545;
    }
    .badge-primary {
        color: #fff;
        background-color: #007bff;
    }
    .badge-secondary {
        color: #fff;
        background-color: #868e96;
    }
    
    .badge-success {
        color: #fff;
        background-color: #28a745;
    }
    .badge-warning {
        color: #111;
        background-color: #ffc107;
    }
    
    .badge-info {
        color: #fff;
        background-color: #17a2b8;
    }
    
    .badge-light {
        color: #111;
        background-color: #f8f9fa;
    }
    .badge-dark {
        color: #fff;
        background-color: #343a40;
    }
    
    .badge-pill {
        padding-right: .6em;
        padding-left: .6em;
        border-radius: 10rem;
    }

    .badge {
       position:relative;
    }
    .badge[data-badge]:after {
       content:attr(data-badge);
       position:absolute;
       top:-10px;
       right:-10px;
       font-size:.7em;
       background:green;
       color:white;
       width:18px;height:18px;
       text-align:center;
       line-height:18px;
       border-radius:50%;
       box-shadow:0 0 1px #333;
    }
    .helpText {
        background-color: grey;
        border: 1px solid black;
        color:white;
    }
    .helpOrb{
        background-image:url(/resource/1630824639000/RAKEZ_community/images/helpOrbs_.png);
    }
    .helpButtonOn .helpOrb, .helpButton .helpOrb{
        background-position: top right !important;
    }
    .detailList .helpOrb {
        position: absolute;
        right: -18px;
    }
      .orderOuterBox{
            text-align:center;
            }
     @media only screen and (max-width:370px){
    .footer-area .list-group-item{
    font-size:12.4px !important;
    }
    }
    
    /* this media query add for mobile header section which access from mobile Jitendra*/
    @media only screen and (max-width:768px){
    .navbar-brand{
    padding:0px;
    }
    .brand-logo {
    height: auto !important;
    left: 0px !important;
    width: 100% !important;
    }
    .noSidebarCell #bodyCell{
    display:none !important;
    }
        .PageLstPnl{
        text-align:center !important;
        padding-right:10px !important;
        }
        .OrderBox{
        width:60px;
        }
        
    #portalfooter{
        height:auto;
        padding: 10px 0px;
    }
        
    .footer-area ul.list-group{
        padding-left:5px;
        padding-right:5px;
    }
    .footer-area .list-group-item:nth-child(2){
        float:right;
    }
    .footer-area .list-group-item{
            margin-left: 2px;
        padding-right: 2px;
        
    }
      .footer-area .list-group-item:first-child{
    border-right:0px solid !important;
    }
    
        
        
                  .footer-area{
    padding-bottom:0px !important;
        padding-top:20px;
    }       
    #portalwrapper .zen .zen-tabMenu{
    display:none !Important;
        
        
    }
                  #globalHeaderNameMink{
             max-width: 80px;
        vertical-align: middle;
             }
        .listRelatedObject .list{
        width:314px;
        display:block;
        overflow-x:scroll;
        }
              }