h2.sv-title-general {
    border-bottom: 1px solid #ccc;
    margin: 10px auto;
    max-width: 1100px;
    padding-bottom: 15px;
    font-weight: 300;
}

a {
    cursor: pointer;
}

html {
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin-bottom: 50px !important;
}

body a {
    cursor: pointer !important;
}

.modal img {
    width: 99%;
}

table td a:hover {
    text-decoration: none
}

.col-center {
    float: none;
    margin: 0 auto;
}


.btn-refresh {
    background-color: #eee;
}


@media screen and (-webkit-min-device-pixel-ratio: 2) {
    body, p {
        font-size: 12px !important;
    }
}

.k-upload {
    border: none !important;
}

.k-dropzone {
    padding-left: 0 !important;
    background-color: transparent !important;
}

.k-i-expand, .k-i-collapse, .k-button-icon {
    font-size: 19px !important;
}

.k-tabstrip-content:focus {
    outline: none !important;
}

.schedules-warning { display: block; padding-top: 40px; text-align: center; background: #fff; }

#footer { left: 0 }

.dropdown-menu input[type=submit]:hover { background: #ddd !important; }
.dropdown-item:hover, li:hover, table tr:hover, input[type=submit]:hover { transition: all .5s ease !important; }
.dropdown-item { font-size: 14px; display: block; width: 100%; padding: 0.25rem 0.5rem; clear: both; font-weight: 400; color: #333; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }
.dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #ddd; }
.dropdown-item:active { color: #fff; text-decoration: none; background-color: #ddd; }
.dropdown-item:disabled { color: #6c757d; background-color: transparent; }
.form-control:focus { border-color: rgba(3, 148, 17, 0.5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(3, 148, 17, 0.5); }

form#logoutForm button { border-radius: 0; color: #333; height: 30px; padding-left: 10px; }
form#logoutForm button:hover { background: #ddd; }
table.sv-index-table a {/* color: #027A0E !important;*/ /*display: inline-block; */text-decoration: none; }
table.sv-index-table tr:hover { background: #D4D4D4; transition: all .5s ease; }
div.my-2.my-lg-0 { margin-right: 30px; }
nav.sv-top-main-nav img.sv-header-logo { height: 40px; padding: 2px; margin-left: -25px; padding-left: 5px; }
nav.sv-top-main-nav { height: 50px; }
nav.sv-top-main-nav ul li a.dropdown-item { color: #333 !important; }

nav.sv-top-main-nav { background: #027A0E !important; color: #fff !important; }
nav.sv-top-main-nav ul.navbar-nav li.nav-item.dropdown.sv-user-top-level-link a.nav-link.dropdown-toggle-1 i { font-size: 22px; }
nav.sv-top-main-nav li.nav-item.dropdown.sv-user-top-level-link { font-size: 15px; }
nav.sv-top-main-nav div.my-2.my-lg-0 .dropdown-item { font-size: 14px; line-height: 21px; padding: 2px 22px !important; }
nav.sv-top-main-nav div.my-2.my-lg-0 { margin-right: -5px; }
nav.sv-top-main-nav span.username-top { padding-right: 5px; }
nav.sv-top-main-nav a { color: #fff !important; }
nav.sv-top-main-nav .user-no-img { background: #4CAF50; display: inline-block; height: 38px; width: 38px; border-radius: 38px; text-align: center; line-height: 38px; font-size: 20px; color: #fff; text-transform: uppercase; margin-top: 3px;}

nav.nav-side-menu { background-color: #a8a8a8;z-index: 1000}
nav.nav-side-menu a.sv-edit-project:hover { background: none !important; }
nav.nav-side-menu a.sv-edit-project { color: rgba(0,0,0,0.5) !important; font-weight: bold; width: 30px; margin-right: 5px; }
nav.nav-side-menu ul { padding: 0 !important; }
nav.nav-side-menu li { background-color: #ddd; padding-left: 7px; margin-top:3px; border-radius: 0.25rem; }
nav.nav-side-menu li:hover { background-color: #ccc !important;}
nav.nav-side-menu ul { list-style: none; margin: 0px;}
nav.nav-side-menu ul .active { background-color: #3b3b3b !important; }
nav.nav-side-menu ul li a { color: #333 !important; text-decoration: none;}
nav.nav-side-menu ul li.active a { color: #fff !important; }
nav.nav-side-menu li.active a.sv-edit-project { color: #fff }


.bar1 .brand { display: block; font-size: 14px; text-align: center; }
.bar1 .brand { height: 40px !important; }
.bar1 .brand { height: 50px; line-height: 24px; padding-bottom: 10px; }
.bar1 .brand div.col-sm.sv-block-3 a.archive-toggle { text-align: center; height: 40px; width: 40px; display: inline-block; }
.bar1 .brand div.col-sm.sv-block-1 a { text-align: left; height: 40px; width: 30px; padding-left: 10px; display: inline-block; }
.bar1 .brand div.col-sm.sv-block-2 { line-height: 36px; }
.bar2 .sv-menu-header div.sv-block-3 a { color: #027A0E; }

.sv-logo-enterprise {
    font-size: 14px;
    font-style: italic;
}

.navbar-brand {
    margin-right: 0px;
}

input.dropdown-item { color: #333 !important; }
input.dropdown-item:focus, input.dropdown-item:hover, input.dropdown-item:active { border: none; outline: none; }
a.dropdown-item { color: #333 !important; }
a.dropdown-item:focus, input.dropdown-item:hover, input.dropdown-item:active { border: none; outline: none; }
.pricing.card-deck h1 { font-size: 30px !important; }

ion.enterprise-chart-section .k-content.project-enterprise-charts.k-content .k-chart { border-radius: 0.2rem; box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.1); margin-bottom: 1rem; border: solid 1px #eee; padding: 15px 15px; min-width: 400px; margin-bottom: 30px; margin-top: 30px; margin-left: 20px; min-height: 400px; text-align: center; }
table.sv-index-table tbody tr:hover { background: #f5f5f5 !important }

@media (max-width: 969px) {
   /**********************************************/
   /******* Start Mobile *********/
   /**********************************************/
   html { position: relative; }
   /*** General  Mobile Styles ***/
   .mobile-hide { display: none }
   body { min-width: 350px; }
   div.sv-section-title div.title-wrapper div.page-title { font-weight: bold; padding-top: 10px; text-align: center; }
   div.page-title-line-2 { padding-bottom: 10px; text-align: center; }
   div.schedules-warning { display: block; padding: 40px 0; text-align: center; }

   /*** Home Page Styles ***/

   .testimonial-slider .carousel.slide { margin-left: -50px; }
   .jumbotron { background: #001f46; background: url('/images/sv-jumbotron-bg.jpg'); background-repeat: no-repeat; background-size: 1107px 580px; color: #FFFFFF !important; margin-top: 0 !important; padding: 20px 45px 45px 15px !important; border-radius: 0; padding-top: 0; }
   .col-md-6.sv-features-img-img,
   .col-md-6.sv-features-img div { padding: 0px; text-align: right; }
   .jumbotron div.container span.cell2 p { font-size: 20px; line-height: 30px; margin-top: 20px; }
   .jumbotron div.container span.cell1 ul { line-height: 37px; font-weight: 400 }
   .jumbotron div.container span.cell1 ul li { font-weight: 300 }
   .jumbotron div.container span.cell1 h2 { font-size: 32px; font-weight: 400; }
   .sv-features-box { background: #fff; display: block; margin-bottom: 20px; padding: 15px; }
   .sv-features-txt,
   .sv-features-img { display: table-cell; vertical-align: top; }
   .jumbotron .cell2 { width: 440px; display: block; }
   div.jumbotron ul li { font-size: 18px; }
   div.jumbotron { margin-bottom: 0; }
   div#feat-row1.row div.inner-block { display: block; }
   .jumbotron div.container span.cell2 h2 { font-weight: 400; }
   .container.sv-home-features-1 { padding-top: 30px }
   .container.sv-home-features-2 { }
   .jumbotron div.container span.cell1,
   .jumbotron div.container span.cell2 { display: block !important; vertical-align: top; }
   .bar2 .sv-menu-header .sv-block-3 .dropdown-menu.pro-dropdown-menu.show { line-height: 1.5em }

   /*** Page Title Bar ***/
   div.row.sv-title-controls-bar div.col-md-2.sv-title-controls-left,
   div.row.sv-title-controls-bar .col-md-2.sv-title-controls-right { display: block !important; min-width: 99%; text-align: center !important; }
   div.row.sv-title-controls-bar div.sv-title-controls-title { text-align: center; min-width: 100% !important; display: inline-block !important; }
   div.row.sv-title-controls-bar div.sv-title-controls-left { text-align: center; min-width: 100% !important; display: inline-block !important; }
   div.row.sv-title-controls-bar div.sv-title-controls-right { text-align: center; min-width: 100% !important; display: inline-block !important; }
   div.row.sv-title-controls-bar { margin-bottom: 10px }
   div.row.sv-title-controls-bar div.sv-title-controls-title span.title-line-1 { display: block; font-weight: 600; }
   div.row.sv-title-controls-bar div.sv-title-controls-title span.title-line-2 { display: block; font-size: 13px; }

   div.sv-page-options { display: block; padding-top: 10px; text-align: center; }
   div.box-introx { border: none !important; border-radius: 0 !important; float: none; width: 100%; }
   div.box-introx div.box-inner { border: solid 1px #ccc; height: 130px; margin: 0 auto; margin: 10px; padding: 10px; }
   div#sv-dash-flex.d-flex.flex-wrap.align-content-stretch.bg-light div#sv-dash-sidemenu.sv-menu-col { min-width: 100%; }
   .p-2.border.dj-dash-main { width: 100%; }
   div.d-flex.flex-wrap div.dj-dash-main { width: 100%; }
   nav#top-nav-bar.navbar { background-color: #ddd; color: #fff; font-family: verdana; font-size: 12px; font-weight: 400; height: 100%; top: 0px; width: 100%; }
   div#sv-dp-sched-options { padding: 0 !important; text-align: left !important; }
   div.dropdown-menu a { color: #333 !important; }
   #navbarSupportedContent.collapse.navbar-collapse { display: none; }
   #navbarSupportedContent,
   nav.navbar.sv-top-main-nav, nav.sv-top-main-nav { color: #fff !important; padding: 0px; }
   nav.sv-top-main-nav a.nav-link.dropdown-toggle { color: #fff; }
   /*nav.sv-top-main-nav i.fa {background:#027a0e;display:inline-block;height:35px;padding:5px 15px 5px 5px;text-align:center;}*/
   nav.nav-side-menu { margin-bottom: 6px; position: relative; width: 100%; }
   nav.nav-side-menu .toggle-btn { display: block; padding: 3px; position: absolute; right: 7px; text-align: center; top: 10px; width: 40px; z-index: 10 !important; }

   /******* Mobile TopNav *******/
   nav.sv-top-main-nav img.sv-header-logo { height: 40px; padding: 2px; margin-left: -15px; padding-left: 10px; }
   .sv-logo-name, .sv-logo-enterprise { display: none }
   nav.sv-top-main-nav.navbar { background: #008000 !important; }
   nav.sv-top-main-nav.navbar .brand { padding-right: 14px !important; }
   /**** Top Nav User Icon***/
   nav.sv-top-main-nav span.username-top img { padding-right: -0px !important; margin-right: -10px !important; margin-top: 0px !important }
   nav.sv-top-main-nav div.user-no-img { margin-right: -10px !important; text-transform: uppercase; }
   nav.sv-top-main-nav.navbar a.navbar-brand { color: #fff; }

   /******* Mobile SideNav *******/
   nav.nav-side-menu { margin-bottom: 6px; position: relative; width: 100%; }
   nav.nav-side-menu div.brand div.d-flex div.p-2.bd-highlight.text-left.brand-1 { height: 39px; margin-left: 0; margin-left: -20px; padding-left: 0; }
   nav.nav-side-menu .toggle-btn { cursor: pointer; display: block; padding: 3px; position: absolute; right: 10px; text-align: center; top: 10px; width: 40px; z-index: 10 !important; }
   nav.nav-side-menu div.brand div.d-flex a,
   nav.nav-side-menu div.brand div.d-flex { color: #fff; display: none }
   /*nav#top-nav-bar.navbar.navbar-expand-md.navbar-light.bg-light i.fa {background:#000;display:none;}*/
   nav.nav-side-menu { height: 100%; top: 0px; width: 100%; }
   nav.nav-side-menu div.menu-list ul.menu-content li a.edit-project { position: absolute !important; top: 0; }
   nav.nav-side-menu div.brand div.p-2.bd-highlight.text-right a.archive-toggle { color: #fff !important; font-size: 18px; }
   nav.nav-side-menu.bar1 div.brand div.sv-block-2.sproj-title span.bar1-title { text-align: center }
   nav.nav-side-menu.bar1 div.menu-list ul#menu-content.menu-content { min-width: 100% !important }
   nav.nav-side-menu.bar1 div.menu-list ul#menu-content.menu-content li a.menu-list-item { height: 30px !important; min-width: 100% !important }
   nav.nav-side-menu div.brand div.p-2.text-right { position: absolute; left: 40px; }
   nav.nav-side-menu div.sproj-title { font-size: 18px; }
   /*** Mobile Bar2 Dropdown ****/
   div.my-2.my-lg-0 ul.navbar-nav.mr-auto li.nav-item.dropdown.sv-user-top-level-link.show div.dropdown-menu { margin-left: -130px; }
   nav.nav-side-menu div.menu-list ul#menu-content.menu-content li a.sv-edit-project { position: absolute; right: -10px }
   nav.nav-side-menu div.menu-list ul#menu-content.menu-content li { border-bottom: 1px #ccc solid; position: relative; }

   nav.nav-side-menu .brand { position: relative; }
   .brand { font-size: 22px; line-height: 20px !important; padding-left: 20px; text-align: left !important; }
   nav.sv-top-main-nav.navbar i.fas.fa-user.top-nav-user-icon { display: inline-block; font-size: 23px; text-align: center; width: 33px; margin-right: -9px !important; padding: 5px; }
   a#dropdown05x.nav-link span { font-size: 15px !important }
   span.dropdown-toggle-1 span { font-size: 15px !important; }
   nav.nav-side-menu i.fa.fa-bars.fa-2x.toggle-btn { color: #fff; margin-right: -8px; margin-top: -9px; }
   nav.nav-side-menu.bar1 div.menu-list ul.menu-content li { background-color:#ddd; }
   nav.nav-side-menu.bar1 div.menu-list ul.menu-content { padding: 0 !important }

   /***** UserPages ****/
   .sv-side-col { background: #f5f5f5; }
   .sv-side-col ul.nav-pills li a { background: #f5f5f5; color: #027A0E; display: block; line-height: 10px; margin: 3px auto; padding: 15px; text-decoration: none; }
   .sv-side-col ul.nav-pills li a:hover { background: #eee; }

   .legend-outer { background: #ddd; padding: 5px; }

   div.container.contentWrap { min-width: 100% !important; padding: 0 !important; margin: 0 !important; border: solid 10px #fff; }
   div.sv-analysis { font-size: 14px !important; min-width: 100% !important; padding: 0 !important; margin: 0 !important; font-size: 14px }
   div.sv-analysis div.col1 { display: block; width: 100%; padding: 0 !important; margin: 0 !important; }
   div.sv-analysis div.col2 { display: block; width: 100%; padding: 0 !important; margin: 0 !important; }
   div.sv-analysis table { margin-bottom: 10px; }
   div.sv-analysis table thead tr th { background: #DDD; font-weight: normal; height: 35px; padding-left: 10px; }
   div.sv-analysis table tbody { background: #eee; margin-bottom: 10px; }
   div.sv-analysis table a { text-decoration: none; }
   div.sv-analysis table { margin-bottom: 10px; }
   div.sv-analysis table tbody { background: #eee; margin-bottom: 10px; }
   div.sv-analysis table.datesTable thead tr th { background: #DDD; font-weight: normal; height: 35px; padding-left: 10px; }
   div.sv-analysis table.datesTable { width: 100%; }
   div.sv-analysis table.countsTable { width: 100%; }
   div.sv-analysis table.countsTable { width: 100%; }
   div.sv-analysis table.countsTable td.column-1 a { color: #333; padding-left: 10px; }
   /*div.sv-analysis table.datesTable { border-bottom: solid 10px #eee; }*/
   div.sv-analysis table.datesTable td.column-1 { width: 40%; }
   div.sv-analysis table.datesTable td.column-2 { width: 40%; }
   div.sv-analysis table.datesTable td.column-1 a { color: #333; padding: 10px; text-decoration: none; }
   div.sv-analysis table.countsTable thead tr th { background: #DDD; font-weight: normal; height: 35px; padding-left: 10px; }
   div.sv-analysis table.countsTable { border-bottom: solid 10px #eee; }
   div.sv-analysis table.countsTable tr td.column-1 { min-width: 50%; }
   div.sv-analysis table.countsTable tr td.column-2 { text-align: right; width: 10%; }
   div.sv-analysis table.countsTable tr td.column-3 { text-align: right; width: 10%; }
   div.sv-analysis table.countsTable tr td.column-4 { text-align: center; width: 10%; }
   div.sv-analysis table.countsTable tr td.column-5 { text-align: center; width: 10%; }
   div.sv-analysis table.countsTable td.column-1 a { color: #333; padding: 10px; text-decoration: none; }
   div.sv-analysis table.countsTable tr td.column-1,
   div.sv-analysis table.datesTable tr td.column-1 { padding-left: 10px; width: 180px; }
   div.sv-analysis table.countsTable tr td.column-1 a,
   div.sv-analysis table.datesTable tr td.column-1 a { color: #333; }
   div#taskDetails .msp_TaskTable .tableTitle { background: #ddd; display: block; text-align: center; font-size: 16px; text-transform: uppercase }

   /***** VALIDATION TASK LISTS *******/
   div.msp_TaskTable { margin: 10px auto 10px auto; border-radius: 5px; background: #fff; padding: 0px; position: relative; }
   div.msp_TaskTable table { margin-top: 0px; }
   div.msp_TaskTable table tr td { padding: 5px; }
   div.msp_TaskTable table tr { border-bottom: solid 1px #ccc; }
   div.msp_TaskTable table thead th { text-align: left; background: #E1DFDF; padding: 5px; }
   div.msp_TaskTable table thead { border-bottom: solid 1px #ccc; border-bottom: 0; }
   div.msp_TaskTable table { border: solid 1px #ccc; font-weight: 300; font-size: 12px }
   div.msp_TaskTable table tbody > tr:nth-child(odd) { background-color: #f8f8f8 !important; }
   div.msp_TaskTable table tbody td:first-child,
   div.msp_TaskTable table thead th:first-child { border-right: 1px solid #ccc; }
   div.msp_TaskTable table thead { background: #E1DFDF; overflow: hidden !important; }
   div.msp_TaskTable table tbody td:nth-child(3) { border-left: solid 1px #ccc; padding: 5px 0px; text-align: center; width: 75px !important; }
   div.msp_TaskTable table thead th:nth-child(3) { border-left: solid 1px #ccc; margin-left: 20px !important; max-width: 92px !important; min-width: 92px !important; padding: 5px 0px; text-align: center; }
   div.msp_TaskTable table { width: 100%; }
   div.msp_TaskTable table { background: #fff; padding: 5px; }
   div.contentSect td.sched_divider { vertical-align: middle }
   td.sched_title { font-weight: bold; }
   div#analysisPanel.readerBoxDiv.pn-ana-wrap { background: #fff; border: none; overflow: visible !important }
   div#analysisPanel.readerBoxDiv.pn-ana-wrap fieldset div.msp_TaskTable-x table.comp-hdr tr td { border: solid 1px #ccc; padding: 8px; }
   div#pn-compare-table.msp_TaskTable-p { margin: 10px auto 10px auto; width: 98%; }
   div#pn-sched-comp div.readerBoxDiv.pn-ana-wrap fieldset div#pn-compare-table.msp_TaskTable-p table tr td { padding: 5px; }
   div#pn-compare-table.msp_TaskTable-p table tr { border-bottom: solid 1px #ccc; }
   div#pn-compare-table.msp_TaskTable-p table thead th { background: #E1DFDF; padding: 5px; text-align: left; }
   /************* Bar 1 ***************/
   .bar1 i.fa.fa-bars { position: absolute; right: 6px; top: 11px; font-size: 28px !important }
   .bar1 .sv-block-3 span.sv-txt-link { color: #fff; position: absolute; display: inline-block; top: 0; left: 0; width: 35px; height: 35px; }
   .bar1 { position: relative }
   .bar1 .brand .row .sv-block-3 { position: absolute; left: 40px; top: 2px; max-width: 30px; padding: 0 !important; margin: 0 !important }
   .bar1 .brand .row .sv-block-3 a.archive-toggle { position: absolute; top: 0; left: 0; width: 35px; height: 35px; display: inline-block; text-align: left !important; font-size: 19px; right: 400px }
   .bar1 .brand a { color: #fff !important; }
   .bar1 .brand .row { height: 40px; line-height: 33px; padding: 0 }
   .bar1 .brand .sv-block-1 { padding: 0; max-width: 40px !important; position: absolute; z-index: 100 }
   .bar1 .brand .sv-block-1 a { font-size: 18px !important; width: 35px; display: inline-block; margin-top: 3px; line-height: 32px; margin-left: 0px !important; color: #fff }
   .bar1 i.fa-bars { margin-right: -5px !important; }
   .bar1 .brand .sv-block-3 a.archive-toggle .sv-txt-link { height: 30px; width: 30px; display: inline-block; text-align: center; margin-top: 3px; line-height: 29px; }
   /************* Bar 2 ***************/
   .bar2 a { max-height: 40px; color: #fff !important }
   .bar1 a { color: #fff !important; font-size: 16px }
   .bar1 a.archive-toggle { position: absolute; left: -10px }
   .bar1 .bar1-title { position: absolute; font-weight:500; left: 0; right: 0; margin: 0 auto; width: 130px }
   .bar2 .bar2-title { position: absolute; left: 0; right: 0; margin: 0 auto; width: 130px; top: 0px; height: 30px; color: #fff }
   .bar2 .sv-block-1 a .del-project { display: inline-block; width: 25px; height: 25px; text-align: center; vertical-align: top; margin-top: 0px }
   .bar2 .sv-block-1 a .add-project { display: inline-block; width: 25px; height: 25px; text-align: center; vertical-align: top; margin-top: 0px }
   .bar2 .sv-block-1 .move-project { display: inline-block; width: 35px; height: 25px; text-align: center; vertical-align: top; margin-top: 0px }
   .bar2 .sv-block-1 .publish-project { display: inline-block; width: 35px; height: 35px; text-align: center; vertical-align: top; margin-top: 0 }
   .bar2 .text-right { margin-top: -3px !important; margin-right: -4px; height: 30px !important }
   .bar2 .sv-menu-header .sv-block-1 i.fas.fa-minus { font-size: 19px; padding: 3px; margin-left: 6px; }
   .bar2 .sv-menu-header .sv-block-1 i.fa-arrow-right i { display: inline-block; font-size: 19px; padding: 3px; margin-left: 5px; margin-top: 10px !important; }
   .bar2 .sv-menu-header .sv-block-1 i.fa-plus { font-size: 19px; padding: 3px; margin-left: 5px; }
   .bar2 .sv-menu-header .sv-block-1 i.fa-arrow-right { font-size: 19px; padding: 3px; padding: 3px; margin-left: 5px; margin-top: 10px !important }

   table.sv-index-table tbody tr td.cell-3 a { display: block; max-width: 95%; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
   table.sv-index-table col.sv-dashboard-col-check { width: 30px; text-align: center !important }
   table.sv-index-table col.sv-dashboard-col-imported { width: 95px; }
   table.sv-index-table col.sv-dashboard-col-data-date { width: 95px; }
   table.sv-index-table col.sv-dashboard-col-score { width: 95px; }
   table.sv-index-table tbody tr td.cell-3 { max-width: 100px !important; }
   table.sv-index-table td.cell-5 { width: 70px; text-align: center; }
   table.sv-index-table thead tr th { font-weight: 400; }
   table.sv-index-table thead tr th { /*background: #d4d4d4;*/ height: 32px; }
   table.sv-index-table td { height: 35px; }
   /** Fix Kendo Checkbox Label Height**/
   table.sv-index-table .k-checkbox-label td label.k-form-field { padding: 2px; margin: 0; width: 30px; text-align: center }
   table.sv-index-table td.cell-3 { position: relative }
   table.sv-index-table td.cell-3 a.sv-edit-save { background: #ddd; display: inline-block; position: absolute; top: 5px; right: 15px; width: 25px; height: 25px; text-align: center; color: #027A0E; }
   table.sv-index-table td.cell-3 a.sv-edit-cancel { background: #fff; display: inline-block; position: absolute; top: 5px; right: 50px; width: 25px; height: 25px; text-align: center; color: #027A0E; }
   table.sv-index-table tr th.cell-1 { text-align: center }
   table.sv-index-table th.cell-4b { text-align: center }
   table.sv-index-table td.cell-4b { text-align: center }
   .dropdown-menu { margin-right: 20px !important; }

   nav.sv-top-main-nav i.user-toggle { display: none; }
   nav.nav-side-menu .menu-list ul li { height: 35px; line-height: 32px; }
   nav.nav-side-menu .menu-list ul.menu-content a.menu-list-item { height: 35px; margin-top: 50px !important }
   .msp_TaskTable .tableTitle { background: #DDDDDD; display: block; height: 30px; line-height: 30px; text-align: center }

   /** Tasks Table ***/
   .sv-analysis-print .scroll-table-wrap { margin: 0 auto; width: 100%; margin: 0px auto; background: #fff; border: solid 1px #ccc; }
   .sv-analysis-print .scroll-table-wrap thead { background: #EEEEEE; border-bottom: solid 1px #ccc; }
   .sv-analysis-print .scroll-table-wrap span.tableDesc { padding: 10px; display: block; }
   .sv-analysis-print .scroll-table-wrap span.tableTitle { background: #ddd; display: block; height: 35px; line-height: 36px; text-align: center; }
   .sv-analysis-print .scroll-table-wrap div.sv-tasktable-head th { font-weight: 400; padding: 3px; }
   .sv-analysis-print .scroll-table-wrap table.table-body tbody tr td { padding: 3px; }


   .scroll-table-wrap div.sv-tasktable-head { margin: 0 auto }
   .scroll-table-wrap .sv-tasktable-head span.tableTitle { display: block; text-align: center; font-size: 14px; }
   .scroll-table-wrap { border: solid 1px #ccc; padding: 0px; width: 100%; margin: 0 auto }
   .scroll-table-wrap #table-scroll { position: relative; margin: 0px auto; padding: 0px; height: 200px; overflow-x: hidden; overflow-y: auto; border-bottom: 5px solid #fff !important }
   .scroll-table-wrap #table-scroll .content { width: 100%; margin-left: 0px; padding-bottom: 10px; border-bottom: 10px solid #fff !important }
   .scroll-table-wrap table.table-body tbody tr:nth-child(even) { background-color: #f2f2f2; }
   .scroll-table-wrap { margin: 0 auto; width: 100%; margin: 0px auto; background: #fff; border: solid 1px #ccc; }
   .scroll-table-wrap thead { background: #EEEEEE; border-bottom: solid 1px #ccc; }
   .scroll-table-wrap .tableDesc { padding: 10px; display: block; }
   .scroll-table-wrap .tableTitle { background: #ddd; display: block; height: 35px; line-height: 36px; text-align: center; }
   .scroll-table-wrap .sv-tasktable-head th { font-weight: 400; }
   .scroll-table-wrap td.column-1 { overflow: hidden; padding-left: 10px; }
   .scroll-table-wrap td.column-2 { overflow: hidden; }
   .scroll-table-wrap td.column-3 { overflow: hidden; }
   .scroll-table-wrap table th:first-child { padding-left: 10px; }
   .scroll-table-wrap table th:nth-child(2) { }
   .scroll-table-wrap table th:last-child { }
   .scroll-table-wrap table { border-top: solid 1px #ccc; font-size: 13px !important; }
   .scroll-table-wrap table tbody > tr:nth-child(odd) { background-color: #f8f8f8; border-bottom: solid 1px #ccc; }
   .scroll-table-wrap table tbody > tr:nth-child(even) { background-color: #fff; border-bottom: solid 1px #ccc; }
   .scroll-table-wrap table thead { width: 100%; }
   .scroll-table-wrap table tbody { overflow-y: auto; width: 100%; }
   .ps__rail-x, .ps__rail-y { opacity: 0.6; }
   .scroll-table-wrap table.table-body,
   .scroll-table-wrap div.sv-tasktable-head table.table-head { width: 100% }
   div.scroll-table-wrap div.sv-tasktable-head table.table-head th.column-1 { /*background:#F9C2C9;*/ width: 20%; }
   .scroll-table-wrap div.sv-tasktable-head table.table-head th.column-2 { /*background:#C2E2ED;*/ width: 50%; }
   .scroll-table-wrap div.sv-tasktable-head table.table-head th.column-3 { /*background:#A2EFA2;*/ width: 20%; }
   .scroll-table-wrap div.sv-tasktable-head table.table-head thead tr th.column-4 { /*background:yellow;*/ width: 20%; }
   .scroll-table-wrap table td.column-1 { /*background:lightPink;*/ width: 20%; }
   .scroll-table-wrap table td.column-2 { /*background:lightBlue;*/ width: 50%; }
   .scroll-table-wrap table td.column-3 { /*background:lightgreen;*/ width: 20%; }
   .scroll-table-wrap table td.column-4 { /*background: DarkSeaGreen;*/ width: 20%; }
   .scroll-table-wrap table.table-body tbody tr:nth-child(even) { background-color: #f2f2f2; }
   #table-scroll.ps .content table { width: 100% }
   .sv-projects-list th { background: #d4d4d4; }
   nav.nav-side-menu .menu-list { padding-bottom: 0px !important; }

   /**********************************************/
   /******* End Mobile *********/
   /**********************************************/

}


@media (min-width: 969px) {
   /**********************************************/
   /******* Start Desktop *********/
   /**********************************************/
   /*.msp_AnalysisInner { margin: 0 auto; width: 940px; background: #efefef !important; margin-top: 20px; }*/
   html, body { min-height: 100%; margin: 0px; padding: 0px; }
   nav#top-nav-bar.navbari.fa { }
   /*** HOME PAGE STYLES ***/
   div.jumbotron { background: #001f46; background: url('/images/sv-jumbotron-bg.jpg'); background-repeat: no-repeat; background-size: 100% 500px; color: #FFFFFF !important; margin-top: 0 !important; padding: 20px 45px 45px 15px !important; padding-top: 0; border-radius: 0 }
   div.jumbotron div.container { font-weight: 300 }
   div.jumbotron div.container span.cell2 p { font-size: 20px; line-height: 30px; margin-top: 20px; }
   div.jumbotron span.cell2 a.btn.btn-default.winAppBtn { background: #9BF21F !important; color: #fff; font-size: 17px; margin-top: 40px; padding: 15px; text-shadow: 2px 2px 3px #000; }
   div.jumbotron div.container span.cell1 ul { line-height: 37px; font-weight: 400 }
   div.jumbotron div.container span.cell1 ul li { font-weight: 300 }
   div.jumbotron div.container span.cell1 h2 { font-size: 32px; font-weight: 400; }
   div.jumbotron .container { display: table; }
   div.jumbotron div.container p { font-weight: 300; font-size: 17px; line-height: 30px; margin-top: 20px; }
   div.jumbotron .cell2 { width: 440px; }
   div.jumbotron ul li { font-size: 18px; }
   div.jumbotron { margin-bottom: 0; }
   div.jumbotron div.container span.cell1,
   div.jumbotron div.container span.cell2 { display: table-cell; vertical-align: top; }
   div.jumbotron div.container span.cell2 h2 { font-weight: 400; }
   div.sv-features-box { background: #fff; display: table; height: 230px; margin-bottom: 20px; padding: 15px; }
   div.sv-features-txt,
   div.sv-features-img { display: table-cell; vertical-align: top; }
   div.container.sv-home-features-1 { padding-top: 30px }
   div.container.sv-home-features-2 { }
   div.col-md-6.sv-features-img-img,
   div.col-md-6.sv-features-img div { padding: 0px; text-align: right; }

   /*** Dashboard Main Column  ****/
   .svj-main-col { background: #fff; font-size: 14.4px }
   table.sv-index-table td { line-height: 28px; }
   /*table.sv-index-table thead tr th:first-child { background: #d4d4d4; height: 32px; text-align: center; }*/
   table.sv-index-table thead tr th { font-weight: 400; }
   table.sv-index-table thead tr { background: #d4d4d4 !important; height: 32px; }
   table.sv-index-table tr td input[type=checkbox] { margin-bottom: 3px; }
   table.sv-index-table col.sv-dashboard-col-check { width: 40px; }
   table.sv-index-table col.sv-dashboard-col-imported { width: 95px; }
   table.sv-index-table col.sv-dashboard-col-score { width: 95px; }
   table.sv-index-table col.sv-dashboard-col-data-date { width: 95px; }
   table.sv-index-table td.cell-5 { width: 70px; text-align: center; }
   table.sv-index-table td.cell-4b { padding-top: 4px !important; }
   table.sv-index-table td.cell-3 { max-width: 400px !important; }
   table.sv-index-table label.k-form-field { padding: 0; margin: 0; width: 30px; text-align: center }
   table.sv-index-table th.cell-1,
   table.sv-index-table td.cell-1 { text-align: center }
   table.sv-index-table th.cell-4b,
   table.sv-index-table td.cell-4b { text-align: center }
   table.sv-index-table tr td.cell-3 a { display: block; max-width: 90%; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
   table.sv-index-table td.cell-3 { position: relative; }
   table.sv-index-table a.sv-tooltip-right { display: inline-block; position: absolute; top: 10px; right: 0; }
   table.sv-index-table td.cell-3 a.sv-edit-save { background: #ddd; display: inline-block; position: absolute; top: 5px; right: 15px; width: 25px; height: 25px; text-align: center; color: #027A0E; }
   table.sv-index-table td.cell-3 a.sv-edit-cancel { background: #ddd; position: absolute; top: 5px; right: 50px; display: inline-block; width: 25px; height: 25px; text-align: center; color: #027A0E; }
   table.sv-index-table thead th { font-weight: 500 !important; padding-bottom: 8px; }

   /** Tasks Table ***/
   div.msp_TaskTable { margin: 0 auto; width: 800px; margin: 20px auto; background: #fff; border: solid 1px #ccc; }
   div.msp_TaskTable thead { background: #EEEEEE; border-bottom: solid 1px #ccc; }
   div.msp_TaskTable .tableDesc { padding: 10px; display: block; }
   div.msp_TaskTable .tableTitle { background: #ddd; display: block; height: 35px; line-height: 36px; text-align: center; }
   div.msp_TaskTable thead th { font-weight: 400; }
   /** table head cell widths **/
   div.msp_TaskTable thead th.column-1 { padding-left: 10px;; font-weight: 400; overflow: hidden; width: 158px !important; }
   div.msp_TaskTable thead th.column-2 { font-weight: 400; overflow: hidden; width: 460px; }
   div.msp_TaskTable thead th.column-3 { font-weight: 400; overflow: hidden; width: 100px; }
   div.msp_TaskTable thead th.column-4 { font-weight: 400; overflow: hidden; width: 120px; margin-left: 20px }
   /** table tbody cell widths **/
   div.msp_TaskTable td.column-1 { overflow: hidden; padding-left: 10px; width: 163px; }
   div.msp_TaskTable td.column-2 { overflow: hidden; width: 462px; }
   div.msp_TaskTable td.column-3 { overflow: hidden; width: 100px; }
   div.msp_TaskTable td.column-4 { overflow: hidden; width: 95px; }
   div.msp_TaskTable table th:last-child { width: 100px; }
   div.msp_TaskTable table { border-top: solid 1px #ccc; font-size: 13px !important; }
   div.msp_TaskTable table tbody > tr:nth-child(odd) { background-color: #f8f8f8; border-bottom: solid 1px #ccc; }
   div.msp_TaskTable table tbody > tr:nth-child(even) { background-color: #fff; border-bottom: solid 1px #ccc; }
   div.msp_TaskTable table thead { width: 100%; }
   div.msp_TaskTable table tbody { height: 230px; overflow-y: auto; width: 100%; }
   div.msp_TaskTable table thead,
   div.msp_TaskTable table tbody,
   div.msp_TaskTable table tr,
   div.msp_TaskTable table-fixed td,
   .msp_TaskTable table-fixed th { display: block; }
   .sv-title-controls-bar { padding: 10px 0; }
   .sv-title-controls-bar div.sv-section-title div.title-wrapper div.page-title { font-weight: 700; padding-top: 10px; text-align: center; }
   .sv-title-controls-bar div.page-title-line-2 { padding-bottom: 10px; text-align: center; }
   .sv-title-controls-bar div.sv-page-options { left: 10px; padding-top: 10px; position: absolute; }
   .sv-title-controls-bar div.sv-title-controls-title { text-align: center; }
   .sv-title-controls-bar div.sv-title-controls-title span.title-line-1 { display: block; font-weight: 600; }
   .sv-title-controls-bar div.sv-title-controls-title span.title-line-2 { display: block; font-size: 13px; }
   .sv-title-controls-bar div.sv-title-controls-left { text-align: left; }
   .sv-title-controls-bar div.sv-title-controls-right { text-align: right; }
   .box-inner .box-inner { position: relative; }
   .tableTitle { display: block; font-weight: 500; text-align: center; }

   /*****Schedule Analysis Viewwidth*******/
   div#pn-sched-comp { width: 987px !important; margin:0 auto;}
   div.container.contentWrap.sv-critical-path { min-width: 100% !important; width: 100% !important; }
   nav.navbar.sv-top-main-nav li.nav-item.dropdown.sv-user-top-level-link a { padding: 0 10px; text-decoration: none; }
   nav.navbar.sv-top-main-nav li.nav-item.dropdown.sv-user-top-level-link { min-width: 170px; padding-right: 17px; text-align: right; }
   nav.navbar.sv-top-main-nav { background: #027A0E; }
   nav.navbar.sv-top-main-nav i { font-size: 20px !important }

   /*** Dashboard Side Nav ****/
   nav.nav-side-menu .menu-list { padding-bottom: 120px !important; }
   nav.nav-side-menu .toggle-btn { display: none; }
   nav.nav-side-menu { color: #fff; font-weight: 400; height: 100%; top: 0px; width: 280px; }
   nav.nav-side-menu ul li a.menu-list-item { height: 35px !important; font-size: 15px; }
   nav.nav-side-menu.bar1 ul.menu-content li { height: 35px !important }
   nav.nav-side-menu { color: #fff; font-weight: 400; height: 100%; top: 0px; width: 280px; }
   nav.nav-side-menu a.menu-list-item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 230px !important; display: inline-block; margin: 0px !important; line-height: 32px; }
   nav.nav-side-menu ul li { position: relative; height: inherit !important; }
   nav.nav-side-menu ul li a.sv-edit-project { position: absolute; height: 34px; line-height: 10px; line-height: 35px; text-align: center; width: 35px !important; right: -5px; }
   nav.nav-side-menu ul li a.sv-edit-project:hover { background: #eee; float: right; }
   /** SideBar Brand Header **/
   .bar1 .brand .sv-block-3 a.archive-toggle { text-align: center; height: 40px; width: 40px; display: inline-block; line-height: 38px }
   .bar1 .brand .sv-block-1 a { text-align: left; height: 40px; width: 30px; padding-left: 5px; display: inline-block; line-height: 38px }
   .bar1 .brand .sv-block-2 { line-height: 36px; }
   .bar1 .brand { height: 50px; line-height: 24px; padding-bottom: 10px; font-size: 18px !important; }
   .bar1 .brand a.archive-toggle { color: #fff !important; }
   .desktop-hide { display: none; }
   table.sv-index-table td { height: 37px !important }
   table.sv-index-table td label.k-form-field { margin-top: 3px !important; margin: 0; width: 20px; text-align: center }
   table.sv-index-table { font-size: 14.5px }
   /**** Main Col Dashboard Brand *****/
   .bar2 .sv-block-1 a .sv-txt-link.del-project { display: inline-block; width: 25px; height: 25px; vertical-align: top; margin-top: 5px }
   .bar2 .sv-block-1 a span.add-project { display: inline-block; width: 25px; height: 25px; text-align: center; vertical-align: middle; margin-top: 5px }
   .bar2 .sv-block-1 span.sv-txt-link.move-project { display: inline-block; width: 35px; height: 25px; text-align: center; vertical-align: top; margin-top: 5px }
   .bar2 .sv-block-1 span.sv-txt-link.publish-project { display: inline-block; width: 25px; height: 25px; text-align: center; vertical-align: top; margin-top: 4px; font-size: 17px; }
   .bar2 { height: 38px !important; }
   .bar2 { position: relative }
   .bar2 .bar2-title { position: absolute; left: 0; right: 0; margin: 0 auto; width: 130px; top: 3px; font-size: 18px }
   .bar2 .sv-menu-header div.sv-block-3 { margin-left: 250px !important; padding-right: 10px }
   .bar2 a#dropdown05x.nav-link { display: inline-block; height: 38px !important; font-size: 7pt; padding-bottom: 8px !important; display: inline-block; line-height: 1px !important; padding-top: 2px; margin-top: 2px; margin-left: -3px !important }
   .bar2 a#dropdown05x.nav-link span.dropdown-toggle-1 i { padding-left: 2px }
   .bar2 .d-flex.sv-menu-header.bd-highlight .sv-block-3 { }
   .bar2 .d-flex div.p-2.text-right { margin-top: -7px !important; }
   .bar2 .d-flex.sv-menu-header .sv-block-1 i.fas.fa-minus { font-size: 19px; padding: 3px; margin-left: 6px; }
   .bar2 .d-flex.sv-menu-header .sv-block-1 i.fa-arrow-right { font-size: 19px; padding: 3px; padding: 3px; margin-left: 5px; }
   .bar2 .d-flex.sv-menu-header .sv-block-1 i.fa-plus { font-size: 19px; padding: 3px; margin-left: 5px; }
   a#dropdown05x.nav-link
   span.dropdown-toggle-1 i { width: 19px; padding-right: 2px }
   .desktop-hide { display: none; }
   div.schedules-warning { display: block; padding: 40px 0; text-align: center; margin-top: 400px !important; }
   div.svj-main-col div.sv-menu-header div.sv-block-3 { padding-right: 20px !important; }


   /*****  __Schedule_Details Page *****/
   .sv-analysis-print .scroll-table-wrap { border-top: solid 0px #FFF; margin-top: 20px; }
   .sv-schedule-details .sv-analysis-print div.scroll-table-wrap #table-scroll { margin: 0px auto; padding: 0px; height: inherit !important; overflow-x: hidden !important; overflow-y: auto; border-bottom: 5px solid #fff !important }
   .sv-schedule-details { padding: 0; font-size: 14px; }
   .sv-schedule-details .sv-analysis { min-width: 100% !important; margin: 0 !important; padding: 0 !important; margin-left: -0 !important; display: table }
   .sv-schedule-details .sv-analysis div.col1 { border-right: 5px #fff solid; display: table-cell; width: 50%; }
   .sv-schedule-details .sv-schedule-details div.sv-analysis div.col2 { border-left: 5px #fff solid; display: table-cell; width: 50%; }
   .sv-schedule-details .sv-analysis table a { text-decoration: none; }
   .sv-schedule-details .sv-analysis table { margin-bottom: 10px; width: 100% }
   .sv-schedule-details .sv-analysis table tbody { background: #eee; margin-bottom: 10px; }
   .sv-schedule-details .sv-analysis table.datesTable thead tr th { background: #DDD; font-weight: normal; height: 35px; padding-left: 10px; }
   .sv-schedule-details .sv-analysis table.datesTable { width: 100%; }
   .sv-schedule-details .sv-analysis table.countsTable td.column-1 a { color: #333; padding-left: 10px; }
   /*.sv-schedule-details .sv-analysis table.datesTable { border-bottom: solid 10px #eee; }*/
   .sv-schedule-details .sv-analysis table.countsTable { width: 100%; }
   .sv-schedule-details .sv-analysis table.datesTable td.column-1 { width: 180px; }
   .sv-schedule-details .sv-analysis table.datesTable td.column-2 { width: 220px; }
   .sv-schedule-details .sv-analysis table.datesTable td.column-1 a { color: #333; padding: 10px; text-decoration: none; }
   .sv-schedule-details .sv-analysis table.countsTable thead tr th { background: #ddd; font-weight: normal; height: 35px; padding-left: 10px; }
   .sv-schedule-details .sv-analysis table.countsTable { border-bottom: solid 10px #eee; }
   .sv-schedule-details .sv-analysis table.countsTable tbody tr td.column-1 { width: 180px; }
   .sv-schedule-details .sv-analysis table.countsTable tbody tr td.column-2 { text-align: right; width: 65px; }
   .sv-schedule-details .sv-analysis table.countsTable tbody tr td.column-3 { text-align: right; width: 65px; }
   .sv-schedule-details .sv-analysis table.countsTable tbody tr td.column-4 { text-align: center; width: 45px; }
   .sv-schedule-details .sv-schedule-details div.sv-analysis table.countsTable tbody tr td.column-5 { text-align: center; width: 45px; }
   .sv-schedule-details .sv-analysis table.countsTable td.column-1 a { color: #333; padding: 10px; text-decoration: none; }
   .sv-schedule-details .sv-analysis .msp_TaskTable { margin-bottom: 10px; padding-bottom: 30px !important; }
   .sv-schedule-details .sv-title-controls-bar.sv-details-bar { max-width: 100%; margin: 0; padding: 0; margin: 10px 0 5px 0; }
   .sv-schedule-details .sv-details-bar .sv-title-controls-title .title-line-1 { max-width: 98%; margin: 0 auto }

   .scroll-table-wrap { border: solid 1px #ccc; padding: 0px; width: 800px; margin: 0 auto }
   .scroll-table-wrap #table-scroll { position: relative; margin: 0px auto; padding: 0px; height: 200px; overflow-x: hidden; overflow-y: auto; border-bottom: 5px solid #fff !important }
   .scroll-table-wrap #table-scroll .content { width: 100%; margin-left: 0px; padding-bottom: 10px; border-bottom: 10px solid #fff !important }

   table.table-head.task-details-table thead tr th.column-1 { min-width: 100px !important; }
   table.table-head.task-details-table thead tr th.column-1 { /*background:#F9C2C9;*/ width: 130px !important; padding-left: 3px; }
   table.table-head.task-details-table thead tr th.column-2 { /*background:#C2E2ED;*/ width: 480px; padding-left: 3px; }
   table.table-head.task-details-table thead tr th.column-3 { /*background:#A2EFA2;*/ width: 140px; padding-left: 3px; }
   table.table-head.task-details-table thead tr th.column-4 { /*background:DarkSeaGreen;*/ width: 139px; padding-left: 3px; }
   table.table-head.task-details-table { margin: 0 auto }
   .scroll-table-wrap .sv-tasktable-head span.tableTitle { display: block; text-align: center; font-size: 15px; }
   .scroll-table-wrap { margin: 0 auto; width: 850px; margin: 0px auto; background: #fff; border: solid 1px #ccc; }
   .scroll-table-wrap thead { background: #EEEEEE; border-bottom: solid 1px #ccc; }
   .scroll-table-wrap .tableDesc { padding: 10px; display: block; }
   .scroll-table-wrap .tableTitle { background: #ddd; display: block; height: 35px; line-height: 36px; text-align: center; }
   .scroll-table-wrap div.sv-tasktable-head th { font-weight: 400; }
   table.task-details-table td.column-1 { overflow: hidden; padding-left: 10px; width: 130px; padding-left: 3px; }
   table.task-details-table td.column-2 { overflow: hidden; width: 480px; padding-left: 3px; }
   table.task-details-table td.column-3 { overflow: hidden; width: 119px; padding-left: 3px; }
   table.task-details-table td.column-4 { overflow: hidden; width: 160px; padding-left: 3px; }
   table.task-details-table { border-top: solid 1px #ccc; font-size: 13px !important; }
   table.task-details-table tbody > tr:nth-child(odd) { background-color: #f8f8f8; border-bottom: solid 1px #ccc; }
   table.task-details-table tbody > tr:nth-child(even) { background-color: #fff; border-bottom: solid 1px #ccc; }
   table.task-details-table tbody { overflow-y: auto; width: 100%; }
   .ps__rail-x, .ps__rail-y { opacity: 0.6; }
   /*****  /__Scroll Task Table *****/
   .container.contentWrap.analysisWrap.sv-schedule-details .row.sv-title-controls-bar.sv-details-bar div.sv-title-controls-right { min-height: 35px; min-width: 120px; padding: 0px; }
   .container.contentWrap.analysisWrap.sv-schedule-details .row.sv-title-controls-bar.row.sv-title-controls-bar.sv-details-bar div.sv-title-controls-left {; min-height: 35px; padding: 0px !important; }
   .container.contentWrap.analysisWrap.sv-schedule-details .col-md-8 sv-title-controls-title.sv-details-bar div.sv-title-controls-left { height: 35px; }
   .container.contentWrap.analysisWrap.sv-schedule-details .row.sv-title-controls-bar.sv-details-bar .btn { width: 55px; text-align: center; padding: 4px 3px; }
   .container.contentWrap.analysisWrap.sv-schedule-details div.col-md-8.sv-title-controls-title { }
   .container.contentWrap.analysisWrap.sv-schedule-details,
   .container.sv-analysis { max-width: 850px; }
   .pricing.card-deck h1 { font-size: 37px !important; display: block; }
   html { position: relative; min-height: 100%; }

   /*** ENTERPRISE TABLES  COLS ****/
   table.project-dashboard col.enterprise-dashboard-table-col-1 { width: 200px; }
   table.project-dashboard col.enterprise-dashboard-table-col-2 { width: 150px; }
   table.project-dashboard col.enterprise-dashboard-table-col-3 { width: 100px; }
   table.project-dashboard col.enterprise-dashboard-table-col-4 { width: 100px; }
   table.project-dashboard col.enterprise-dashboard-table-col-6 { width: 120px; }
   table.project-dashboard col.enterprise-dashboard-table-col-9 { width: 70px; }
   table.project-accordion col.enterprise-dashboard-table-col-1 { width: 280px; }
   table.project-accordion col.enterprise-dashboard-table-col-2 { width: 100px; }
   table.project-accordion col.enterprise-dashboard-table-col-3 { width: 100px; }
   table.project-accordion col.enterprise-dashboard-table-col-5 { width: 120px; }
   table.project-accordion col.enterprise-dashboard-table-col-8 { width: 70px; }


   /**********************************************/
   /******* End Desktop *********/
   /**********************************************/
}

/**********************************************/
/******* Start Responsive *********/
/**********************************************/
body#ParamCustomize div#bodyWrapOuter { height: 100%; height: auto !important; margin: 0 auto -40px; min-height: 100%; }
body#ParamCustomize div.threeBarSpacer { height: 60px !important; }
body#ParamCustomize #push { height: 1px; }
body#ParamCustomize .footer { height: 30px !important; }
body#ParamCustomize div.threeBarSpacer { height: 80px; }

/*****Schedule Analysis View Dashbord Style*******/
table.comp-hdr td { border: solid 1px #ccc; background: #fff; }
div#pn-sched-comp .msp_compare-h table.comp-hdr tbody tr td.sched_title span { padding: 5px 10px; display: block; }
div#pn-sched-comp .msp_compare-h table.comp-hdr tbody tr td.sched_title { font-weight: 600; text-transform: uppercase; text-align: center }
div#pn-sched-comp table.comp-hdr tbody tr td.sched_title { text-align: center; font-weight: 600; }
div#pn-sched-comp table.comp-hdr tbody tr td.sched_date { text-align: center }
div#pn-sched-comp table { width: 95%; margin: 10px auto; font-size: 14px; border: solid 1px #CcC; }
div#pn-sched-comp table thead { background: #DDDDDD; text-align: left; text-transform: uppercase; font-size: 13px; }
div#pn-sched-comp .msp_TaskTable-p thead th { border: solid 1px #ccc; height: 20px; font-weight: normal !important; }
div#pn-sched-comp .msp_TaskTable-p table tbody td { vertical-align: top; border: solid 1px #ccc }
div#pn-sched-comp .msp_TaskTable-p thead th { font-weight: 400 !important; border: solid 1px #Ccc; background: #DDDDDD; }
div#pn-sched-comp td.sched_divider { text-align: center; width: 60px; }
div#pn-sched-comp table.comp-hdr,
div#pn-sched-comp .msp_TaskTable-p table { background: #fff; }
div#pn-sched-comp .msp_TaskTable-p table tr:nth-child(odd) { background-color: #eee !important; }
div#pn-sched-comp .msp_TaskTable-p tbody tr:nth-child(even) { background-color: #fff !important; }
div#pn-sched-comp fieldset { border: solid 1px #ccc; margin: 20px auto; }
div#pn-sched-comp table { border-collapse: collapse; }
div#pn-sched-comp div.legend-outer { text-align: center; text-transform: uppercase; font-weight: 600; }
div#pn-sched-comp .msp_TaskTable-p table th span { padding-left: 3px; height: 20px; display: inline-block; padding-top: 2px; }
div#pn-sched-comp .msp_TaskTable-p table td span { padding-left: 3px; height: 20px; display: inline-block; font-size: 13px }
div#pn-sched-comp table th span,
div#pn-sched-comp table td span { padding: 0px 3px; }

.right-icon { float: right; width: 25px; }
.right-icon a.tipIcon { display: block; float: left; }
a.edit-param-link { display: block; float: right; margin-right: -2px !important; }
.readerBoxDiv.ana-section,
.params-table { display: table; margin: 5px; margin-top: 7px; width: 100%; }
.params-row { display: table-row; padding-bottom: 3px !important; }
.params-cell { display: table-cell; }
.params-title { border-bottom: solid 1px #ccc; clear: both; display: block; font-size: 11px !important; font-weight: bold; height: 15px; line-height: 11px; padding-bottom: 1px; text-transform: uppercase; }
.params-cell.cell-four input[type="number"] { border: 1px solid #ccc; border-radius: 3px; width: 60px; }
.param-spacer { clear: both; display: block; height: 21px; }
.params-set { background: #eee; border: solid 1px #ccc; border-radius: 5px; display: block; float: left; height: 130px; margin: 4px; margin-bottom: 5px; padding: 5px; width: 200px; }
.readerBoxDiv.nav-controls { background: #fff; }
.readerBoxDiv.nav-controls .formControlsLeft { border-top: solid 1px #E3E3E5; margin: 0 auto; padding: 20px 0; text-align: center; width: 100%; }
html body div.container-fluid { padding: 35px 0; }
.push { height: 00px; width: 100%; }
.readerBoxDiv.nav-controls .formControlsLeft { clear: both; display: block; padding-top: 20px; text-align: center; widTh: 100%; }
.readerBoxDiv.nav-controls,
.formControlsLeft { clear: both; padding-top: 20px; text-align: center; widTh: 100%; }

.footer a { color: #027A0E !important; text-decoration: none; }
#push, #footer { height: 70px; font-size: 12px; background: #fff; }
#footer ul { font-size: 12px; padding: 7px 0 0px 0px; text-align: center; display: none }
#footer p { font-size: 11px; text-align: center; width: 100%; }
#footer ul li { display: inline-block; padding: 0 3px; }
#footer span#social-icons { display: block; margin-bottom: 3px; text-align: center; width: 100%; }
.footer center a { font-size: 12px; }
footer a { color: green }

ul.navbar-nav.user-top-menu.mr-right-auto { width: 200px; }
.sv-user-txt { display: inline-block; }
nav.navbar.navbar-expand-sm.navbar-light.bg-light.sv-top-main-nav { height: 50px; padding: 0; }
h2.sv-title-general { border-bottom: none; margin: 10px auto; max-width: 1100px; padding-bottom: 15px; }
nav.sv-top-main-nav a { color: #fff !important; }
nav.sv-top-main-nav a.navbar-brand { padding-left: 10px; }
.readerBoxDiv.ana-section div.publishProj { border: solid 2px green; display: block; margin-top: 30px; min-height: 300px; }
.readerBoxDiv.ana-section div.publishProj span.pubProj { border: solid 2px #ccc; display: block; min-height: 300px; padding: 10px; }
.params-cell input { text-align: right; }
.readerBoxDiv.ana-section .publishProj { display: block; }
.readerBoxDiv.narrative { width: 100% !important; }
div.k-button.k-upload-button { background-color: #039411; color: #fff; font-size: 13px; margin-left: 0; }

.col-md-4.sv-side-col { background: #f5f5f5; padding: 10px; }
.sv-side-col li { clear: both; display: block; height: 34px; width: 100%; }
.sv-side-col li a { padding: 10px; }
i.fas.fa-toggle-on { padding-right: 4px; }

.param-wrap { display: block; margin: 0 auto; margin: 150px; }
.params-table { display: table; margin: 5px; margin-top: 7px; width: 100%; }
.params-row { display: table-row; padding-bottom: 3px !important; }
.params-cell { display: table-cell; }
.params-title { border-bottom: solid 1px #ccc; clear: both; display: block; font-size: 11px !important; font-weight: bold; height: 15px; line-height: 11px; padding-bottom: 1px; text-transform: uppercase; }
.param-wrap span.right-icon { float: right; }
.params-table .params-cell.cell-one { width: 20px; }
.params-table .params-cell.cell-two { width: 53px; }
.params-table .params-cell.cell-three { width: 60px; }
.params-table .params-cell.cell-four { width: 80px; }
.params-table .params-cell.cell-five { text-align: right; }
.params-cell.cell-four input[type="number"] { border: 1px solid #ccc; border-radius: 3px; width: 60px; }
.params-cell.cell-four .k-input-inner { border: 1px solid #ccc; border-radius: 3px; width: 60px; height:26px;}
.param-spacer { clear: both; display: block; height: 21px; }
.params-set { background: #eee; border: solid 1px #ccc; border-radius: 5px; display: block; float: left; height: 140px; margin: 4px; margin-bottom: 5px; padding: 5px; width: 200px; }
.right-icon { float: right; width: 25px; }
.right-icon a.tipIcon { display: block; float: right; }
.readerBoxDiv.ana-section div.publishProj { border: solid 2px green; display: block; margin-top: 30px; min-height: 300px; }
.readerBoxDiv.ana-section div.publishProj span.pubProj { border: solid 2px #ccc; display: block; min-height: 300px; padding: 10px; }
.params-cell input { text-align: right; }
.readerBoxDiv.narrative { width: 100% !important; }

.narrative-box { margin-top: 30px; }
.ana-narratives-inner textarea { border: solid 1px #ccc; display: block; padding: 1em; width: 100%; }
.narrative-box div.narrative-header { background: #eee; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-top: 1px solid #ccc; font-size: 15px; height: 40px; line-height: 37px; padding-left: 10px; }
.narrative-box { margin-top: 30px; }
.ana-narratives-inner textarea { border: solid 1px #ccc; display: block; padding: 1em; width: 100%; }
.project-settings-editor .card button { text-align: left; width: 100%; }
.project-settings-editor .card button:hover { text-decoration: none }
.project-settings-editor .card button:focus { text-decoration: none }
.project-settings-editor .card div.card-header { padding: 2px; }
.project-settings-editor .card bootstrap-collapse { padding-bottom: 20px; }
.readerBoxDiv.nav-controls .formControlsLeft { clear: both; display: block; padding-top: 20px; text-align: center; widTh: 100%; }

/***subscribe top Nav button***/
.btn.btn-primary.btn-subscribe {
    line-height: 1.2;
    width: 140px;
    margin-left: 2rem;
    margin-right: 2rem;
    display: flex;
    flex-direction: column;
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}
.btn.btn-primary.btn-subscribe span { font-style: italic }
span.pro-txt-label { font-size: 15px; font-style: italic; padding-right: 0px; line-height: 1px; height: 30px; }

.subscribe-trial { font-size: 9px; }

/***NEW HOME SECTION***/
section { padding: 60px 0; }
section .section-title { margin-bottom: 50px; text-align: center; text-transform: uppercase; }


img.card-img-top { background-color: #4CAF50 }
span.img-wrap-icon { display: block; padding: 20px 10px 30px 10px; }
div.pn-feature-row-title h2 { font-weight: 300; text-align: center; line-height: 2em; border-bottom: dotted 1px #ccc; margin-bottom: 25px; text-transform: uppercase; }
.flip-front span { display: block; padding: 20px 10px 30px 10px; }

/*******   Home Section 4 *********/
.dropdown-item { font-size: 14px; }
.no-padding { padding: 0; }
a.btn.btn-md.btn-primary { color: #fff !important; }
.jcontainer { border-radius: 6px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); display: inline-block; margin-bottom: 30px; position: relative; }

/******* General Home Page Section Styles *********/
p.card-text { font-weight: 300; }
h2.sv-intro-title { font-weight: 300; text-align: center; line-height: 2em; border-bottom: dotted 1px #ccc; margin-bottom: 25px; text-transform: uppercase; }
.sv-btn-wrap { display: block; width: 98%; margin: 10px 15px 0px 10px; }
.sv-graphic img { height: 330px; }
section .section-title { margin-bottom: 50px; text-align: center; text-transform: uppercase; }
section.section-title { margin-bottom: 50px; text-align: center; text-transform: uppercase; }
p.sv-intro-p { font-size: 16px; font-weight: 300; }
section { padding: 60px 0; }
section.sv-home-section-4h,
section { padding: 10px; }
section.section-4h div.row.my_featureRow div.col-xs-12.col-sm-4.my_feature,
div.col-xs-6.col-sm-6.my_planFeature.my_plan1,
div.col-xs-6.col-sm-6.my_planFeature.my_plan2 { border-bottom: solid 1px #eee; height: 40px; line-height: 2.5em; }

/** Feature Row ***/
.row.my_featureRow { border-bottom: solid #eee 1px; height: 40px; padding: 10px 0; }
.row.my_featureRow { border-bottom: solid #eee 1px; height: 40px; padding: 10px 0; }
.row.my_featureRow { border-bottom: solid #eee 1px; height: 40px; padding: 10px 0; }
.row.my_featureRow i { color: #027A0E; }
.row.my_featureRow.hdr { color: #027A0E; }

/*******   Home Section 1 *********/
.testimonial-slider .carousel.slide .carousel-inner .carousel-item { background: #fff; border-radius: 5px !important }
section.sv-home-section-1 { padding: 10px; }
section.sv-home-section-1 img.card-img-top { background-color: #4CAF50; }
section.sv-home-section-1 .card { min-height: 350px; }
span.btn-wrap { display: block; width: 100%; text-align: center }

/*******   Home Section 2 *********/
section.sv-home-section-2 { padding: 10px; }
section.sv-home-section-2 .box-icon span { color: #4CAF50; display: table-cell; text-align: center; vertical-align: middle; }
section.sv-home-section-2 .sv-flipbox-type-1:hover { border-color: #777; transition: 0.5s; }
section.sv-home-section-2 .flip-front { background: #fff; border-bottom: 13px solid #4CAF50; bottom: 0px; height: 210px; padding: 15px; position: relative; transition: all 0.5s ease; width: 100%; z-index: 10; }
section.sv-home-section-2 .box-icon { background-color: #f5f5f5; border-radius: 50%; display: table; height: 100px; margin: 0 auto; margin-top: -61px; width: 100px; }
section.sv-home-section-2 .sv-flipbox-type-1 img { border-radius: 50%; margin-bottom: 20px; width: 70px; }
section.sv-home-section-2 .sv-flipbox-type-1 p { font-size: 14px; font-weight: 300 !important; margin-bottom: 0; }
section.sv-home-section-2 .sv-flipbox-type-1:hover .flip-front { bottom: -260px; transition: all 0.5s ease; }
section.sv-home-section-2 .sv-flipbox-type-1 { background: #fff; border-radius: 0px; height: auto; margin-bottom: 28px; overflow: hidden; position: relative; text-align: center; transition: 0.5s; width: 100%; }
section.sv-home-section-2 .sv-flipbox-type-1 h3 { font-size: 20px; font-weight: 700; }
section.sv-home-section-2 .flip-back { background: #4CAF50; border-bottom: 15px solid #2E9646; color: #fff; font-size: 16px; height: 210px; left: 0; padding: 5px 15px 0 15px; padding-top: 20px; position: absolute; text-align: left; top: 0; width: 100%; }

/*******   Home Section 3 *********/
section.section-3 { background-color: #f5f5f5; padding-bottom: 5rem; padding-top: 4rem; }
section.section-3 .display-5 { font-family: 'Source Sans Pro',sans-serif; font-size: 1.4rem; font-weight: 400; }
section.section-3 .mbr-bold { font-weight: 700; }
section.section-3 .mbr-iconfont { font-size: 4.5rem !important; margin: 1rem; padding-right: 1rem; color: #4CAF50 }
section.section-3 .mbr-section-title3 { text-align: left; }
section.section-3 .vcenter { margin: auto; }
section.section-3 div.sv-promo-box { background: white; border-radius: 0.5rem; box-shadow: 4px 3px 10px -5px rgba(0,0,0,0.1); display: flex; margin-bottom: 2rem; padding: 1rem 1rem 1rem 1rem; min-height: 150px }
section.section-3 div.sv-promo-box p { line-height: 25px; padding-bottom: 0.5rem; padding-top: 0.5rem; }
section.section-3 div.sv-promo-box .ico-wrap { margin: auto; }
section.section-3 { padding: 10px }
section.section-3 p { font-weight: 300 !important; }
section.section-3 div.sv-promo-box h4.tx-card-title { font-weight: 300 !important; }
footer { position: absolute; bottom: 0px; width: 100%; height: -150px; overflow: hidden; background: #F5F5F5; padding-top: 10px !important; }

.title-pro { font-style: italic; }
footer { position: absolute; bottom: 0px; width: 100%; height: -150px; overflow: hidden; background: #F5F5F5; padding-top: 10px !important; }
.push { height: 20px }
.readerBoxDiv.narrative { width: 100% !important; }
.narrative-box { margin-top: 30px; }
.ana-narratives-inner textarea { border: solid 1px #ccc; display: block; padding: 1em; width: 100%; }
.svj-main-col .bar2 { margin-top: 2px; height: 39px }

/*** FlipBox Component ***/
.mainflip .backside { position: absolute; top: 0; left: 0; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.frontside, .backside { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 1s; -webkit-transform-style: preserve-3d; -moz-transition: 1s; -o-transition: 1s; transition: 1s; transform-style: preserve-3d; }
.frontside, .backside { backface-visibility: hidden; -moz-backface-visibility: hidden; }
.image-flip:hover .backside,
.image-flip.hover .backside { -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }
.image-flip:hover .frontside,
.image-flip.hover .frontside { -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }

.scheduleTrendsTable span.tableTitle { background: #ddd; display: block; text-align: center; font-size: 16px; }
.scheduleTrendsTable { margin: 10px auto 10px auto; border-radius: 5px; background: #fff; padding: 0px; position: relative; }
.scheduleTrendsTable table { margin-top: 0px; }
.scheduleTrendsTable table tr td { padding: 5px; font-weight: 400; }
.scheduleTrendsTable table tr { border-bottom: solid 1px #ccc; }
.scheduleTrendsTable table thead th { text-align: left; background: #E1DFDF; padding: 5px; }
.scheduleTrendsTable table thead { border-bottom: solid 1px #ccc; border-bottom: 0; }
.scheduleTrendsTable table { border: solid 1px #ccc; font-weight: 300; font-size: 12px }
.scheduleTrendsTable table tbody > tr:nth-child(odd) { background-color: #f8f8f8 !important; }
.scheduleTrendsTable table tbody td:first-child,
.scheduleTrendsTable table thead th:first-child { border-right: 1px solid #ccc; }
.scheduleTrendsTable table thead { background: #E1DFDF; overflow: hidden !important; }
.scheduleTrendsTable table tbody td:nth-child(3) { border-left: solid 1px #ccc; padding: 5px 0px; text-align: center; width: 75px !important; }
.scheduleTrendsTable table thead th:nth-child(3) { border-left: solid 1px #ccc; margin-left: 20px !important; max-width: 92px !important; min-width: 92px !important; padding: 5px 0px; text-align: center; }
.scheduleTrendsTable table { width: 100%; }
.scheduleTrendsTable table { background: #fff; padding: 5px; }


/*******   Home Section 1 *********/
section.sv-home-section-1 { padding: 10px; }
section.sv-home-section-1 img.card-img-top { background-color: #4CAF50; }
section.sv-home-section-1 .card { min-height: 350px; }
span.btn-wrap { display: block; width: 100%; text-align: center }

/*******   Home Section 2 *********/
section.sv-home-section-2 { padding: 10px; }
section.sv-home-section-2 .box-icon span { color: #4CAF50; display: table-cell; text-align: center; vertical-align: middle; }
section.sv-home-section-2 .sv-flipbox-type-1:hover { border-color: #777; transition: 0.5s; }
section.sv-home-section-2 .flip-front { background: #fff; border-bottom: 13px solid #4CAF50; bottom: 0px; height: 210px; padding: 15px; position: relative; transition: all 0.5s ease; width: 100%; z-index: 10; }
section.sv-home-section-2 .box-icon { background-color: #f5f5f5; border-radius: 50%; display: table; height: 100px; margin: 0 auto; margin-top: -61px; width: 100px; }
section.sv-home-section-2 .sv-flipbox-type-1 img { border-radius: 50%; margin-bottom: 20px; width: 70px; }
section.sv-home-section-2 .sv-flipbox-type-1 p { font-size: 14px; font-weight: 300 !important; margin-bottom: 0; }
section.sv-home-section-2 .sv-flipbox-type-1:hover .flip-front { bottom: -260px; transition: all 0.5s ease; }
section.sv-home-section-2 .sv-flipbox-type-1 { background: #fff; border-radius: 0px; height: auto; margin-bottom: 28px; overflow: hidden; position: relative; text-align: center; transition: 0.5s; width: 100%; }
section.sv-home-section-2 .sv-flipbox-type-1 h3 { font-size: 20px; font-weight: 700; }
section.sv-home-section-2 .flip-back { background: #4CAF50; border-bottom: 15px solid #2E9646; color: #fff; font-size: 16px; height: 210px; left: 0; padding: 5px 15px 0 15px; padding-top: 20px; position: absolute; text-align: left; top: 0; width: 100%; }

/*******   Home Section 3 *********/
section.section-3 { background-color: #f5f5f5; padding-bottom: 5rem; padding-top: 4rem; }
section.section-3 .display-5 { font-family: 'Source Sans Pro',sans-serif; font-size: 1.4rem; font-weight: 400; }
section.section-3 .mbr-bold { font-weight: 700; }
section.section-3 .mbr-iconfont { font-size: 4.5rem !important; margin: 1rem; padding-right: 1rem; color: #4CAF50 }
section.section-3 .mbr-section-title3 { text-align: left; }
section.section-3 .vcenter { margin: auto; }
section.section-3 .sv-promo-box { background: white; border-radius: 0.5rem; box-shadow: 4px 3px 10px -5px rgba(0,0,0,0.1); display: flex; margin-bottom: 2rem; padding: 1rem 1rem 1rem 1rem; min-height: 150px }
section.section-3 .sv-promo-box p { line-height: 25px; padding-bottom: 0.5rem; padding-top: 0.5rem; }
section.section-3 .sv-promo-box .ico-wrap { margin: auto; }
section.section-3 { padding: 10px }
section.section-3 p { font-weight: 300 !important; }
section.section-3 .sv-promo-box h4.tx-card-title { font-weight: 300 !important; }

/*******   Home Section 4 ********/
section.sv-home-section-4 { padding: 0px; }
section.sv-home-section-4 .backside { background: white; box-shadow: 2px 7px 9px -4px rgb(158, 158, 158); left: 0; -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); position: absolute; top: 0; transform: rotateY(-180deg); -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158); -webkit-transform: rotateY(-180deg); }
section.sv-home-section-4 .frontside { box-shadow: 1px 3px 5px -2px rgb(158, 158, 158); margin-bottom: 30px; -ms-transform: rotateY(0deg); position: relative; -webkit-transform: rotateY(0deg); z-index: 2; }
section.sv-home-section-4 .backside .card a { color: #007b5e !important; font-size: 18px; }
section.sv-home-section-4 .box-icon { background: #00810A; background-color: #f5f5f5; border-radius: 50%; display: table; height: 70px; margin: 0 auto; width: 70px; }
section.sv-home-section-4 .box-icon span { color: #4CAF50; display: table-cell; text-align: center; vertical-align: middle; }
section.sv-home-section-4 .frontside { box-shadow: 1px 3px 5px -2px rgb(158, 158, 158); margin-bottom: 30px; -ms-transform: rotateY(0deg); position: relative; -webkit-transform: rotateY(0deg); z-index: 2; }
section.sv-home-section-4 .frontside .card .card-body img { border-radius: 50%; height: 120px; width: 120px; }
section.sv-home-section-4 .box-icon { background: #027A0E !important; margin-bottom: 20px }
section.sv-home-section-4 .box-icon .fa { color: #fff !important }
section.sv-home-section-4 .frontside .card,
section.sv-home-section-4 .backside .card { min-height: 212px; }
section.sv-home-section-4 .card-title { color: #007A09; }

.pro-txt-label-nonital { font-size: 15px; height: 30px; line-height: 1px; padding-right: 0px; }
.pro-txt-label { font-size: 15px; font-style: italic; height: 30px; line-height: 1px; padding-right: 0px; }

section.sv-section-4h { padding: 0px; }
table.sv-home-table td.sv-table-feat-title { text-align: left; }
section.sv-home-section-4h .content { width: 100% !important }
section.sv-home-section-4h table.sv-home-table { width: 100% !important }
section.sv-home-section-4h td.sv-tabl-feat-check { color: green; width: 50px !important }
section.sv-home-section-4h h1 { color: green }
section.sv-home-section-4h table.sv-home-table { width: 100% !important }
section.sv-home-section-4h .jcontainer { background: #fff; font-weight: 300 }
section.sv-home-section-4h { font-size: 16px; }
section.sv-home-section-4h .bs { border-radius: 6px; color: #444; display: inline-block; margin-bottom: 30px; padding-bottom: 30px; position: relative; width: 100%; }
section.sv-home-section-4h div.jcontainer .content { margin-bottom: 0px; padding: 15px 0; }
section.sv-home-section-4h .sv-sub-h2 { font-weight: 300; }
section.sv-home-section-4h table.sv-home-table td.sv-tabl-feat-check { text-align: center }
section.sv-home-section-4h td.sv-price-empty,
section.sv-home-section-4h td.sv-scribe-title { border-top: 1px #fff solid; color: green; }


.title-pro { font-style: italic; }
footer { position: absolute; bottom: 0px; width: 100%; height: -150px; overflow: hidden; background: #F5F5F5; padding-top: 10px !important; }
.push { height: 20px }
.readerBoxDiv.narrative { width: 100% !important; }
.narrative-box { margin-top: 30px; }
.ana-narratives-inner textarea { border: solid 1px #ccc; display: block; padding: 1em; width: 100%; }
.svj-main-col div.brand.sched-title.bar2 { margin-top: 2px; height: 39px }

/*** FlipBox Component ***/
.mainflip .backside { position: absolute; top: 0; left: 0; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.frontside, .backside { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 1s; -webkit-transform-style: preserve-3d; -moz-transition: 1s; -o-transition: 1s; transition: 1s; transform-style: preserve-3d; }
.frontside, .backside { backface-visibility: hidden; -moz-backface-visibility: hidden; }
.image-flip:hover .backside, .image-flip.hover .backside { -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform: rotateY(0deg); }
.image-flip:hover .frontside, .image-flip.hover .frontside { -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.scheduleTrendsTable .tableTitle { background: #ddd; display: block; text-align: center; font-size: 16px; }
.scheduleTrendsTable { margin: 10px auto 10px auto; border-radius: 5px; background: #fff; padding: 0px; position: relative; }
.scheduleTrendsTable table { margin-top: 0px; }
.scheduleTrendsTable table tr td { padding: 5px; font-weight: 400; }
.scheduleTrendsTable table tr { border-bottom: solid 1px #ccc; }
.scheduleTrendsTable table thead th { text-align: left; background: #E1DFDF; padding: 5px; }
.scheduleTrendsTable table thead { border-bottom: solid 1px #ccc; border-bottom: 0; }
.scheduleTrendsTable table { border: solid 1px #ccc; font-weight: 300; font-size: 12px }
.scheduleTrendsTable table tbody > tr:nth-child(odd) { background-color: #f8f8f8 !important; }
.scheduleTrendsTable table tbody td:first-child,
.scheduleTrendsTable table thead th:first-child { border-right: 1px solid #ccc; padding-left: 10px; }
.scheduleTrendsTable table thead { background: #E1DFDF; overflow: hidden !important; }
.scheduleTrendsTable table tbody td:nth-child(3) { border-left: solid 1px #ccc; padding: 5px 0px; text-align: center; width: 75px !important; }
.scheduleTrendsTable table thead th:nth-child(3) { border-left: solid 1px #ccc; margin-left: 20px !important; max-width: 92px !important; min-width: 92px !important; padding: 5px 0px; text-align: center; }
.scheduleTrendsTable table { width: 100%; }
.scheduleTrendsTable table { background: #fff; padding: 5px; }
.container.contentWrap div.chart-container canvas { height: 500px !important; max-width: 100%; }
.sched_title { width: 400px }
#myBtn, .toTopBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: green; color: white; cursor: pointer; padding: 15px; border-radius: 4px; }
#myBtn:hover, .toTopBtn:hover { background-color: lightGreen; }
div.sv-analysis-print { width: 850px !important; margin: 0 auto }


/*** Orange Button ****/
.btn-orange { background: #F89C35; }
.btn-orange:hover { background: #F7AD59; }
.jcontainer { background: white; border: 1px solid #eee; border-radius: 0.5rem; box-shadow: 4px 3px 10px -1px rgba(0,0,0,0.1); display: flex; margin-bottom: 2rem; }

/*** PROJECT ENTERPRISE DASHBORD LIST ***/
.card { box-shadow: 0 !important; border: 0; }
.card:first-child { box-shadow: 0 !important; border: 0; }
.sv-projects-list .card-body { padding: 0 !important; border-radius: 0 !important; border: 1px solid #ddd; overflow: hidden }
.sv-projects-list .card-header { padding: 0 !important; border-radius: 0 !important; border: 0; text-align: left !important; }
.sv-project-dashboard .projects-top-nav div { padding-left: 20px }
.sv-projects-list .card .card-header bootstrap-button button { text-transform: capitalize; display: inline-block; width: 100%; box-shadow: 0 !important; text-align: left; border-radius: 0; margin-bottom: 1px !important;}
.sv-projects-list .card h5 button:focus { box-shadow: none !important; }
.sv-projects-list .card-header h5.mb-0 bootstrap-button i.fa-circle { display: inline-block; width: 20px; padding-left: 2px }
.sv-projects-list,
.sv-projects-list .card .sv-table-wrap { padding: 0px; margin: 0 auto; margin: 15px }
.sv-projects-list .card .sv-table-wrap table { margin: 15px auto; max-width: 100%; border: solid 1px #ddd !important }
table.project-accordion tr { height: 35px; }

table.project-accordion tr:hover { background: #eee }
table.project-accordion { table-layout: fixed; font-size: 14.5px; }
table.project-accordion th.cell-1 { border-right: 1px solid #cacaca; text-align: left !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion th.cell-2 { border-right: 1px solid #cacaca; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion th.cell-3 { border-right: 1px solid #cacaca; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion th.cell-4 { border-right: 1px solid #cacaca; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion th.cell-5 { border-right: 1px solid #cacaca; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion th.cell-6 { border-right: 1px solid #cacaca; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion th.cell-7 { border-right: 1px solid #cacaca; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion th.cell-8 { border-right: 0px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion th { background: #f2f2f2 !important; font-weight: normal }
table.project-accordion span { padding: 0 5px; }
table.project-accordion { padding: 0 !important }
table.project-accordion td { margin: 0; height: 30px; line-height: 32px }
table.project-accordion td.cell-1 { text-align: left !important; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion td.cell-1 span,
table.project-accordion td.cell-1 span a { display: block; }
table.project-accordion td.cell-1 span a:hover { text-decoration: none; }
table.project-accordion td.cell-2 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion td.cell-3 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion td.cell-4 { border-right: 1px solid #cacaca; padding-top: 2px !important; padding-left: 8px !important; padding-right: 8px !important; }
table.project-accordion td.cell-5 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion td.cell-4 .k-progressbar { width: 100% !important;  margin: 0 !important; }
table.project-accordion td.cell-6 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion td.cell-7 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-accordion td.cell-8 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

nav#side-navigation.nav-side-menu.bar1.ps.ps--active-x { overflow-y: hidden !important }

/***** ENTERPRISE DASHBOARD *******/
table.project-dashboard { margin-left: 0px; font-size: 14.5px; table-layout: fixed; }
table.project-dashboard td { padding: 0 !important; margin: 0; height: 30px; line-height: 30px }
table.project-dashboard thead th { background: #DDDDDD !important; font-weight: normal; border-bottom: solid #ccc 1px }
table.project-dashboard th.cell-1 { border-right: 1px solid #cacaca; text-align: left !important; white-space: nowrap; overflow: hidden; }
table.project-dashboard th.cell-2 { border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; }
table.project-dashboard th.cell-3 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard th.cell-4 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard th.cell-5 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard th.cell-6 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard th.cell-7 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard th.cell-8 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard th.cell-9 { text-align: left; border-right: 0px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard td.cell-1 span:last-of-type { background: repeat; }
table.project-dashboard td.cell-1 span a { width: calc(100% - 50px) !important; color: #1B7224; }
table.project-dashboard td.cell-1 span a:hover { color: #00890D }
table.project-dashboard td.cell-1 { position: relative; text-align: left !important; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 400px !important }
table.project-dashboard td.cell-2 { text-transform: capitalize; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard td.cell-3 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard td.cell-4 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard td.cell-5 { border-right: 1px solid #cacaca; padding-top: 2px !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 8px !important; padding-right: 8px !important; }
table.project-dashboard td.cell-5 .k-progressbar { width: 100% !important; margin: 0 !important; }
table.project-dashboard td.cell-6 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard td.cell-7 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard td.cell-8 { text-align: left; border-right: 1px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.project-dashboard td.cell-9 { text-align: left; border-right: 0px solid #cacaca; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

section.enterprise-table-section table.project-dashboard tr:hover { background: #eee; }
section.enterprise-table-section table.project-dashboard th span { padding: 0px 5px }
section.enterprise-table-section table.project-dashboard td span:first-child { padding: 0px 8px }
section.enterprise-table-section .projects-top-nav { padding: 0; margin: 0px auto; padding-left: 0; border-bottom: solid 1px #eee; height: 50px; padding: 10px 0 70px 0 !important; max-width: 97%; border-bottom: 1px solid #eee; margin-bottom: 30px }
section.enterprise-table-section .projects-top-nav .form-group { padding: 0 !important; display: inline-block; width: 100%; padding: 10px !important; }
section.enterprise-table-section .projects-top-nav .form-group .enterpise-update-date { float: right; height: 32px; line-height: 30px; padding-right: 7px; padding-left: 10px }
section.enterprise-table-section table.project-dashboard { border: solid 1px #ccc }
.report-update-label { font-weight: 600; padding-right: 5px }
table.project-dashboard td { padding: 4px 2px !important; height: 39px !important }
p.noPubWarn {
    font-family: Segoe UI, Sego UI Regular, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 14.5px;
}

section.enterprise-chart-section { background-color: #fff; padding: 0px; border-radius: 0.2rem; box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.1); border: solid 1px #eee; max-width: 98%; margin: 20px auto 20px auto; position: relative; }
section.enterprise-chart-section .k-content.archived-show-control { padding: 20px 0 0px 10px; margin: 0 0 20px 15px; max-width: 70% !important; }
section.enterprise-chart-section .enterprise-settings-control { text-align: right; position: absolute; right: 10px; top: 10px; z-index: 8 }
section.enterprise-chart-section .k-content.archived-show-control a.btn.btn-sm { background: #4CAF50; margin-top: 10px; margin: 10px 0px 10px 10px; margin-left: 0px; color: #fff; height: 30px; line-height: 22px; min-width: 170px }
section.enterprise-chart-section .k-content.project-enterprise-charts.k-content { text-align: center; width: 98%; }

section.enterprise-chart-section .k-content .k-chart { padding: 10px 0 10px 0 !important; }
section.enterprise-table-section { padding-bottom: 22px; padding-top: 0px }
section.enterprise-chart-section .k-content .k-chart svg { padding-top: 25px }
section.enterprise-chart-section .k-content .k-chart path { }
section.enterprise-chart-section .k-content .k-chart svg { border: 1px solid #eee; margin-bottom: 20px !important; height: 353px !important; }
table.project-dashboard { width: 99%; margin: 0 auto }
section.enterprise-table-section { background-color: #fff; padding: 10px 0px; border-radius: 0.2rem; box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.1); border: solid 1px #eee; max-width: 98%; margin: 20px auto 20px auto; position: relative; }

div.k-content.archived-show-control { min-width: 97% !important; margin: 0 auto 20px auto !important }

/**** PROJECT ATT TABLE (MODAL) *****/
table#sv-attachments-table{width:100%;border:solid 1px #ccc} 
table#sv-attachments-table th{border:solid 1px #ccc;background:#F0F0F0;}
table#sv-attachments-table th.th-date{text-align:left;width:110px}
table#sv-attachments-table th.th-title{text-align:left}
table#sv-attachments-table th.th-size{background:#F0F0F0;border:solid 1px #ccc;text-align:right;width:90px}
table#sv-attachments-table th.th-actions{background:#F0F0F0;border:solid 1px #ccc;text-align:center;width:90px}
table#sv-attachments-table td{background:#ffff;border:solid 1px #ccc;text-align:left}
table#sv-attachments-table th span{padding:5px}
table#sv-attachments-table td span{padding:5px}
table#sv-attachments-table td.td-title{text-align:left}
table#sv-attachments-table td.td-date{text-align:left;}
table#sv-attachments-table td.td-f-size{text-align:right;}
table#sv-attachments-table td.td-actions{text-align:center;}


/*----------------------- Kendo UI Overides ----------------------------*/

/*---Kendo GANTT Charts---*/
div#pn-sched-comp div.k-widget.k-gantt div.k-gantt-layout.k-gantt-timeline div.k-timeline.k-grid.k-widget div.k-grid-content div.k-gantt-tables table.k-gantt-tasks tbody tr:nth-child(odd) {
    padding: 0 !important;
    background: #ddd !important;
}

div#pn-sched-comp div.k-widget.k-gantt div.k-gantt-layout.k-gantt-timeline div.k-timeline.k-grid.k-widget div.k-grid-content div.k-gantt-tables table.k-gantt-tasks tbody tr:nth-child(even) {
    padding: 0 !important;
    background: #fff !important;
}

div#pn-sched-comp div.k-widget.k-gantt div.k-gantt-layout.k-gantt-timeline div.k-timeline.k-grid.k-widget div.k-grid-content div.k-gantt-tables table.k-gantt-tasks tbody tr td div.k-task-template {
    padding: 0 5px 0 5px;
    margin: 0 !important;
    font-size: 11px
}

div#pn-sched-comp div.gantt div.k-widget.k-gantt div.k-gantt-layout.k-gantt-treelist div.k-treelist.k-grid.k-widget div.k-grid-content table tbody tr:nth-child(odd) {
    padding: 0 !important;
    background: #ddd !important;
}

div#pn-sched-comp div.gantt div.k-widget.k-gantt div.k-gantt-layout.k-gantt-treelist div.k-treelist.k-grid.k-widget div.k-grid-content table tbody tr:nth-child(even) {
    padding: 0 !important;
    background: #fff !important;
}

div#pn-sched-comp div.gantt div.k-widget.k-gantt div.k-gantt-layout.k-gantt-treelist div.k-treelist.k-grid.k-widget div.k-grid-content table tbody tr td {
    padding: 0 !important;
}

div#pn-sched-comp div.gantt div.k-widget.k-gantt .k-header {
    background: #ddd
}

div#pn-sched-comp div.gantt div.k-widget.k-gantt div.k-floatwrap.k-header.k-gantt-toolbar ul.k-reset.k-header.k-gantt-views li.k-state-default {
    background: #027A0E;
    color: #fff
}

div#pn-sched-comp div.gantt div.k-widget.k-gantt div.k-floatwrap.k-header.k-gantt-toolbar ul.k-reset.k-header.k-gantt-views li.k-state-selected {
    background: #006000;
    color: #fff
}

div#pn-sched-comp div#ganttAB.k-widget.k-gantt div.k-gantt-layout.k-gantt-timeline div.k-timeline.k-grid.k-widget div.k-grid-content div.k-gantt-tables table.k-gantt-tasks tbody tr:nth-child(odd) .k-task div {
    background-color: #999 !important;
    color: #fff !important;
    border-radius: 5px;
}

div#pn-sched-comp div#ganttAB.k-widget.k-gantt div.k-gantt-layout.k-gantt-timeline div.k-timeline.k-grid.k-widget div.k-grid-content div.k-gantt-tables table.k-gantt-tasks tbody tr:nth-child(even) .k-task div {
    background-color: #ccc !important;
    color: #333;
    border-radius: 5px;
}

div#pn-sched-comp div#ganttBA.k-widget.k-gantt div.k-gantt-layout.k-gantt-timeline div.k-timeline.k-grid.k-widget div.k-grid-content div.k-gantt-tables table.k-gantt-tasks tbody tr:nth-child(odd) .k-task {
    background-color: #999 !important;
    color: #fff;
    border-radius: 5px;
}

div#pn-sched-comp div#ganttBA.k-widget.k-gantt div.k-gantt-layout.k-gantt-timeline div.k-timeline.k-grid.k-widget div.k-grid-content div.k-gantt-tables table.k-gantt-tasks tbody tr:nth-child(even) .k-task {
    background-color: #ddd !important;
    color: #333
}

.print-project-logo {
    max-width:200px !important;
}

.k-window-actions {
    margin: 0 !important;
}

.k-window {
    transform: unset !important;
}


/*-- Styling Updates May 2023 --*/
h2.admin-page-title {
    font-weight: 300;
    line-height: 1.7em
}

/* BEGIN Inline Text Spinner Animation */
@keyframes c-inline-spinner-kf {
    0% {
        transform: rotate(0deg);
    }

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

.c-inline-spinner,
.c-inline-spinner:before {
    display: inline-block;
    width: 11px;
    height: 11px;
    transform-origin: 50%;
    border: 2px solid transparent;
    border-color: #039411 #039411 transparent transparent;
    border-radius: 50%;
    content: "";
    animation: linear c-inline-spinner-kf 900ms infinite;
    position: relative;
    vertical-align: inherit;
    line-height: inherit;
}

.c-inline-spinner {
    top: 10px;
    margin: 0 6px;
}

    .c-inline-spinner:before {
        border-color: #039411 #039411 transparent transparent;
        position: absolute;
        left: -2px;
        top: -2px;
        border-style: solid;
    }
/* END Inline Text Spinner Animation */