* { margin: 0px; padding: 0px; }

body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; }

h1 { color: #0070c0; }

.logo { margin: 32px auto;}

.btn-primary { background: #0070c0 !important; color: #fff !important; border: 0px; }

.btn-primary:hover { background: #55a4f2 !important; color: #fff !important; text-decoration: none; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background: #152942 !important; color: #fff !important; }

.nav-tabs > li > a { color: #152942; }

.bgAP { background: #deeaf6; }

.bgLMP { background: #ffcccc; }

.bgPP { background: #e2efd9; }

.bgPOPL { background: #9EC4E6; }

.bgWorst { background: #f2dcdb; }

.smlHd { font-size: 24px; }

.copyrightBoom { min-height: 710px; }

.HdBlue { color: #0070c0; }

.padding25px { padding: 25px; }

.textBold { font-weight: bold; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

.flLeft { float: left; }

.leftNav { background: #152942; border-bottom: 1px solid #43648e !important; border-radius: 0px; min-height: initial; margin-bottom: 0px; }


.leftNav ul li { border-right: 1px solid #194979 !important; }

.leftNav ul li:last-child { border: 0px !important; }

.leftNav ul li a { /*color: #fff !important;*/ font-family: Arial,Helvetica,sans-serif !important; font-size: 16px !important; /*padding: 0px 20px !important;*/ transition: all 0.45s; padding: 8px 15px !important; }

.leftNav .navbar-nav > li > a { color: #fff !important; display: inline-block; }

.leftNav .dropdown-menu { border: 0px; }
/*.leftNav .dropdown-menu li a{ color:#333 !important;}*/
.leftNav ul.dropdown-menu li { border: 0px !important; }
.leftNav .navbar-nav > .active > a, .leftNav .navbar-nav > .active > a:focus, .leftNav .navbar-nav > .active > a:hover { background: #24446d; }

/*.leftNav ul li a:hover {
                background: #255ca2;
                color: #fff !important;
            }*/

.modal-content { overflow: hidden; }

.modal-header { background: #0070c0; color: #fff; }

.modal-title { color: #fff; }

.close { color: #fff; opacity: 0.8; }

.close:hover { color: #fff; opacity: 1; }

.projectBox { background: #55a4f2; color: #fff; border-radius: 5px; padding: 25px; cursor: pointer; overflow: hidden; margin-bottom: 40px; position: relative; z-index: 1; transition: all 0.45s; }

.projectBox i { float: right; transition: all 0.45s; }

.projectBox h3 { margin: 0px; transition: all 0.45s; }

.projectBox .text { transition: all 0.45s; font-weight: bold; font-size: 18px; }

.projectBox:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #f8f8f3; transition: all 0.45s; transform: scale(0); z-index: -1; border: 4px solid #55a4f2; }

.projectBox:hover:after { transform: scale(1); }

.projectBox:hover i { margin-right: 80px; color: #55a4f2; }

.projectBox:hover h3 { margin-left: 50px; color: #55a4f2; }

.projectBox:hover .text { margin-left: 50px; color: #55a4f2; }


.projectBoxOrange { background: #55a4f2; }

.projectBoxOrange:after { border: 4px solid #fdc177; background: #fdc177; }

.projectBoxOrange:hover .text { color: #fff; }

.projectBoxOrange:hover i { color: #fff; }

.projectBoxGreen { background: #55a4f2; }

.projectBoxGreen:after { border: 4px solid #f79a6c; background: #f79a6c; }

.projectBoxGreen:hover .text { color: #fff; }

.projectBoxGreen:hover i { color: #fff; }

.projectBoxPurple { background: #55a4f2; }

.projectBoxPurple:after { border: 4px solid #9c9ccd; background: #9c9ccd; }

.projectBoxPurple:hover .text { color: #fff; }

.projectBoxPurple:hover i { color: #fff; }

.projectBoxgPfr { background: #55a4f2; }

.projectBoxgPfr:after { border: 4px solid #88c6a2; background: #88c6a2; }

.projectBoxgPfr:hover .text { color: #fff; }

.projectBoxgPfr:hover i { color: #fff; }


.projectBoxPink { background: #55a4f2; }

.projectBoxPink:after { border: 4px solid #df87a7; background: #df87a7; }

.projectBoxPink:hover .text { color: #fff; }

.projectBoxPink:hover i { color: #fff; }


.projectBoxGray { background: #55a4f2; }

.projectBoxGray:after { border: 4px solid #8cc6ec; background: #8cc6ec; }

.projectBoxGray:hover .text { color: #fff; }

.projectBoxGray:hover i { color: #fff; }


.loginBar { border: 4px solid #55a4f2; width: 28%; margin: auto; margin-top: 4%; overflow: hidden; height: 40px; }

.loginBar input { border: 0px; width: 82%; float: left; height: 32px; padding: 0px; padding-left: 10px; padding-right: 10px; }

.loginBar button { background: #55a4f2; border: 0px; width: 18%; float: left; color: #fff; line-height: 32px; }

footer { border-top: 1px solid #ccc; padding: 10px 0px; color: #666; font-size: 14px; text-align: center; /*margin-top: 50px;*/ background: #e2e2e2; z-index: 1000; position: relative; }

.projectHd { font-size: 24px; line-height: 65px; }

.cheboxList { background: #f1f1f1; margin: 20px 0px; margin-bottom: 0px; padding: 10px 20px; border-radius: 10px; color: #333; border: 1px solid #ccc; overflow: hidden; width: 100%; }

.cheboxList ul { margin: 0px; padding: 0px; margin-bottom: 100px; }

.cheboxList ul li { list-style: none; float: left; width: 23%; margin: 1%; }

.cheboxList ul input[type='checkbox'] { margin-right: 5px; }

.toolOptionList { width: 100%; padding: 5px; }

.groupOptionList { width: 100%; padding: 5px; }

.gropuTextArea { width: 100% !important; height: auto; margin-bottom: 20px; }

.gropuTextArea textarea { width: 100% !important; height: 150px; border: 1px solid #ccc; padding: 5px; }

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

ul.portfoiloTabs li { display: inline-block !important; float: none !important; }

.ui-widget-header { border: 0px; background: none; overflow: hidden; }

.ui-widget-content { border: 0px; background: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: none; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { font-weight: bold; color: #333; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background: #0070c0; color: #fff; }

.txtRgiht { text-align: right; }

.select2 { width: 100% !important; }

.AddNewcheboxList { padding: 10px 20px; border-radius: 10px; overflow: hidden; width: 100%; }

.AddNewcheboxList ul { margin: 0px; padding: 0px; margin-bottom: 100px; }

.AddNewcheboxList ul li { list-style: none; float: left; width: 48%; margin: 1%; }

.AddNewcheboxList ul input[type='checkbox'] { margin-right: 5px; }

.form-horizontal .control-label { text-align: left; }
/*.modal{text-align:center;padding:0!important}*/
/*.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}*/
/*.modal-dialog{display:inline-block;text-align:left;vertical-align:middle}*/
.highlightSup { top: -12px; background: #0070c0; color: #fff !important; border-radius: 50%; padding: 0px 5px; left: 0px; font-size: 15px; }

form label.error { font-weight: normal !important; color: red; float: left; }

.modal-body .close { color: #333; }

.alertPopup { z-index: 100000 !important; }

.ToolForExcelUpload { width: 100%; padding: 5px; }

.NoWrap { white-space: nowrap; }

.dont-break-out { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

.ddlToolIcon { margin-left: 5px; }

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

.filterArea { background: #f8f8f3; border-bottom: 1px solid #e8e6dd; border-top: 1px solid #e8e6dd; }

.filterArea .filterRightBorder { border-right: 1px dashed #d6d2c1; min-height: 120px; }

.filterArea .filterRightBorder:last-child { border-right: 0px dashed #d6d2c1; min-height: 120px; }

.showMoreTd { padding: 5px 10px; }

#BestProjectsContainer .tdHide { display: none; }

#WorstProjectsContainer .tdHide { display: none; }

.tdHide { display: none; }

.tdHide { display: none; }

table { width: 100% !important; }

em.invalid { display: block; margin-top: -12px; padding: 0 1px; font-style: normal; font-size: 13px; line-height: 15px; color: #D56161; margin: 0px; }
/*#cssmenu > ul{background:#152942}*/
#cssmenu > ul > li > a { color: #fff !important; }

.headerSection { padding: 20px 12px; background: url('../images/headerPic.jpg'); color: #fff; }

.headerSection h1 { margin: 0px; }

.headerClientBaseSection { padding: 32px 12px; background: url('../images/headerClientBase.jpg') top center; color: #fff; }

.leftFilter { background: #152942; overflow: hidden; padding: 20px 10px; /*height: 100vh;*/ }

.leftFilter label { color: #fff; }

.leftFilter .btn { background: #fff !important; color: #0070c0 !important; border-radius: 4px; }

.leftFilter .btn:hover, .leftFilter .btn:focus { background: #fff !important; color: #0070c0 !important; border-radius: 4px; outline: 0px; }
/*.leftFilter .form-group{padding:5px}*/
.bootbox .modal-dialog { width: 300px; text-align: center; font-size: 16px; }

.bootbox .modal-dialog .modal-footer { text-align: center; }

.leftFilter .activeReferesh { background: orange !important; color: #fff !important; }

.leftFilter .activeReferesh:hover, .leftFilter .activeReferesh:focus { background: orange !important; color: #fff !important; }

.headerSection h1 { color: #fff; }

.headerClientBaseSection h1 { color: #fff; }

.leftFilter { display: block; }

.btntoggle { display: none; }

.btn-primary { background: #152942 !important; border-radius: 0px; margin: 0px !important; }

.btn-primary:hover { background: #152942 !important; border-radius: 0px; /*margin: 0px !important;*/ }

.btn-primary:focus { background: #152942 !important; }

.table-striped > tbody > tr:nth-of-type(odd) { background: #d9e2f3; }

.table > thead > tr > th { text-align: center; font-size: 15px !important; }

.table > thead > .tdBold > td { font-weight: bold; font-size: 12px !important; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > thead > tr > td { font-size: 11px !important; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 4px; }

#cssmenu > ul > li > a { line-height: 36px !important; }

.form-group { margin-bottom: 10px; }

#divContainterMain > .nav > .tab-content { margin-top: -40px !important; }

#btnSearch { font-weight: bold; margin-top: 5px !important; }

.buttons-holder-ul { padding: 0px; margin: 0px; list-style-type: none; text-align: left; }

.buttons-holder-ul li { display: block; }

.buttons-holder-ul li a { display: inline-block !important; width: auto; margin-bottom: 10px; width: 222px; text-align: left; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { }

.nav-tabs > li > a { border-radius: 0px; }

.nav-tabs { border-bottom: 0px; }

.nav-tabs .nav-tabs { border-bottom: 5px solid #152942; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-bottom: 0px; }

.nav-tabs > li > a { border-bottom: 0px; }

.dropdown-menu { padding: 0px; }

.dropdown-menu > li > a { padding: 10px !important; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background: #152942 !important; color: #f7f7f7 !important; padding: 10px !important; }

#UploadeExcelForToolsForm .col-md-4 { padding: 10px 15px; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background: #152942 !important; color: #f7f7f7 !important; padding: 10px !important; }

.spinner-holder { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 10; }

.spinner { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; }

.spinner > img { margin: auto; }

.table-client-chart { }

.table-client-chart, .table-client-chart th, .table-client-chart td { }

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #b3b3b3; }

.table-client-chart > thead > tr > th { font-size: 12px !important; }

.table-client-chart th, .table-client-chart td { padding: 8px !important; text-align: left; }

.table-client-chart th { background: #cde2f3 !important; }

.bg-green { background: #b9e4c8; }

.bg-red { background: #ffabab; }

.fill-td { position: relative; z-index: 1; }

.fill-span-green { position: absolute; top: 0px; left: 0px; height: 100%; background: linear-gradient(to right,#65c486,#def2e5); z-index: -1; }

.fill-span-blue { position: absolute !important; top: 0px !important; left: 0px !important; height: 100% !important; background: linear-gradient(to right,#098eef,#cee8fb) !important; z-index: -1 !important; }

.fill-span-red { position: absolute; top: 0px; left: 0px; height: 100%; background: linear-gradient(to right,#ffcdcd,#ff0000); z-index: -1; }

.bg-table-td { background: #bae5cf; }

.bg-table-td-client { background: #c6e0b4; }

.bgProject1 { background: #ffabab; }

.bgProject2 { background: #7aa9db; }

.bgProject3 { background: #f4b084; }

.bgProject4to5 { background: #bfbfbf; }

.bgProject6to10 { background: #ffd966; }

.bgProject11to20 { background: #9bc2e6; }

.bgProject21 { background: #a9d08e; }

.bgProjectTotal { background: #d9d9d9; }

.bgProjectSingle { background: #ff5353; }

.fill-span-Client { position: absolute; top: 0px; left: 0px; height: 100%; background: linear-gradient(to right,#81ce9c,#d9f0e1); z-index: -1; }

.fill-span-AssociatedIncome { position: absolute; top: 0px; left: 0px; height: 100%; background: linear-gradient(to right,#ffbc3a,#ffecc7); z-index: -1; }

.fill-span-AssociatedProfit { position: absolute; top: 0px; left: 0px; height: 100%; background: linear-gradient(to right,#6b94c9,#d2dfee); z-index: -1; }

.fill-span-Total { position: absolute; top: 0px; left: 0px; height: 100%; background: linear-gradient(to right,#d9d9d9,#d9d9d9); z-index: -1; }

.totalClientInfo { background: #d4dff1; padding: 10px; overflow: hidden; }

.totalClientInfo .totalClientInfoBox { border: 0px solid #333; }

.totalClientInfoBox { padding: 15px 0px; /*width:112% !important;*/ }

.totalClientInfoBox img { max-width: 100%; }

.totalClientInfo .redBg { /*background: #ffabab;*/ background: rgb(255,171,171); height: 40px; }

.totalClientInfo .greenBg { /*background: #e2f0d9;*/ background: rgb(226,240,217); height: 40px; }

.heightText { font-size: 30px; }

.totalClientInfo .pColor { color: #2f5597; }

.padding0px { padding-left: 0px; padding-right: 0px; }

#tblBests tbody td { text-align: right; }

#tblBests tbody td:nth-child(1) { text-align: left; }

.totalClientInfoMainBox { width: 100%; height: auto; border: 1px solid #b4b4b5; }

.chartImgBox { width: 100%; height: 100%; margin-top: 0px; background: #ccc; overflow: hidden; height: 350px; }

.chartImgInnerBox { width: 100%; height: 100%; }

.chartImg { width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; }

.repeatbussiness { table-layout: fixed; }

ul.noOfProjectsList { margin: 0px; padding: 0px; margin-top: 35px; }

ul.noOfProjectsList li { list-style: none; display: block; overflow: hidden; margin: 5px 0px; }

#RepeatBussiness .col-md-2 { padding-left: 0px !important; padding-right: 0px !important; }

ul.noOfProjectsList li:nth-child(1) div { background: #ffabab; }

ul.noOfProjectsList li:nth-child(2) div { background: #8ea9db; }

ul.noOfProjectsList li:nth-child(3) div { background: #f4b084; }

ul.noOfProjectsList li:nth-child(4) div { background: #bfbfbf; }

ul.noOfProjectsList li:nth-child(5) div { background: #ffd966; }

ul.noOfProjectsList li:nth-child(6) div { background: #9bc2e6; }

ul.noOfProjectsList li:nth-child(7) div { background: #a9d08e; }

ul.noOfProjectsList li:nth-child(8) div { background: #d9d9d9; }

ul.noOfProjectsList li:nth-child(8) div { background: #ff5353; }

ul.noOfProjectsList li div { width: 20px; height: 8px; background: #ccc; float: left; margin-left: 10px; }

ul.noOfProjectsList li i { float: left; line-height: 15px; padding-left: 5px; font-size: 11px; width: 60%; font-style: normal; line-height: 14px; }

.tblBestsList > thead > tr > th { font-size: 13px !important; }

.pieChartMain { position: absolute; top: 13%; left: 11%; width: 69%; }

.threeOrFewrBox { border: 1px solid; padding: 5px 10px; }

.center-element { margin: auto; float: none !important; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #152942; background: #fff !important; }

table.dataTable thead th, table.dataTable thead td { /*padding: 6px 12px !important;*/ }

.width-auto { width: auto !important; }

.popover.confirmation .popover-title { white-space: nowrap; }

.popover.confirmation { z-index: 1030 !important; }

.small-block { width: 49.75%; float: left; margin-top: 3px; padding: 15px; background-color: #a9d18e; border: solid 1px #558137; min-height: 210px; }

.left-client-sel { border: solid 1px #ccc; padding: 15px; }

.left-client-sel:after { content: ""; display: block; clear: both; }

.small-block + .small-block { margin-left: .5%; }

.top5ListToggleBox { display: none; }

.top5ListToggleBox.open { display: block; }

.top5ListToggleBtn { width: 100%; height: auto; background: #009688; color: #fff; overflow: hidden; cursor: pointer; padding: 10px; font-weight: bold; font-size: 15px; }

.top5ListToggleBtn i { float: right; font-size: 14px; color: #fff; line-height: 25px; }

.topProjectTable th { padding: 8px; }

.topProjectTable td { padding: 0px 8px !important; }

.clientSection th, .clientSection td { padding: 8px !important; }

.select2Client + .select2-selection__rendered { line-height: 35px !important; }

.select2Client + .select2-container .select2-selection--single { height: 35px !important; font-size: 14px !important; }

.select2Client + .select2-selection__arrow { height: 34px !important; }

.bordered-table-body { border: solid 3px #375623; border-top: none; background-color: #a9d18e; }

.bordered-table-body > tr { border-left: none; border-right: none; }

.bordered-table-thead { border: solid 3px #375623; border-bottom: none; background-color: #a9d18e; }

#ClientSelectionProjectsContainer { padding: 15px; }

.columnChart { border: 1px solid #ccc; margin-bottom: 10px; }

.columnChart img { width: auto; max-width: 100%; }

.link-text { cursor: pointer; }

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

.dataTables_wrapper .dataTables_paginate .paginate_button { min-width: initial !important; padding: 0px !important; margin-left: 0px; border: none !important; }

.blue-header { background-color: #152942 !important; color: #fff !important; }

.pinkcol-header { background-color: #DF87A7 !important; color: #fff !important; }

.bg-e1efd8 > tr { background-color: #e1efd8 !important; }

.noDataImgParent { text-align: center; padding-top: 50px; }

.noDataImgParent .noDataAvailable { margin-top: 20%; }

.noDataImgParentBarChart { text-align: center; }

.noDataImgParentBarChart .noDataAvailable { margin-top: 15%; width: 80%; }

.absolute-bottom { position: absolute; bottom: 0px; }

.topFiveList { width: 100%; height: 560px; margin-top: 5px; }

.detail-container, .clientbase-detail-container { position: absolute; }

#barChartImage60Month, #barChartImage12Month { margin-top: -30px; }

@-ms-viewport { width: auto !important; }

.modal { text-align: center; }

@media screen and (min-width: 768px) {
    .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
}

.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

/*@media print {
    @page {
        size: auto;
        margin: 0mm; 
        background-color: red;
    }

    html {
        background-color: #fff;
        margin: 0px;
    }

    body {
        border: none;
        margin: 10mm 15mm 10mm 15mm;
    }
}*/

.gPFRCollapse { width: 100%; background: #f7f7f7; border: 1px solid #ccc; border-top: 5px solid #88c6a2; padding: 20px; }

.table-pfr > thead > tr > th, .table-pfr > tbody > tr > td { border-top: none !important; border-bottom: none !important; text-align: left; font-size: 14px !important; }

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

.border-0 { border: 0px !important; border-right: solid 1px #ccc !important; }

.border-0-print { border: 0px !important; }

.border-1 { border: 0px !important; }

.gPFRCollapse .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > thead > tr > td { font-size: 14px !important; padding: 5px 10px; }

.summaryTable2 { margin-top: 5px; table-layout: fixed; }

.summaryTable2 > thead { background: #bae5cf; }

.tdBorder0px > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { border: 0px !important; }

.tableOutlineBorder { border: 1px solid #ccc; }

.text-underline { border-bottom: 1px solid #969696; padding-bottom: 3px; }

.text-underlineDouble { border-bottom: 3px double #969696; padding-bottom: 3px; }

.fullDetailToggleBoxMain { border: 1px solid #ccc; overflow: hidden; }

.fullDetailToggleBox { padding: 20px 10px; }

.fullDetailToggleBtn { width: 100%; height: auto; background: #bae5cf; color: #333; overflow: hidden; cursor: pointer; padding: 10px; font-weight: bold; font-size: 15px; }

.fullDetailToggleBtn i { float: right; font-size: 14px; color: #333; line-height: 25px; }

.stripeFull { width: 90%; height: 1px; background: #ccc !important; margin-top: 12px; }

.paddingNone { padding: 0px 10px !important; }

.padding0px { padding: 0px; }

.leftFilterClose { font-weight: normal; font-size: 15px; margin-left: .3em; margin: -12px -3px 0px 0px; cursor: pointer; }

.leftFilterOpen { /*position: absolute;*/ /*left: 0px;
    top: 140px;*/ padding: 6px; display: none; cursor: pointer; height: 99vh; width: 30px; float: left; }

.leftFilterOpen i { font-weight: normal; font-size: 15px; margin-left: .3em; margin: 0px; float: left !important; color: #fff; }

.leftFilterOpen p { transform: rotate(90deg) translateX(50%); float: none; display: block; line-height: 500px; width: 15px; padding: 8px; font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; }

.leftFilter { transition: all 0.45s; }

.leftFilterCollapseIn { transform: translateX(-400px); }

.leftFilterCollapseOut { transform: translateX(0px); }

.fullWidth { width: 96%; }

/*#TweleveMonthsClientSelction a { color: #fff; }*/

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

.whiteBoldText { color: #fff; font-weight: bold; }

.noOfProClientsPercentageBg { background-color: #CBD8C3 !important; }

.gPFRNoData { display: flex !important; align-items: center; justify-content: center; min-height: 500px; height: 500px; }

.gPFRNoData .gPFRNoDataImg { width: 200px; height: auto; text-align: center; }

ul.right-nav { float: right; margin-top: -60px !important; margin-right: -20px; }

ul.right-nav li { list-style: none; float: left; margin-left: 5px; }

.border-bottom-print { border-bottom: 1px solid #ccc; }

.word-nowrap { white-space: nowrap; }

@media print {
    .pagebreak-after { page-break-after: always; }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .status-label b { font-size: 12px !important; margin-left: 2px !important; margin-right: 5px !important; }

    b, strong { font-weight: normal !important; }

    .table-client-chart th, .table-client-chart td { padding: 0px 5px; line-height: 44px; }

    .ie-client-portfolio > tbody > tr > td, .ie-client-portfolio > tbody > tr > th, .ie-client-portfolio > tfoot > tr > td, .ie-client-portfolio > tfoot > tr > th, .ie-client-portfolio > thead > tr > td, .ie-client-portfolio > thead > tr > th { /*line-height: 30px !important;*/ }
}

.height3px { padding-bottom: 3px; }

.fullDetailToggleBoxMain { width: 100%; overflow: auto; }

.fullDetailToggleBtn, .fullDetailToggleBox { min-width: 1210px; }
.text-underline-invisible { border-bottom: 1px solid #969696; padding-bottom: 3px; border-bottom-color: transparent; }
.text-underlineDouble-invisible { border-bottom: 3px double #969696; padding-bottom: 3px; border-bottom-color: transparent; }


.client-list-navigation .select2-selection select2-selection--single { width: 200px !important; }
.text-darkblue { color: #8389FF !important; }
.search-holder { width: 50%; }
.PrintgPFRFullDetail.print-btn-top, .PrintgPFRSummaryDetail.print-btn-top { position: absolute; top: -41px; right: 0px; }
.UsersGridContainer.gPFRCollapse, .UsersGridContainer.gPFRCollapse { position: relative; }

.pcWidth { width: 150px; }
.widthAuto { width: auto; }
.login-panel { float: none; margin-left: auto; margin-right: auto; }
.login-board { background-color: #fafafa; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); padding: 25px; border-radius: 3px; }
.btn-login { background-color: #55a4f2 !important; color: #fff !important; border-radius: 2px; }
.login-control-label { font-size: 16px; font-weight: 100 !important; }
.login-main { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mainContainer { position: relative; }
.wel-username { font-size: 22px; display: inline-block; color: #55a4f2; font-weight: bold; margin: 0px auto 40px; }
.pwd-box { background-color: #fafafa; border: solid 1px #ccc; padding: 15px; border-radius: 4px; }
.login-main-flex { display: flex; flex-flow: column wrap; justify-content: center; align-items: center; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
.login-main-flex .row { width: 100%; }


.positioned-data-filter { position: absolute; top: 10px; right: 15px; }
.gpfr-period-date { width: 24%; text-align: center; }
.client-view-sort-by-holder { float: right; }
.client-view-sort-by { width: 200px; float: left; margin-top: -35px !important; margin-right: 15px; }
.client-view-print-button { margin-top: -35px !important; float: right; }
table.dataTable thead .sorting_desc:after, .table.dataTable thead .sorting:after { display: none !important; }
table.dataTable thead .sorting_desc:after { content: '' !important; }
table.dataTable thead .sorting_asc:after { content: '' !important; }
.img-pie-chart { position: absolute; top: 0; left: 0; }
.horizontal-chart-container { height: 75px; }
.text-black { color: #333 !important; }

.width-35px { max-width: 50px !important; min-width: 50px !important; }
.a-hoverable:hover { text-decoration: underline; }
#tblBests tbody td[colspan] { text-align: center !important; }

.upper-nav li { white-space: nowrap; }
.upper-nav li a { display: inline-block; }

.border0pxTr > tbody > tr > td { border: 0px; }
.border1px { border: 1px solid #ccc !important; }
.textGreen { color: #00b050; }
.textRed { color: #ff0000; }
.textblue { color: #00b0f0; }
.bgRed { background: #ff0000; color: #fff; }
.bgGray { background: #666; color: #fff; }


.bgFeeCateTable tr:nth-child(1) td:first-child { background: #a99bbd; }
.bgFeeCateTable tr:nth-child(2) td:first-child { background: #b9cd96; }
.bgFeeCateTable tr:nth-child(3) td:first-child { background: #d19392; }
.bgFeeCateTable tr:nth-child(4) td:first-child { background: #93a9cf; }
.bgFeeCateTable tr:nth-child(5) td:first-child { background: #db843d; }
.bgFeeCateTable tr:nth-child(6) td:first-child { background: #4198af; }
.bgFeeCateTable tr:nth-child(7) td:first-child { background: #71588f; }
.bgFeeCateTable tr:nth-child(8) td:first-child { background: #89a54e; }
.bgFeeCateTable tr:nth-child(9) td:first-child { background: #aa4643; }
.bgFeeCateTable tr:nth-child(10) td:first-child { background: #4572a7; }

.bgFeeCateTableInside tr td:first-child { background: none !important; }


.feeCatsTable > thead > tr > th { border: 1px solid #b3b3b3 !important; background: #ffe1ec; }
.table-separate { border-collapse: separate; border-spacing: 7px; }
table.dataTable thead .sorting_asc:not(.bg-ffe1ec) { background: none !important; }
.bg-ffe1ec { background-color: #ffe1ec !important; }


.white-box { background: #fff; padding: 15px 18px; border: 1px solid #ccc; min-height: 210px; margin-top: 25px;}
.white-box p{ font-size:14px;}
.white-box h4 { margin-bottom: 13px; padding-bottom: 12px; border-bottom: 1px solid #ccc; margin-top: 0px;}

.min-height-0{ min-height:0 !important;}