/*!
     * DDE Style Sheet
     */

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding-top: 55px;
    min-width: 768px; /* suppose you want minimun width of 1000px */
    width: auto !important; /* Firefox will set width as auto */
    width: 768px; /* As IE ignores !important it will set width as 1000px; */
}
/*Fonts*/
/* BEGIN Light */

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Light/Roboto-Light.woff2?v=1.1.0") format("woff2"), url("../fonts/Light/Roboto-Light.woff?v=1.1.0") format("woff"), url("../fonts/Light/Roboto-Light.ttf?v=1.1.0") format("truetype");
    font-weight: 300;
    font-style: normal;
}
/* END Light */
/* BEGIN Regular */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("../fonts/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Regular/Roboto-Regular.woff2?v=1.1.0") format("woff2"), url("../fonts/Regular/Roboto-Regular.woff?v=1.1.0") format("woff"), url("../fonts/Regular/Roboto-Regular.ttf?v=1.1.0") format("truetype");
    font-weight: normal;
    font-style: normal;
}
/* END Regular */
/* BEGIN Bold */
@font-face {
    font-family: Roboto;
    src: url("../fonts/Bold/Roboto-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/Bold/Roboto-Bold.woff?v=1.1.0") format("woff"), url("../fonts/Bold/Roboto-Bold.ttf?v=1.1.0") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Bold/Roboto-Bold.woff2?v=1.1.0") format("woff2"), url("../fonts/Bold/Roboto-Bold.woff?v=1.1.0") format("woff"), url("../fonts/Bold/Roboto-Bold.ttf?v=1.1.0") format("truetype");
    font-weight: bold;
    font-style: normal;
}
/* END Bold */

.form-signin {
    max-width: 370px;
    padding: 30px;
    margin: 120px auto 0 auto;
    border-top: 3px solid;
}

.form-control {
    display: block;
    width: 100%;
    padding: 15px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    height: 100%;
    border: 1px solid;
    border-radius: 2px;
    margin: 10px 0 16px 0;
}

.login {
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 10px;
    display: inline-block
}

.form-signin a {
    font-weight: 400;
    margin-bottom: 15px;
    float: right;
    font-size: 12px;
}

.form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login-logo {
    position: absolute !important;
    margin-top: -108px !important;
    margin-left: 35px !important;
}

.form-signin p {
    padding: 10px 0 0;
}

.login-copyright {
    max-width: 370px;
    margin: 25px auto;
    text-align: center;
    text-transform: uppercase;
}

/*Links*/
a {
    text-decoration: none;
}

    a:hover,
    a:focus {
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

/*Buttons */
.btn-primary {
    border: 0px;
    border-radius: 0px;
    padding: 10px 30px;
    border-radius: 2px;
}

.btn-block {
    width: auto;
}

.btn-primary:hover {
    text-decoration: none;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-secondary {
    border: 0px;
    border-radius: 0px;
    padding: 10px 40px;
    border-radius: 2px
}

.btn-body {
    border: 0px;
    border-radius: 0px;
    padding: 9px 40px;
}

.sin-btn {
    font-size: 18px;
    padding: 11px 0;
    width: 100%
}

.slt-btn {
    font-size: 18px;
    max-width: 200px;
    margin: 0 auto
}

/* Landing page */
.navbar-default {
    border: 0;
    border-radius: 0;
}

.landing {
    position: absolute;
    left: 0;
    bottom: 0
}

.navbar-nav > li > a {
    padding-top: 23px;
    text-transform: uppercase;
}

.first-project {
    max-width: 350px;
    margin: 0 auto 40px;
    text-align: center;
    font-size: 16px;
    position: relative;
}

.welcome-title {
    text-align: center;
    padding: 50px 0 25px;
}

/* Header */
.nav {
    font-weight: 700;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: none;
    border-bottom: 4px solid;
    margin-bottom: 1px;
}

.dropdown-menu > li {
    padding: 0 10px
}

    .dropdown-menu > li > a {
        padding: 8px 0;
    }

.project-list-menu > li > a {
    display: block;
    padding: 8px 0px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
}

    .project-list-menu > li > a:focus, .project-list > li:hover {
        text-decoration: none;
        background: transparent;
    }

.project-list-menu li {
    padding: 0 10px;
}

.project-list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 288px;
    overflow-x: auto;
    float: left;
    max-height: 300px;
    width: 100%;
}

.dropdown-menu > li:last-child a {
    border: none;
}

.project-list-menu > li > a:focus, .project-list-menu li > a:hover {
    text-decoration: none;
    background: transparent;
}


.glyphicon {
    margin: 0 10px;
}

.navbar-nav > li > .project-dropdown {
    min-width: 265px;
    right: 0;
}

.project-view {
    width: 100%;
}

.drop-current {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
}

.title {
    font-size: 16px;
}

.project-view {
    padding: 15px 10px !important;
    float: left;
}

.project-view {
    background-color: #e7e7e7;
}

    .project-view:hover {
        background-color: #FBFBFB !important;
    }

.internal-menu li a {
    border-right: 1px solid;
    padding: 0 10px;
}

.internal-menu li:first-child a {
    padding-left: 0;
}

.internal-menu li:last-child a {
    padding-right: 0;
    border: 0
}

.dropdown-menu {
    padding: 0
}

.internal-menu {
    margin: 0;
    padding: 0;
    font-weight: 400;
    float: left;
}

    .internal-menu li {
        float: left;
        list-style: none;
        float: left;
        list-style: none;
        padding: 10px 0 5px;
    }

a.navbar-brand {
    margin-right: 20px;
}

.navbar {
    padding: 0;
    margin: 0
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    background: transparent;
}
/* Footer */
footer {
    width: 100%;
    padding: 15px 0;
    font-size: 12px;
    margin-top: 20px;
    float: left;
    z-index: 99;
    border-top: 1px solid;
}

.landing-footer {
    bottom: 0;
}

.powered {
    text-transform: uppercase;
}

.footer-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}

    .footer-nav li {
        padding: 0;
        float: left;
    }

        .footer-nav li a {
            padding: 0 10px;
            text-decoration: underline;
            text-transform: uppercase;
            border-right: 1px solid;
        }

        .footer-nav li:last-child a {
            padding-right: 0;
            border: 0
        }

/* Slider */
.carousel {
    height: 56%;
}

.item, .active, .carousel-inner {
    height: 100%;
}
/* Background images are set within the HTML using inline CSS, not here */
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.h1, h1 {
    font-size: 36px;
    font-weight: 700;
}

.page-head {
    border-bottom: 2px solid;
    padding: 4px 0 4px;
}

    .page-head h1 {
        font-size: 20px;
    }
/* Upload Page */
.wizard {
    float: left;
    width: 100%;
}
/*.wizard ul{margin: 0; padding:0; width: 100%; background-color: gray; list-style: none; float: left;}g
    .wizard ul li{margin: 0; padding: 0; float: left; padding: 20px 50px;}*/
.upload {
    width: 100%;
    float: left;
    text-align: center;
    padding: 50px 15px 20px;
    background-color: #FBFBFB;
    border: 1px dashed #CACACA;
    margin: 0 0 20px;
}

.supported {
    margin-top: 80px;
}

.ic-5x {
    font-size: 60px;
    clear: both;
    border-radius: 50%;
}

.head {
    font-size: 20px;
    padding: 15px 0;
}

.ic-2x {
    font-size: 20px;
}

/*------------------------------------------------------------------
    Begin [Steps Wizard]
    */

.steps ul {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-top: 0px solid;
    border-bottom: 1px solid;
}

.steps li {
    float: left;
    font-weight: 700;
}

    .steps li.level1 {
        z-index: 1;
    }

    .steps li.level2 {
        z-index: 2;
    }

    .steps li.level3 {
        z-index: 3;
    }

    .steps li div {
        font-size: 14px;
        padding: 9px 0 8px 65px;
        position: relative;
    }

.steps .group-btn {
    padding: 5px 25px;
}

.steps li:first-child div:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid #515151;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 0px;
    left: 100%;
    z-index: 1;
}

.steps li:first-child .current div:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 0px;
    left: 100%;
    z-index: 1;
}

.steps li div {
    padding-right: 25px !important
}


    .steps li div span {
        color: #515151;
        display: inline-block;
        margin-right: 10px;
        text-align: center;
        line-height: 32px;
        font-size: 14px;
    }

.steps .completed div span, .steps .current div span {
    color: #FFF;
}

.steps li.current div {
    background-color: #515151;
    color: #FFF
}

    .steps li.current div:after {
        border-left: 130px solid;
    }

.steps li:first-child div {
    padding-left: 35px;
}

.upload .k-button {
    border: 0px;
    border-radius: 0px;
    padding: 8px 30px;
    border-radius: 2px;
    width: auto;
    font-size: 17px;
    margin-left: 130px;
}

    .upload .k-button input {
        cursor: pointer !important
    }

.steps li.completed div {
    color: #FFF;
    background-color: #62bc4d;
}

    .steps li.completed div:before {
        border-left-color: #62bc4d
    }

/*--
    End [Steps Wizard]
    */

.morecontent span {
    display: none;
}

.info-bar {
    width: 100%;
    border: 1px solid;
    border-left: 4px solid;
    padding: 15px 50px 15px 20px;
    position: relative;
    text-align: left;
}

    .info-bar a {
        text-decoration: underline;
    }

.steps {
    margin: 0 0 20px 0;
}

.wrapper {
    min-height: 91%;
    height: auto !important;
    height: 100%;
    margin: 0 auto 0em;
}

/*Summary*/
.project-time {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 20px;
}

.left-nav-section-title {
    text-transform: uppercase;
    font-weight: 400;
    float: left;
    width: 100%;
    font-size: 12px;
    margin-bottom: 10px
}

.project-overview {
    padding-bottom: 20px;
    list-style: none;
    padding-left: 0;
}

    .project-overview li span {
        font-weight: 700;
        text-align: right;
        margin-right: 15px;
        font-size: 20px;
        width: 45px;
        float: left;
    }

    .project-overview li {
        padding: 5px 0;
        font-size: 16px;
    }

.sidebar-nav {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .sidebar-nav li {
        padding: 15px 10px 15px 0px;
        border-bottom: 1px solid;
        float: left;
        width: 100%;
        font-size: 12px;
        font-weight: 700;
    }

        .sidebar-nav li a {
            text-transform: uppercase;
            width: 100%;
            float: left;
        }

            .sidebar-nav li a:hover {
                text-decoration: none;
            }

.toggle-arrow {
    background-position: -289px -96px;
}

.collapsed .toggle-arrow {
    background-position: -312px -96px;
}

.sidebar-nav li .collapsed {
    text-transform: uppercase;
    width: 100%;
    float: left;
}

.sidebar-sub-nav {
    padding: 0;
    margin-right: 0;
    list-style: none;
}

    .sidebar-sub-nav li a {
        font-weight: 400;
        font-size: 14px;
        text-transform: none;
    }

        .sidebar-sub-nav li a:focus {
            text-decoration: none;
        }

.main-content {
    float: left;
    position: relative;
    width: 100%;
}

.sidebar-nav li .icon {
    float: right;
}

.main-content .first-pg {
    padding: 20px
}

/*Sidebar List*/
.sidebar-list {
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: transparent;
    text-transform: uppercase;
    border-radius: 0 !important;
    box-shadow: none !important
}

    .sidebar-list li .icon {
        float: right;
    }

    .sidebar-list a:hover {
        text-decoration: none
    }

    .sidebar-list li {
        font-size: 12px;
        font-weight: 700;
        background-color: transparent;
    }

.list-group-item {
    border: none;
}

.sidebar-list li.collapsed {
    border-bottom: 1px solid;
    cursor: pointer;
}

.sidebar-list li a {
    background-color: transparent;
    border: none;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    background-color: transparent;
}

.sidebar-list .list-group-item {
    padding: 12px 0;
    margin: 0;
}

.sidebar-list li:first-child a {
    padding: 0 0
}

.sidebar-list li ul li {
    border: none;
}

.sidebar-sub-nav li .current {
    font-weight: 700;
    text-transform: none;
}

.sidebar-sub-nav li {
    border: none;
    padding: 12px 0 12px 0;
    font-size: 14px;
}

    .sidebar-sub-nav li:first-child {
        padding: 0 0 10px 0 !important
    }

    .sidebar-sub-nav li a:hover {
        text-decoration: none;
    }

    .sidebar-sub-nav li a {
        font-size: 14px;
    }

#saved_listbox li:last-child {
    border-top: 1px solid !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sidebar-sub-nav li:last-child {
    padding-bottom: 10px;
}

.sidebar-sub-nav li:first-child {
    padding-top: 0px;
    padding-bottom: 10px;
}

#saved_listbox {
    width: auto !important;
}

#saved-filter span.k-dropdown {
    width: auto !important;
    background-color: transparent;
    border: none;
}

#saved-filter .k-dropdown-wrap.k-state-default {
    background-color: transparent;
    border: none;
    padding-right: 0
}

#saved-filter .k-dropdown .k-select {
    display: none;
}

.sidebar-list .list-single-item {
    padding: 0
}

    .sidebar-list .list-single-item a {
        padding: 15px 0;
        float: left;
        width: 100%;
        border-bottom: 1px solid;
    }

        .sidebar-list .list-single-item a:hover {
            text-decoration: none;
        }

        .sidebar-list .list-single-item a:focus {
            text-decoration: none;
        }

.collapsed .icon {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.icon {
    -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
    transform: rotate(-180deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.collapsed .plusm {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

.plusm {
    -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
    transform: rotate(-180deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

/*Add Measure */
.measures-section {
    width: 100%;
    float: left;
}

.measures-list {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}

.mes-tab {
    padding: 10px 14px;
    width: 100%;
    float: left;
    margin-bottom: 16px;
    /* height: 330px; */
}

    .mes-tab input {
        border: 1px solid;
    }

.first-div {
    margin-left: -3px;
}

.last-div {
    width: 102%;
}

.measures-section .col-md-3, .measures-section .col-md-4 {
    padding: 3px
}

.measures-list li {
    text-transform: uppercase;
    width: 100%;
    padding: 3px 0;
    float: left;
}

    .measures-list li a {
        width: 100%;
        width: 100%;
        float: left;
        text-decoration: none;
    }

.measures-list .icon {
    float: right;
}

.mes-sub-nav {
    padding: 0;
    margin: 0 0 10px;
    text-transform: none;
    list-style: none;
    float: left;
    width: 100%;
}

    .mes-sub-nav li {
        padding: 0;
        text-transform: none;
    }

.mes-title {
    font-weight: 700;
    margin: 8px 0 16px;
    float: left;
    display: block;
    width: 100%;
    text-transform: uppercase;
}

.global-field {
    width: 100%;
    border: 1px solid;
    padding: 7px 8px;
    border: 0;
}

.controls {
    margin: 10px 0 0;
    padding: 0;
    float: left;
    width: 100%;
    list-style: none;
}

    .controls li {
        padding: 0 25px;
        border: 1px solid;
        cursor: pointer;
        float: left;
        line-height: 45px;
        font-size: 22px;
        font-weight: 300;
        border-right: 0;
    }

        .controls li:last-child {
            border-right: 1px solid
        }

.measures-list-com {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: scroll;
    width: 100%;
    float: left;
    height: 310px;
}

.mes-l1 {
    height: 200px;
    overflow-y: scroll;
    margin: 20px 0
}

.mes-l2 {
    height: auto;
    max-height: 200px;
    overflow-y: scroll;
    margin: 20px 0
}

.mes-l3 {
    height: 259px;
    overflow-y: scroll;
    margin: 0
}

.mes-l4 {
    height: auto;
    max-height: 500px;
    overflow-y: scroll;
    margin: 20px 0
}


/*Add Baseline*/
.pry-data {
    background-color: #E0E0E0;
    padding: 14px;
    width: 100%;
    float: left;
}

.sm-pry-data {
    background-color: #E0E0E0;
    padding: 10px;
    width: 100%;
    float: left;
}

.pry-data .col-md-2, .col-md-1, .pry-data .col-md-3, .pry-data .col-md-4, .pry-data .col-md-5, .pry-data .col-md-6, .pry-data .col-md-7, .pry-data .col-md-8, .pry-data .col-md-9, .pry-data .col-md-12 {
    padding: 0 4px;
}

#transformation .col-md-9, #transformation .col-md-3, #transformation .col-md-2, #transformation .col-md-1 {
    padding: 0 4px;
}

.save-model-panel .col-md-4, .save-model-panel .col-md-3, .save-model-panel .col-md-2, .save-model-panel .col-md-1 {
    padding: 0 4px
}

.pry-data .row {
    margin-left: -7px;
    margin-right: -7px
}

.stickypane .col-md-4, .stickypane .col-md-3, .stickypane .col-md-2, .stickypane .col-md-1 {
    padding: 0 4px
}

.stickypane {
    padding: 10px;
    float: left;
    margin-top: -1px;
    background-color: #E0E0E0;
}

    .stickypane .btn {
        padding: 8px 25px;
        font-size: 14px;
    }

.ae-options {
    float: left;
    width: 100%;
    padding-left: 1px;
    font-size: 12px;
    text-transform: uppercase;
}

.project-settings {
    float: left;
    width: 100%;
    padding-left: 1px;
    font-size: 13px;
}

.pry-data select {
    width: 100% !important;
    float: left;
}

.pry-data input {
    height: 35px;
    margin: 0;
    margin-top: 0px;
    width: 100%;
    padding: 5px 8px;
    border: 1px solid #dbdbdb;
}

.pry-data .btn, .date-wrapper .btn {
    float: left;
    /* padding: 8px 25px; */
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 2px;
    margin: 16px 5px 0 5px;
}

.btn-primary:hover {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24);
}

.second-btn {
    margin-left: 15px;
    width: auto !important
}

.tooltip {
    float: left;
}

.test {
    position: absolute;
    right: 0;
    color: #616161
}

.tooltip-inner {
    text-align: left;
    width: 100%;
}

.tooltip {
    right: 10px
}

#chart {
    float: left;
    width: 100%;
    padding: 0;
}

.filter {
    padding: 20px;
    margin-top: 1px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 99
}
/*.filter a{text-transform: uppercase; font-weight: 700; text-decoration: none;}*/
.remove-this {
    font-size: 20px;
    text-align: center;
    margin: 120px 0
}

#filter-active {
    float: left;
    width: 100%;
}

.filter .btn {
    float: left;
    /*    margin-top: 21px;*/
    margin-top: 5px;
    /*padding: 7px 25px;*/
    border-radius: 0;
    font-size: 14px;
    border-radius: 1px;
}

.filter-action-pannel {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.sec {
    padding: 20px 14px;
    margin-top: 1px;
    float: left;
    width: 100%;
}

    .sec .col-md-2, .sec .col-md-3, .sec .col-md-4, .sec .col-md-5 {
        padding: 0 5px;
    }

    .sec .clear {
        margin: 0;
    }

.multi-selector {
    float: left;
    width: 100%;
    margin: 5px 0;
    background-color: transparent !important;
}

    .multi-selector label {
        float: left;
        z-index: 1;
        position: absolute;
        line-height: 20px;
        float: left;
        left: 0;
        width: 90px;
        padding: 8px 15px;
        margin: 1px 0 0 0px;
        margin-left: 60px;
        float: left;
        margin-left: 16px;
        border-right: 1px solid;
        font-weight: normal;
    }

.set {
    float: left;
    width: 100%;
    margin: 5px 0;
}

.txt-link {
    float: left;
    margin-top: 5px;
    padding: 7px 25px;
    font-size: 14px;
    font-weight: 400 !important;
}

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

#saved-filter {
    float: left;
    width: 100%;
}

.svd-filter-attributes.pull-left {
    padding: 8px 10px 0 5px
}

.svd-actions ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .svd-actions ul li {
        float: left;
        padding: 0 10px;
        padding: 5px 0px;
        margin: 0 5px;
        border-radius: 2px;
    }

.svd-filter-attributes span {
    margin-right: 5px
}

#saved-filter .glyphicon-filter {
    margin-top: 8px;
}

.section-title {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-top: 0
}

.nav-tabs {
    border: 0;
}

    .nav-tabs > li > a {
        border-radius: 3px;
        border: 0;
        font-weight: normal;
    }

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

    .nav-tabs > li {
        margin: 0 10px 0 0
    }

        .nav-tabs > li:last-child {
            margin: 0
        }

div#data {
    float: left;
    padding: 20px 15px;
    width: 100%;
    border: 1px solid;
    border-top: 0px;
    position: relative;
}

.tab-content {
    margin-top: 20px;
}

.nav > li > a:focus, .nav > li > a:hover {
}

div#comment {
    float: left;
    padding: 20px;
    width: 100%;
    border: 1px solid;
    border-top: 0px;
}

.user-comment {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

.user-name {
    font-weight: 700;
}

.post-date {
    font-size: 12px;
    padding: 0 10px;
}

.comment-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .comment-list li {
        float: left;
        margin-bottom: 10px;
        width: 100%;
    }

.comment-box {
    padding: 8px;
    width: 300px;
    border: 1px solid;
    border-radius: 0;
    float: left;
}

.btn-cmd {
    padding: 8px 40px
}

.add-comment {
    float: left;
    margin: 10px 0;
}

.tooltip-inner {
    padding: 5px 10px
}

.div-sec-title {
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 20px 5px;
    width: 80%;
    float: left
}

.no-mrg {
    margin: 0 !important;
}

.no-btm-mrg {
    margin-bottom: 0px !important;
}

.no-left-mrg {
    margin-left: 0px;
}

.no-top-mrg {
    margin-left: 0px !important;
}

.div-sec-title-table {
    font-weight: 300;
    text-transform: uppercase;
}

#transformation {
    padding: 20px 20px;
    margin-top: 1px;
    float: left;
    width: 100%;
}

#msr {
    padding: 20px 20px;
    margin-top: 1px;
    float: left;
    width: 100%;
}

.msr-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#transformation .global-field {
    border: 1px solid gainsboro !important
}

.msr-list > li {
    float: left;
    padding: 15px 10px;
    margin-bottom: 1px;
    width: 100%;
    list-style-type: none !important
}

.msr-sub-list {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

    .msr-sub-list ul li {
        list-style: none;
        padding: 0 5px;
        margin: 0;
        float: left; /*width: auto;*/
        ;
        list-style-type: none !important
    }

.add-msr-ico {
    position: absolute;
    z-index: 999;
    margin-top: 10px;
}

.search-measure input {
    padding-left: 25px !important;
    width: 100%;
}

.add-new-row {
    padding: 10px 0;
    float: left;
    width: 100%;
    margin: 0
}

.values span {
    position: absolute;
    top: 2px;
    right: 10px;
    width: auto;
    height: 30px;
    font-size: 11px;
    line-height: 35px;
    text-align: right;
    padding: 0 5px;
}

.digrees {
    top: 2px !important;
    line-height: 16px !important;
    width: 82px !important;
}

.mxd-check {
    margin-top: -5px;
    width: 108px;
    float: left;
}

.mxd-title {
    margin-bottom: 10px;
    text-align: center;
}

.msr-details {
    width: 182px;
}

.mxd-check label {
    font-weight: normal;
    font-size: 11px;
    text-transform: uppercase;
}

.add-new-row .k-autocomplete input {
    width: 82% !important;
}

.msr-actions button {
    padding: 0 10px;
    margin: 5px 0 0;
    float: left;
}

    .msr-actions button:first-child {
        padding-left: 0px;
    }

    .msr-actions button:last-child {
        padding-right: 0px;
        border: 0px;
        border-left: 1px solid;
    }

.msr-name {
    font-weight: 700
}

#action-pannel {
    float: left;
    padding: 20px;
    border: 2px solid;
    border-top: 0px;
    width: 100%
}

.mdl-sv {
    margin-top: 0 !important
}

.save-model-panel {
    padding: 15px;
    width: 100%;
    float: left;
    margin-top: -1px;
}

    .save-model-panel .btn {
        padding: 7px 16px;
        font-size: 14px;
        float: left
    }

#view-chart {
    border: 1px solid;
    border-top: 0px;
    float: left;
    width: 100%;
    padding: 16px;
}

#close-viewchart {
    float: right;
    z-index: 99
}

.chart-head span.light-txt {
    text-transform: uppercase;
}

a.text-link {
    padding: 8px 25px;
    float: left;
}

.btn-link:hover, .btn-link:focus {
    text-decoration: underline;
    background-color: transparent;
}

.btn-link-Sce:hover, .btn-link-Sce:focus {
    text-decoration: underline;
    background-color: transparent;
}

.btn-brd-g {
    border: 1px solid;
}

#top-panel {
    float: left;
    width: 100%;
}

.block {
    display: block !important;
}

.pintview span.light-txt {
    text-transform: uppercase;
}

.pintview .msr-name {
    font-size: 16px;
}

#print-screen {
    padding: 0 0 20px;
    margin-bottom: 30px;
    height: auto;
}

.saved-model {
    text-align: right;
}

.glyphicon-calendar {
    margin: 0;
}

.flt-txt {
    padding: 8px 10px;
}

.btn-success {
    border: none;
    border-radius: 0;
    padding: 5px 20px;
}

.cancelBtn {
    border: none;
    border-radius: 0;
    padding: 5px 23px;
}

.applyBtn {
    padding: 5px 23px
}

.model-title {
    display: block;
    margin-top: 13px;
    font-weight: 300;
    padding-right: 25px;
    font-size: 12px;
    text-transform: uppercase;
}

.navbar-brand {
    padding: 15px 15px 0 0;
}

@media (max-width: 770px) {
    .nav > li > a {
        padding: 15px 8px;
    }
}

@media (max-width: 992px) {
    .back-ico {
        margin-top: 0;
    }

    label {
        margin-top: 10px;
    }

    .enable-mxd-eff {
        margin: 10px 0
    }

    .light-txt {
        margin-top: 10px;
        float: left;
        width: 100%;
    }
}

.navbar-right {
    font-weight: normal;
}

.edit-msr {
    margin-top: 0px !important;
}

.group-btn {
    padding: 7px 25px;
    font-size: 14px;
    margin: 9px 10px 9px 5px;
}

.ind-btn {
    padding: 7px 25px;
    font-size: 14px;
    border-radius: 0;
    margin: 0px 10px 9px 5px !important;
}

.full-width {
    padding: 25px 0 15px 0;
}

.printer {
    margin-right: 15px;
}

#new-pjt {
    padding-right: 100px;
}

#crt-pjt-btn {
    position: absolute;
    right: 0;
    margin-top: -68px;
    width: auto;
    padding: 13px 20px;
    line-height: 50px border-radius: 0;
}

.graph-values {
    float: left;
    width: 210px;
    padding: 15px;
    margin: 15px 0 0 15px;
}

.export-btn {
    position: absolute;
    top: 20px;
    right: 20px
}

    .export-btn a {
        padding: 0 5px;
        border-right: 1px solid;
    }

        .export-btn a:last-child {
            padding-right: 0;
            border-right: 0;
        }

.numeric {
    padding: 0;
}

.upload-btn {
    background: url(upload.png) #4D4D4D no-repeat;
    background-position: 8px;
    padding: 10px 25px 10px 33px !important;
}

.project-list .box {
    padding: 20px;
    height: 210px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.scenario-list .box {
    padding: 20px;
    height: 160px;
    float: left;
    width: 100%;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.project-list ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
    float: left;
    width: 100%;
}

.project-list .box:hover {
    outline: 1px solid #FFCC99;
}

.box > h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
}

.last-updated {
    position: absolute;
    bottom: 42px;
    font-size: 12px;
    left: 0;
    padding: 6px 20px;
    width: 100%;
    border-bottom: 1px solid #DADADA;
}

.snr-last-updated {
    font-size: 12px;
    margin-top: 15px;
    position: absolute;
    bottom: 15px;
}

.srh-ico {
    position: absolute;
    left: 15px;
    top: 10px;
}

.srh-box {
    position: relative;
    padding-left: 35px;
    border-bottom: 1px solid;
    background-color: transparent;
}

.btn-group-lg > .btn, .btn-lg {
    font-size: 14px;
}

.top-section {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.new-project label {
    display: block;
    margin: 10px 0;
    /* font-size: 18px; */
}

.new-project .check label {
    font-weight: normal;
    margin: 0
}

.pjt-name {
    margin: 10px 0 20px 0
}

.pjt-desc {
    margin: 10px 0 15px 0
}

.new-project {
    padding: 20px
}

.pjt {
    width: 60%;
    margin: 0 auto
}

.grl-settings input {
    border: 1px solid;
    padding: 7px 8px;
    display: block;
    clear: both;
}

.grl-settings label {
    width: 100%
}

.grl-settings span {
    width: 100%;
    display: block;
}

.radio-group {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

    .radio-group label {
        float: left;
        width: auto;
        margin: 15px 0 30px
    }

    .radio-group input {
        width: 25px;
        float: left;
    }

.profile-pic-sec {
    width: 300px;
    float: left;
    margin-top: 5px;
    position: relative;
}

.profile-pic {
    width: 300px;
    height: 300px;
    overflow: hidden;
}

.profile input {
    border: 1px solid;
    padding: 7px 8px;
    width: 100%;
    margin-bottom: 15px
}

.profile .k-multiselect-wrap {
    border: 1px solid;
    padding: 1px 0;
    width: 100%;
    margin-bottom: 15px
}

#cnf-pd {
    display: none;
}

span.info-top {
    margin-top: -10px;
    display: block;
    margin-bottom: 20px;
}

.tabs-left ul {
    float: left;
    list-style: none;
    padding: 0;
    width: 100%
}

    .tabs-left ul li a {
        padding: 15px 0;
        text-transform: uppercase;
        border-bottom: 1px solid;
        float: left;
        width: 100%;
        font-size: 12px;
        font-weight: 700;
    }

        .tabs-left ul li a:hover {
            text-decoration: none;
        }

.project-tab-content {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 0
}

.dlt {
    display: block;
    margin-top: 20px
}

.pjt-actions {
    padding: 30px 0 20px;
    float: left;
}

.clear {
    clear: both;
    margin: 15px 0;
}

.tooltip {
    width: 100%
}

.crv-msr label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    padding-top: 5px;
}

.crv-msr .tip {
    left: 50px;
    top: 5px;
    position: absolute;
    width: 100%;
}

.vls {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    padding-top: 5px;
}

.settings {
    min-height: 300px;
}

#questions {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 20px
}

.answers .glyphicon-arrow-up {
    margin-left: 0 !important;
}

#questions li {
    line-height: 35px;
}


    #questions li a {
        color: #212121
    }

.answers {
    float: left;
    width: 100%;
    padding: 20px 0;
}

.qt-title {
    padding: 15px 0;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    font-size: 18px;
}

.post-qt textarea {
    border: 1px solid #E2E2E2;
    padding: 7px 8px;
    display: block;
    clear: both;
    margin: 20px 0;
}

.post-qt {
    padding: 20px 0 20px
}

.ind-btn {
    float: left;
    padding: 7px 25px;
    font-size: 14px;
    border-radius: 0;
    margin: 23px 5px 0 5px !important;
}

.iterations {
    float: left;
    width: 100%;
    background-color: #F7F7F7;
    overflow-x: scroll;
    margin: 15px 5px 15px 5px;
}

.top-sec {
    position: relative;
}

.time-periods input {
    border: 1px solid #E2E2E2;
    padding: 6px 8px;
    width: 100%;
}

.time-periods {
    float: left;
    width: 100%;
    background-color: #F7F7F7;
    padding: 0 0 15px 0;
    margin-top: 10px;
}

ul.time-list {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 150px;
    float: left;
}

    ul.time-list li {
        border-bottom: 1px solid #D8D8D8;
        float: left;
        clear: both;
        padding: 10px 0;
        width: 100%;
        cursor: pointer;
    }

.time-header {
    width: 100%;
    float: left;
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #D8D8D8;
    background-color: #F7F7F7;
    z-index: 1
}

    .time-header #daterange {
        width: 100%;
    }

.sng-btn {
    float: left;
    padding: 7px 25px;
    font-size: 14px;
    border-radius: 0;
}

.time-header .col-md-4, .time-header .col-md-2, .time-header .col-md-3, .time-header .col-md-4, .time-header .col-md-5, .time-header .col-md-6 {
    padding: 0 5px;
}
/*ul.time-list li:hover{background-color: #ECECEC}*/

/*Sprite*/
.ico-img {
    background: url('../Images/ico-img.png') no-repeat top left;
    width: 26px;
    height: 26px;
}

#ico-img {
    position: absolute;
    height: 20px;
    top: 7px;
    right: 3px;
    color: white;
    padding-left: 20px;
    padding-right: 18px;
}

.ico-img.back {
    background: url('ico-img.png') background-position: 0 0;
    float: left;
    margin: 20px 10px 0 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .ico-img.back:hover {
        opacity: 0.5
    }



.close {
    width: 26px;
    height: 26px;
    background-position: 0 -36px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
    opacity: 0.5
}

.close-chart {
    width: 26px;
    height: 26px;
    background-position: 0 -36px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
    opacity: 0.5
}

.download-btn {
    background: url(download.png) #4D4D4D no-repeat;
    background-position: 8px;
    padding: 10px 25px 7px 33px !important;
}

.ico-img.filter {
    background-position: 0 -98px;
    margin-top: 5px;
}

.ico-img.print {
    background-position: 0 -136px;
    float: right;
    margin-top: 17px;
}

.last-logged {
    float: left;
    width: 300px;
    margin: 15px 0;
    color: #8E8E8E
}

.updated-pic {
    float: left;
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.60);
    padding: 15px 10px;
    width: 300px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .updated-pic:hover {
        padding: 25px 10px
    }

.change-text {
    float: left;
    margin-top: 2px;
}

.updated-pic span {
    float: left;
}

.table-head {
    background-color: #E0E0E0;
    padding: 10px 0;
    width: 100%;
    float: left;
    position: relative;
    z-index: 9
}

    .table-head h2 {
        font-size: 18px;
        font-weight: 700;
        margin-top: 10px;
    }

.text-danger {
    color: #f85a00
}

.flt-left {
    float: left;
}

.grouping-content {
    float: left;
    width: 100%
}

.group-title {
    text-transform: uppercase;
    font-weight: 700;
    margin: 15px 0 5px 0;
    clear: both;
    float: left;
}

.msr-table {
    height: 399px;
    float: left;
    width: 100%;
    border: 2px solid #CCCCCC;
    padding: 10px 0;
    background-color: #F2F2F2;
    overflow-y: auto;
    border-top: 0;
}

    .msr-table ul, .group-table ul {
        margin: 0;
        padding: 0;
        list-style: none;
        clear: both;
    }

.msrs li {
    margin: 0;
    padding: 7px 0 7px 0 !important;
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
}

    .msrs li:last-child {
        border-bottom: none;
    }

.msr-search {
    float: left;
    width: 100%;
    padding: 5px 5px 5px 30px !important;
    position: relative;
    border: none;
    background-color: rgba(235, 235, 235, 0.53)
}

.search-form {
    float: left;
    width: 100%;
    position: relative;
}

    .search-form .glyphicon {
        top: 10px;
        opacity: 0.4;
        position: absolute;
        left: 0;
    }

.group-table {
    float: left;
    width: 100%;
    border: 2px solid #CCCCCC;
    padding: 5px 0;
    background-color: #FFFFFF;
}

.grp {
    /* height: 500px; */
    height: 490px;
    float: left;
    width: 100%
}

    .grp .form-group {
        margin: 0 !important;
    }

        .grp .form-group .search-form input {
            background-color: #FFF;
            border: 1px solid #777;
        }

#three {
    height: 127px;
    overflow-y: scroll
}

#one {
    height: 429px;
    overflow: auto;
}

.tree li {
    margin: 0 !important;
    cursor: pointer;
}

    .tree li:last-child {
        border-bottom: none
    }

.sub-group {
    margin-left: 20px
}

.sub .indicator {
    margin-left: 20px
}

.sub .list {
    margin-left: 20px;
    color: #797979
}

.sub .sub .indicator {
    margin-left: 40px;
    color: #797979
}

.sub .sub .list {
    margin-left: 40px;
    color: #797979
}

.sub .sub .sub .indicator {
    margin-left: 60px;
    color: #797979
}

.sub .sub .sub .list {
    margin-left: 60px;
    color: #797979
}

.sub .sub .sub .sub .indicator {
    margin-left: 80px;
    color: #797979
}

.sub .sub .sub .sub .list {
    margin-left: 80px;
    color: #797979
}

.sub .sub .sub .sub .sub .indicator {
    margin-left: 100px;
    color: #797979
}

.sub .sub .sub .sub .sub .list {
    margin-left: 100px;
    color: #797979
}

.op-list li a {
    padding: 6px 10px !important;
}

.op-list li:hover {
    background-color: #68BC36
}

    .op-list li:hover a {
        color: #FFFFFF
    }

.branch {
    border-bottom: 1px solid #CCCCCC;
}

.box {
    float: right;
    width: 50px;
    margin: 0;
    right: 0;
    position: absolute;
    z-index: 99;
    top: 0;
}

    .box .top {
        padding: 9px;
        cursor: pointer;
        border-left: 1px solid;
    }

    .box .bottom {
        color: white;
        display: none;
        margin-left: -50px;
        width: 100px;
        -webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.59);
        -moz-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.59);
        box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.59);
    }

.tree, .tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .tree ul {
        position: relative
    }


    .tree li {
        margin: 0;
        padding: 8px 0 8px 0;
        position: relative;
        border-bottom: 1px solid;
        width: 100%;
    }

    .tree ul li:last-child:before {
        height: auto;
        top: 1em;
        bottom: 0
    }

.indicator {
    margin-right: 10px;
}

.tree li a {
    text-decoration: none;
}

.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    border: none;
    background: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: 0;
}

.add-new {
    float: right;
    padding: 11px 2px 0 0;
}

.group-table hr {
    margin-top: 10px;
    margin-bottom: 4px;
    border: 0;
    border-top: 1px solid;
}

.rename {
    padding: 25px;
}

    .rename .form-control {
        margin: 17px 0 8px 0;
        padding: 6px 12px
    }

.scenatio-screen {
    margin-top: 25px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.snr-ico {
    float: left;
    padding-left: 30px;
    margin: 10px 0;
    line-height: 22px;
}

.edit-i {
    background: url(../images/edit.png) no-repeat
}

.copy-i {
    background: url(./copy.png) no-repeat
}

.dlt-i {
    background: url(./delete.png) no-repeat
}

.action-panel {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    border-top: 1px solid;
}

.cover {
    margin-bottom: 30px;
}

.action-panel li {
    border-right: 1px solid
}

.action-panel a:last-child li {
    border: none
}

.ind-sec {
    float: left;
    border: 1px solid;
    padding: 15px;
    width: 100%;
    z-index: 1;
    position: relative;
}

.card-title {
    text-transform: uppercase;
}

.seperator {
    float: left;
    width: 100%;
    border-style: inset;
}

.top-space {
    margin-top: 20px;
}

.ind-cmd {
    border: 1px solid !important
}

.cards .col-md-6 {
    margin-left: 10px;
    margin-right: 10px
}

.list-group-item.active {
    background-color: transparent;
    border-bottom: 1px solid;
}

    .list-group-item.active:hover {
        background-color: transparent;
        border-bottom: 1px solid;
    }

.toggled .media-plan-panel {
    margin-right: -15px;
    background: transparent;
}

#menu-toggle {
    z-index: 99999;
    right: 15px;
    margin-left: 15px;
}

.panel {
    border: 0;
}

.panel-group .panel {
    border-radius: 0
}

    .panel-group .panel + .panel {
        margin-top: 0
    }

.active-tab {
    border-bottom: 0 !important
}

.panel-default > .panel-heading {
    border-bottom: 1px solid;
}

.panel-heading {
    border-radius: 0
}

.panel-group .panel-heading + .panel-collapse > .panel-body-sm {
    border-top: 0;
}

.panel-body-sm {
    padding: 5px 15px 10px;
}

.simulation .col-md-6 {
    padding: 10px;
}

.modify-btn {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    position: relative;
    z-index: 999
}

    .modify-btn .btn {
        padding: 7px 20px;
        font-size: 14px !important;
        margin-top: 0
    }

.media-save, .media-cancel {
    display: none;
}

.media-plan-panel .panel-title {
    font-size: 14px;
}

.modify-head {
    padding: 15px;
}

.simulation-cmd {
    padding: 0 10px;
    margin-top: 10px;
}

.panel-title a:focus, .panel-title a:hover {
    text-decoration: none;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    #wrapper.toggled {
        padding-right: 300px;
        position: relative;
        z-index: 99
    }

        #wrapper.toggled #sidebar-wrapper-m {
            width: 250px;
        }

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

.export-btn {
    font-size: 12px;
}

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

#msr-selection {
    float: left;
    width: 100%;
    clear: both;
    margin: 10px 0;
}

#spinner {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.msr-select-list {
    width: 100%;
    margin-bottom: 15px;
    float: left;
}

.no-left-pad {
    padding-left: 0 !important;
}

.no-right-pad {
    padding-right: 0 !important;
}

.no-right-marg {
    margin-right: 0 !important;
}

.opps-top {
    padding: 15px 0;
    margin: 15px 0;
    text-align: center;
}

    .opps-top img {
        margin-left: 15px
    }

.opps-bottom {
    padding: 50px 0 10px;
    border-top: 1px solid;
    font-size: 16px;
}

@media(min-width:768px) {
    #wrapper {
        padding-right: 270px;
    }

        #wrapper.toggled {
            padding-right: 0;
        }

    #sidebar-wrapper-m {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper-m {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

.pry-data .k-multiselect {
    float: left;
    height: 33px;
    border: 1px solid #dbdbdb;
}

.pry-data .k-multiselect-wrap {
    height: 33px
}

.sec-line {
    padding-top: 20px;
    float: left;
    width: 100%;
}
.measure-properties .sec-line {
    padding-top: 8px
}


/* Scope and Output */
.freez-msr-name {
    float: left;
    width: 180px;
    cursor: pointer
}

.table2 {
    margin-top: 40px;
    float: left
}

.sm-table {
    float: left;
    width: 100%;
    border: 1px solid;
    border-top: 0px;
    position: relative;
}

.list-group-item {
    margin: 20px 0;
}

.prev {
    position: absolute !important;
    margin-left: -10px;
}

.next {
    position: absolute !important;
    right: -25px !important;
}

.msr-sub-list .carousel-control {
    opacity: 1
}

.sec-check {
    margin-bottom: 0px;
}

.cal {
    display: block;
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border: 1px solid;
    border-radius: 2px;
    margin: 0;
}

.disabled-text {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    height: 42px;
    float: left;
    line-height: 1.42857143;
    background-image: none;
    border: 1px solid;
    border-radius: 2px;
}

.modal-footer .group-btn {
    margin: 0
}

.modal-content {
    border-radius: 0;
}

.disabled-text {
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border: 1px solid;
    border-radius: 2px;
    margin: 0;
}

.msr-sub-list .carousel {
    width: 77%;
}

.modal-body label {
    margin: 20px 0 5px;
}

.time-table {
    float: left;
    width: auto;
    overflow-x: hidden;
    padding: 0 5px 25px;
    margin-top: -15px;
}

.close-chart {
    width: 26px;
    height: 26px;
    background-position: 0 -36px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
    opacity: 0.5
}

.graph-values1 {
    float: left;
    width: 270px;
    padding: 10px;
    position: absolute;
    z-index: 19;
}
.z-idx19 {
    z-index: 19;
}

.graph-values-forecast {
    float: left;
    width: 300px;
    padding: 10px;
    position: absolute;
}

.freeze-kpi {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    z-index: 9999;
    background-color: #FFF;
    padding: 5px;
    margin-left: -5px;
    margin-right: -10px;
}

#DuetoChart_Comp .graph-values-forecast {
    max-width: 300px;
    width: auto
}

    #DuetoChart_Comp .graph-values-forecast .msr-name {
        float: left
    }

#DuetoChart_Comp .graph-values-forecast {
    max-width: 300px;
    width: auto
}

    #DuetoChart_Comp .graph-values-forecast .msr-name {
        float: left
    }

.graph-values1 .light-txt, .graph-values-forecast .light-txt {
    color: #6b6b6b;
}

.graph-values-forecast .light-txt {
    float: left;
    margin: 2px 10px 2px 0;
}

#OnSaveDiv {
    width: 100%;
    padding: 50% 0;
    position: fixed;
    top: 0;
    z-index: 230;
    background-color: rgba(255, 255, 255, 0.70);
}

#OnSaveDiv1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 230;
    background-color: rgba(255, 255, 255, 0.70);
}

#OnSaveDiv img {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 22%;
}

#OnSaveDiv1 img {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50px;
}






/*New*/
.max-grf {
    padding: 0 10px;
    margin-top: 10px;
}

.fade-grf {
    background-color: #FFF;
    float: left;
    min-height: 250px;
    border: 1px solid #F1F1F1;
    padding: 15px;
    width: 100%;
    z-index: 1;
    position: relative;
}

.btn a:hover {
    text-decoration: none;
}

.margin-bottom-none {
    margin-bottom: 0 !important
}



input[type="search"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    box-shadow: 0;
    outline: 0 none;
}

.rackup-section .k-multiselect .k-multiselect-wrap {
    padding: 4px 5px !important
}

.diomention-list {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    clear: both;
    margin-bottom: 15px;
}

    .diomention-list li {
        padding: 4px 10px;
        border: 1px solid;
        border-radius: 2px;
        float: left;
        margin: 5px 10px 5px 0;
        font-size: 13px;
    }

.export-img {
    position: absolute;
    right: 20px;
    z-index: 1;
}

.buttonAsLink {
    background: none !important;
    border: none;
    padding: 10px !important;
    font: inherit;
    cursor: pointer;
    text-decoration: none;
}

    .buttonAsLink:focus {
        border: 0;
        box-shadow: 0;
        outline: 0 none;
    }

k-button k-button-icontext k-grid-excel {
    float: right;
}

.btn-link:focus, #data .k-grid-excel:focus {
    box-shadow: 0;
    outline: 0 none;
}

.btn-link-Sce:focus {
    box-shadow: 0;
    outline: 0 none;
}

button .k-icon {
    display: none
}

.three {
    height: 116.5px;
    overflow-y: auto
}

.cls-full {
    right: 25px
}

.sec-table {
    margin-top: 40px;
}

#pricemovementgrid .headings-PriceMov {
    margin-top: 30px;
}

    #pricemovementgrid .headings-PriceMov:first-child {
        margin-top: 0;
    }

.sidebar-sub-nav li a:focus {
    text-decoration: none
}


/*Simulation*/

.spend-overview {
    float: left;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0
}

    .spend-overview li {
        float: left;
        margin: 0 8px 8px 0;
        padding: 3px 8px;
        border: 1px solid;
        text-transform: uppercase;
        min-width: 95px;
    }

        .spend-overview li span {
            font-weight: 300;
            font-size: 10px;
            text-transform: uppercase;
        }

.revenue-overview {
    float: left;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .revenue-overview li {
        float: left;
        margin: 0 8px 8px 0;
        padding: 3px 8px;
        border: 1px solid;
        text-transform: uppercase;
        min-width: 95px;
        position: relative;
    }

        .revenue-overview li span {
            font-weight: 300;
            font-size: 10px;
            text-transform: uppercase;
        }

        .revenue-overview li .value {
            font-weight: 700;
        }

.box {
    padding: 20px;
    height: 245px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgb(230, 230, 230);
    -moz-box-shadow: inset 0px 0px 0px 1px rgb(230, 230, 230);
    box-shadow: inset 0px 0px 0px 1px rgb(230, 230, 230);
}

.bookmarked .box:hover {
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(245,166,35,1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(245,166,35,1);
    box-shadow: inset 0px 0px 0px 2px rgba(245,166,35,1);
}

.sm-scenario-list .box p {
    font-size: 12px;
}

.scenario-actionspanel {
    float: left;
    display: none;
    position: absolute;
    bottom: 5px;
}

    .scenario-actionspanel a {
        font-size: 13px;
    }

.sm-box-actions {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}

    .sm-box-actions li {
        float: left;
        padding: 0 15px;
        margin: 5px 0px;
        border-left: 1px solid
    }

        .sm-box-actions li:first-child {
            padding-left: 5px;
            border-left: 0
        }

.dis-time {
    background: transparent !important;
    box-shadow: none;
    padding: 8px 10px;
    border-radius: 0;
}

.snr-top .btn {
    margin-top: 21px;
    padding: 8px 30px;
}

.push-top {
    margin-top: 21px !important
}

.bookmark {
    position: absolute;
    right: 5px;
    top: 18px;
    font-size: 16px;
    cursor: pointer;
}


.bookmarked .bookmark {
    font-size: 20px;
}

.bookmarked .box {
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(245,166,35,1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(245,166,35,1);
    box-shadow: inset 0px 0px 0px 2px rgba(245,166,35,1);
}

.base {
    -webkit-box-shadow: 0px 0px 4px 1px rgba(166,166,166,0.43);
    -moz-box-shadow: 0px 0px 4px 1px rgba(166,166,166,0.43);
    box-shadow: 0px 0px 4px 1px rgba(166,166,166,0.43);
}

.revenue-overview .up-arrow {
    position: absolute;
    right: 0;
    top: 25px;
}

.min-grf .card-title {
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    z-index: 99;
}

.card-title .glyphicon {
    margin-left: 0;
    font-size: 10px;
}

.kpi-table {
    text-align: right;
}

    .kpi-table > thead > tr > th {
        border: 0;
    }

    .kpi-table > tbody > tr > td, .kpi-table > tbody > tr > th, .kpi-table > tfoot > tr > td, .kpi-table > tfoot > tr > th, .kpi-table > thead > tr > td, .kpi-table > thead > tr > th {
        border: 0;
    }

    .kpi-table > thead > tr > th {
        font-weight: 400;
        text-align: right;
        font-size: 12px;
        padding-bottom: 3px;
        padding-right: 13px;
    }

    .kpi-table .second-row {
        font-weight: 700;
        font-size: 15px;
    }

.second-row .glyphicon {
    font-size: 14px;
    margin-left: 3px;
    margin-right: -20px;
}
/*.kpi-graph{padding-right: 70px;}*/
.min-grf {
    padding: 12px 0 0;
}

.media-plan-panel {
    width: 100%;
    margin-top: 10px;
}

.sidebar-title {
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    width: 100%;
}

.modify-head {
    padding: 15px;
}

.v-line {
    border-right: 1px solid;
    border-left: 1px solid;
    min-height: 130px;
}

.create-btn {
    padding: 14px 45px !important;
    margin-top: 0 !important;
}

.optional {
    padding: 10px 15px;
    width: 80%;
    margin-left: 40px;
    margin-top: 7px;
    border-radius: 4px;
}

    .optional .btn {
        margin-top: 10px !important;
        margin-left: 0;
    }

.tab-pane .kpi-graph {
    padding-right: 50px !important
}

.graph-frame {
    width: 100%;
    padding: 20px;
    height: 160px
}

.graph-frame1 {
    width: 100%;
    padding: 20px;
    height: 300px
}

.base .revenue-overview li .value {
    font-weight: 400 !important
}

/*.loss div {
    min-width: 90px;
    float: right;
    border-radius: 2px;
}
*/

/*.profit div {
    padding: 0 5px 0 5px;
    min-width: 80px;
    float: right;
    line-height: 24px;
}
*/

.profit span {
    float: right;
    margin: 7px -52px 0;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
}

.table-align span {
    margin-right: 10px;
}

.grf-hover:hover {
    cursor: pointer
}

.table tbody > tr > td {
    padding: 3px 8px !important;
}

.txt-left {
    text-align: left;
}

.table-align > td:first-child {
    text-align: left;
}

.model-name {
    margin-left: 37px;
    margin-top: -10px;
    float: left;
}

.scenario-title {
    margin-top: -4px;
}
/*Grop Data Style Starts*/
.msr-search-gd {
    float: left;
    width: 100%;
    padding: 5px 5px 5px 30px;
    position: absolute;
}

.msr-table-gd {
    height: 440px;
    float: left;
    width: 100%;
    border: 2px solid;
    padding: 10px 0;
    overflow-y: auto;
}

.group-table-gd {
    float: left;
    width: 100%;
    border: 2px solid;
    padding: 5px 0;
}
/*.btn-link-gd {color: #2196f3}*/

/*Grop Data Style Ends*/
.headings-PriceMov {
    width: 100%;
    border-bottom: 1px solid;
    padding: 10px;
    font-size: 14px;
    font-weight: bold
}

.k-button .k-button-bare .k-upload-action {
    width: 20px;
}

.saveChart-position {
    float: right;
    position: absolute;
    top: 33.2%;
    z-index: 2;
    left: 85%;
    font-size: 13px !important;
}

.saveChart-position-contribution {
    float: right;
    position: absolute;
    top: 23%;
    z-index: 2;
    left: 85%;
    font-size: 13px !important;
}

.saveChart-position-area {
    float: right;
    position: absolute;
    top: 28%;
    z-index: 2;
    left: 85%;
    font-size: 13px !important;
}
/*.saveChart-position-modelfit{float: right;position: absolute;top: 10%;z-index: 2;left: 85%;font-size:13px !important;}*/
.saveChart-position-modelfit {
    float: right;
    position: absolute;
    top: 10%;
    z-index: 2;
    left: 85%;
    font-size: 13px !important;
}

div[role=tooltip] {
    width: 150px;
    text-align: center
}


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #BDBDBD;
}

#KPIGrid ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
}

#KPIGrid ::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}

#KPIGrid ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #BDBDBD;
}

.grp ::-webkit-scrollbar-track:horizontal {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 3px;
    background-color: #F5F5F5;
}

.grp ::-webkit-scrollbar :horizontal {
    width: 3px !important;
    background-color: #F5F5F5;
}

.grp ::-webkit-scrollbar-thumb:horizontal {
    width: 3px !important;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #BDBDBD;
}

.grp ::-webkit-scrollbar-track:vertical {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 0px;
    background-color: #F5F5F5;
    width: 20px;
}

.grp ::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

    .grp ::-webkit-scrollbar:horizontal {
        height: 8px;
        width: 8px;
        background-color: #F5F5F5;
    }

.grp ::-webkit-scrollbar-thumb:vertical {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #BDBDBD;
}


.sm-box-actions-baseScenario {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0 0 5px;
}

.baseSce_box {
    padding: 20px;
    height: 245px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid;
}


/*sb*/
.media-plan-panel #sliderDiv {
    padding: 15px;
    list-style: none;
}

    .media-plan-panel #sliderDiv li {
        margin-bottom: 30px;
        text-transform: uppercase;
        font-size: 13px;
    }

.profit-value {
    font-weight: 700;
}

.leftsidebar {
    position: absolute;
}

#contentHolder {
    position: relative;
}

.leftsidebarfixed {
    position: fixed;
    top: 0;
}

.profit-value {
    font-weight: 700;
}

#modify-actions .blk-half {
    float: left;
    width: 50%;
    padding-left: 10px
}

#modify-actions1 .blk-half {
    float: left;
    width: 50%;
    padding-left: 10px
}

#modify-actions .blk-half:first-child {
    padding-left: 0
}

.btn {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#modify-actions1 .blk-half:first-child {
    padding-left: 0
}

.btn, button {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#modify-actions {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#modify-actions1 {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    #modify-actions .col-md-2, #modify-actions1 .col-md-2 {
        padding: 0;
        text-align: right
    }

.units {
    padding: 7px 8px;
    border: 1px solid;
    font-weight: 700;
    border-radius: 2px;
    margin: 5px 0
}

.second-row > td:first-child {
    font-size: 14px
}

.box-values {
    position: absolute;
    bottom: 40px;
}

.simulation-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.table-align td {
    padding-right: 13px !important;
}

.up-button .k-upload .k-upload-button {
    font-size: 14px;
    border-radius: 0;
    margin: 0px 5px 0 5px;
    background-position: 8px !important;
    padding: 6px 25px 5px 33px !important;
}

.textBox-fullwidth .k-numerictextbox {
    width: 100%;
}

    .textBox-fullwidth .k-numerictextbox input {
    }

.disabled-profile-text {
    background-color: #f5f5f5;
    cursor: not-allowed
}

#rootwizard li a:focus {
    text-decoration: none;
}

.pry-data settings .col-md-2, .pry-data settings .col-md-3, .pry-data settings .col-md-4, .pry-data settings .col-md-5, .pry-data settings .col-md-6, .pry-data settings .col-md-7,
.pry-data settings .col-md-8, .pry-data settings .col-md-9, .pry-data settings .col-md-10, .pry-data settings .col-md-11, .pry-data settings .col-md-12 {
    padding: 0 5px;
}

.set-scurve {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid white;
}

.trade-line {
    margin: 15px 0 30px 0;
}

.preview-row > td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 30px !important;
}

.preview-table {
    width: 50%;
    text-align: center
}

    .preview-table tr > td:first-child {
        text-align: left !important
    }

    .preview-table tr > td:last-child {
        padding-right: 0 !important
    }

.ind-btn-lg {
    margin-top: 30px
}


.chart-title {
    font: 16px Arial,Helvetica,sans-serif;
    text-align: center
}

.sng-btn-sec {
    margin: 0 0 0 10px !important;
}

.time-list .k-grid-header {
    border: 0
}

.media-btn {
    margin-left: -2px !important;
}

.nav-tabs > li > a {
    margin-right: 0;
    padding: 7px 20px;
}

#entityList {
    background: transparent;
}


.table-condensed .next {
    position: relative !important;
    right: 0px !important
}

.table-condensed .prev {
    position: relative !important;
    right: 0px !important;
}

.table-condensed > thead > tr > th {
    padding: 0;
}

.table-condensed > thead > tr:nth-child(2) > th {
    padding-top: 15px
}

.k-grid-excel, .export-img {
    font-size: 12px !important;
    padding-right: 0
}

.corr-item .section-title {
    margin-bottom: 0 !important;
}

.color-code {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

    .color-code li {
        float: left;
        margin-right: 10px;
        color: #9E9E9E
    }

    .color-code span {
        float: left;
    }

.color-boxes {
    width: 20px;
    height: 20px;
    border: 0;
    border-color: black;
    margin-right: 7px;
    float: left;
}

.double-grf {
    margin-top: 8px;
    position: relative;
    z-index: 99
}

.display-pop {
    padding-top: 50px !important;
}

.pop-close {
    margin-top: -50px;
    right: 0
}

#ModelIterations thead tr th:last-child {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}


/*tezt*/

.sidebar-list {
    position: relative;
}

.box-values {
    position: absolute;
    bottom: 30px;
}

#rootwizard ul li a:focus {
    text-decoration: none;
}


/*temp*/
.table > thead {
    font-weight: 700;
    font-size: 12px;
}
/*temp ends*/



/*New*/
.sec-head {
    float: left;
    width: 100%;
    margin: 20px 0 10px;
    border-bottom: 2px solid
}

    .sec-head h4 {
        font-size: 17px;
        font-weight: 700;
        text-transform: uppercase;
    }

.role-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .role-list li {
        padding: 0;
        margin: 10px 0;
    }

.tick {
    width: 23px !important;
    font-size: 10px;
    height: 23px !important;
    cursor: pointer !important;
    border-radius: 50%;
    float: right;
    padding: 0 !important;
}

.tick-s {
    width: 20px !important;
    font-size: 10px;
    height: 20px !important;
    cursor: pointer !important;
    border-radius: 50%;
    float: right;
    border: 0;
    padding: 0 !important;
}

.tick-disable-s {
    background: url(../Images/tick-small.png) #ccc no-repeat center;
}
/*.tick-active{background:url(../Images/ok-tick.png) #68bc36}*/


/*Simulation*/
/*.sml .pry-data .btn{margin-top: 0; padding: 8px 25px}*/
.ico-btn {
    padding-right: 0 !important;
}

.sml .pry-data .btn:hover {
    margin-left: 2px;
}

.sml-search-ico {
    position: absolute;
    top: 11px;
}

.search-field {
    padding-left: 30px !important;
}

.sc-name {
    font-weight: 700;
    text-align: left !important;
}

.sc-date {
    font-size: 12px;
}

.sc-high {
    font-weight: 700;
}

.scenarios-table td:nth-child(2) {
    padding-left: 25px !important;
}

.scenarios-table tr td:first-child {
    width: 10px;
}

.scenarios-table tr td:last-child {
    width: 80px;
}

.scenarios-table > thead > tr > th {
    text-align: right;
    border-bottom: 1px solid #212121 !important;
}

    .scenarios-table > thead > tr > th:nth-child(2) {
        text-align: left !important;
    }

.tick .glyphicon-ok {
    margin-top: 5px;
    margin-left: 6px;
}

.scenarios-table tbody > tr > td {
    padding: 8px 8px !important;
    text-align: right;
}

.sc-actions li {
    width: 17px;
    height: 18px;
    float: left;
    list-style: none;
    border-right: 1px solid;
    padding: 0px;
    padding: 0px 9px;
    margin: 1px 4px;
    cursor: pointer;
    padding-left: 13px;
}
    /*.sc-actions{margin: 0; padding: 0; float: right; display: none; position: relative;}*/
    .sc-actions li:last-child {
        border: 0;
    }

.scenarios-table tbody > tr > td > p {
    font-weight: normal;
    font-size: 12px;
}

.sc-value {
    padding: 10px;
    min-width: 100%;
    text-align: right;
    font-weight: 700;
    float: right;
    border-radius: 3px;
}

.base-table .sc-name p {
    font-size: 12px;
    font-weight: normal;
}

.base-table > thead > tr > th {
    text-align: right;
    border-bottom: 1px solid;
}

.scenarios-table > tbody > tr:hover .sc-actions {
    display: block;
}
/*.base-table{ -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);}*/
.base-table > thead > tr > th:nth-child(2) {
    text-align: left !important;
}

.base-sc {
    position: fixed;
    top: -100px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    margin-left: -15px !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;
}

.show {
    display: block
}

.show-this {
    top: 63px
}

.new-sc {
    padding: 20px;
    text-align: center;
}

.sc-pjt {
    width: 50%;
    margin: 0 auto;
    position: absolute;
    top: 265px;
    left: 25%;
}

.new-sc .btn {
    margin: 0 auto
}

.sc-description {
    margin-top: 10px;
}

    .sc-description span {
        font-weight: 700;
        font-size: 11px;
    }

.sc-tabs li > a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

.sc-tabs li.active > a {
    padding-bottom: 7px;
    padding-top: 8px
}

.sc-tab-content {
    margin-top: 0 !important;
}

.tab-top {
    text-transform: uppercase;
    font-size: 11px;
    padding: 8px 12px;
    text-align: right;
    float: right;
    width: 100%;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);
}

.tab-top1 {
    text-transform: uppercase;
    font-size: 11px;
    padding: 10px 15px;
    float: right;
    width: 100%;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22);
}

.ms-label {
    font-size: 14px;
    float: left;
}

.sc-tabs > li > a {
    background-color: transparent;
    border: 1px solid;
    border-bottom: 0;
}

    .sc-tabs > li > a:hover {
        border: 1px solid;
        border-bottom: 0;
    }

.panel-actions {
    float: left;
    width: 100%;
    padding: 20px 10px;
    font-weight: 700;
    font-size: 12px;
    min-height: 36px;
    color:;
}

    .panel-actions .full-screen {
        float: right;
        cursor: pointer;
    }

.sc-tab-content .panel-actions {
    padding: 6px 0;
}

.sc-options-dropdown {
    padding-left: 0
}

    .sc-options-dropdown .k-dropdown-wrap.k-state-default {
        border: 0;
    }

.sc-sliders {
    border: 1px solid;
    border-top: 1px solid;
    float: left;
    width: 100%;
    z-index: 99999 !important;
    position: relative;
    max-height: 400px;
    overflow-y: scroll;
}

#modify-actions1 .btn {
    padding: 7px 0;
    text-align: center;
    font-size: 14px;
}

.top-to-bottom {
    border-width: 1px;
    border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 3 100%;
    -webkit-border-image: -webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 3 100%;
    -moz-border-image: -moz-linear-gradient(black, rgba(0, 0, 0, 0)) 3 100%;
    -o-border-image: -o-linear-gradient(black, rgba(0, 0, 0, 0)) 3 100%;
    border-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0)) 3 100%;
}

#modify-actions {
    margin: 10px 0;
    float: left;
    width: 100%;
    cursor: pointer;
}

    #modify-actions .col-md-5 {
        padding-left: 0;
        padding-right: 10PX;
    }

    #modify-actions i {
        font-size: 20px;
        margin-top: 5px
    }

#modify-actions1 {
    margin: 10px 0;
    float: left;
    width: 100%;
    cursor: pointer;
}

    #modify-actions1 .col-md-5 {
        padding-left: 0;
        padding-right: 10PX;
    }

    #modify-actions1 i {
        font-size: 20px;
        margin-top: 5px
    }

.full-details {
    width: 500px;
    height: 300px;
    float: left;
    background-color: red;
    position: absolute;
}

#full-details {
    width: 210%;
    height: 375px;
    float: left;
    position: absolute;
    right: 0;
    z-index: 99;
    margin-right: 15px;
    margin-top: 15px;
    padding: 16px 1px;
    z-index: 19999;
    display: none;
}

    #full-details .full-screen {
        font-size: 12px;
        text-transform: none;
        font-weight: 700;
        cursor: pointer;
        float: right;
    }

#overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9991;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.6);
    overflow-x: hidden;
    transition: 0.5s;
    display: none;
}

.opt-ico {
    padding: 2px 6px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    float: left;
    font-size: 12px;
    position: absolute;
    margin-top: 1px;
    margin-left: -25px;
}

.opt {
    float: left;
    position: relative;
    width: 30%;
}

    .opt .tool-tip {
        left: -130px !important;
        right: :-130px !important;
        margin-left: -30px !important
    }

.second-row .glyphicon {
    font-size: 15px;
    margin: 3px 0 0 5px;
}

/* .loss span{float: right;
    margin: 0px 0 0px 10px;
    font-size: 12px;
    font-weight: 700;}
.loss div{    padding: 0 5px;
    width: 100%;
     border-radius: 5px;
     line-height:24px;
}
.kpi-table>thead>tr>th{font-weight: 700; text-align: left; font-size: 11px; padding-bottom:1px;padding-top:0px; }
.kpi-table tbody>tr>td{padding:2px 3px 0px 3px !important}
.kpi-table .second-row{font-weight: 700; font-size: 14px !important;}
.profit div{
    width: 100%;
    float: right; border-radius:4px;}
.profit span{    float: right;
    margin: 0 0 0 10px;
    font-size: 12px;
    text-align: left;
    font-weight: 700;} */
.table-align {
    text-align: center;
    font-size: 11px;
}

.min-grf .card-title {
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    z-index: 99;
    display: contents;
}

.grf-hover:hover {
    cursor: pointer;
}

.grf-hover .expImg {
    margin-top: -5px;
    font-size: 12px;
}

.kpi-table {
    text-align: right;
    margin-bottom: 0px;
}

#modify-actions .btn {
    padding: 7px 0;
    text-align: center;
    font-size: 14px;
}

.ind-sec {
    float: left;
    border: 1px solid;
    padding: 15px;
    width: 100%;
    position: relative;
}

.add-new {
    float: right;
    padding: 11px 2px 0 0;
}

#EfficiencyID table .k-treelist-group td {
    background-color: transparent !important
}


/*New*/
.msr-select-list ul {
    margin: 0;
    padding: 0;
    height: 253px;
    overflow-y: scroll;
    width: 100%;
}

    .msr-select-list ul li {
    }

.list-search {
    position: relative;
}

    .list-search .srh-ico {
        margin-left: 0;
    }

    .list-search input {
        padding-left: 35px;
        !important;
    }

.ind-action .btn {
    margin-top: 0px;
}

#modify-msr .div-sec-title {
    margin: 0;
    padding-top: 1px
}

#modify-msr {
    position: absolute;
    width: 98%;
}

#AddMeasureLink {
    padding-bottom: 20px;
}

#MeasureSelection {
    margin-top: -15px;
}

.msr-list > li:last-child {
    border: none;
}

/*New*/
.input-top {
    float: left;
    width: 100%;
    margin: 15px 0;
}

.updated-time {
    display: block;
}

.line {
    float: left;
    width: 100%;
    height: 1px;
    margin-top: -11px;
}

.project-overview .div-sec-title {
    margin-left: 20px;
    padding-top: 15px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 400;
}

.input-menu {
    margin-top: 20px;
}

    .input-menu li:first-child a {
        padding-top: 0;
        padding-bottom: 15px;
    }

.mycheckbox {
    margin-top: 5px;
    margin-left: 5px;
}

.mycheckboxdiv {
    text-align: right;
}

.role-block {
    padding: 10px 15px;
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

.select-all {
    float: right;
    width: 45px;
}

.role-block .sec-head {
    margin-top: 0;
}

    .role-block .sec-head h4 {
        font-size: 16px;
    }

#add-data {
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: 40px;
    -webkit-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.75);
}

.add-head {
    padding: /*20px*/ 0 0;
    width: 100%;
    float: left;
}

    .add-head .btn {
        margin: 20px 10px 0
    }

    .add-head .des {
        font-size: 20px
    }

.add-actions li {
    padding: 5px 15px;
    border-radius: 3px;
    border: 1px solid;
}

.add-close {
    width: 21px;
    height: 21px;
    float: left;
    margin-top: 20px;
    position: relative;
}

    .add-close .close {
        position: relative;
        right: 0
    }

#excel {
    width: 100%;
    height: 300px;
    margin-top: 20px;
    float: left;
}

.desc {
    margin-top: -10px
}

.add-head .line {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.add-head h3 {
    font-size: 20px;
    font-weight: 700;
}


/* Forecast style*/
.f-label {
    font-weight: 700;
}

.i-summary label {
    text-transform: uppercase;
    font-weight: 300;
}

.i-actions {
    margin-top: 20px;
}

    .i-actions a {
        padding: 0 8px;
    }
/*.i-new{ width:100%; padding:15px 10px; text-align:right;}
.i-new .btn-primary{padding:8px 20px}*/
.i-new {
    width: 100%;
    text-align: right;
    padding-top: 5px;
}

    .i-new .btn-primary {
        padding: 8px 15px;
        margin-top: 0;
    }

    .i-new .btn-secondary {
        padding: 7px 15px;
        margin-top: 0;
        float: right;
        background-color: #868686;
    }

        .i-new .btn-secondary:hover {
            background-color: #4D4D4D;
            color: #FFF
        }

.i-table tr td:first-child {
    padding-left: 10px;
    font-weight: 700;
    text-align: left;
}

.i-thead {
    padding-left: 40px !important
}

    .i-thead tr th:first-child a {
        text-align: left;
        margin-left: 62px !important;
    }

    .i-thead a {
        text-align: right;
    }

.Causal-ico {
    padding: 5px 6px 5px 7px;
    border-radius: 50%;
    width: 9px;
    height: 12px;
    line-height: 15px;
    float: left;
    font-size: 12px;
    position: absolute;
    margin-top: 1px;
    margin-left: -30px;
}

.i-date {
    font-size: 12px;
}

.i-table tr td:nth-child(7) {
    font-size: 12px;
}

.Causal .tool-tip {
    z-index: 9999999999 !important;
    position: absolute !important
}
/*Change the size here*/
.i-table .tooltip-inner {
    max-width: 95px;
    margin-left: 40px;
}

.i-table {
    text-align: right
}

.ind-sec-line {
    float: left;
    width: 100%;
    padding-top: 10px !important;
}

.i-msr-list {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    padding: 3px 10px;
}

    .i-msr-list li {
        margin: 0;
        padding: 5px 0;
        list-style: none;
        display: block;
        float: left;
        width: 100%;
        border-bottom: 1px solid;
    }

        .i-msr-list li:last-child {
            border: 0
        }

    .i-msr-list .k-dropdown-wrap .k-input {
        height: 1.40em;
    }

    .i-msr-list input {
        height: 32px;
    }

    .i-msr-list li label {
        margin-top: 5px;
    }

.sub-title {
    margin: -8px 0 0 36px;
}

.modify-action {
    margin: 0;
    padding: 0
}

    .modify-action li {
        list-style: none;
        float: left;
    }

        .modify-action li .btn {
            margin-top: 0 !important;
            padding: 10px 15px 10px 15px;
        }

        .modify-action li .btn-link {
            padding: 8px 15px 5px 15px;
        }

.f-details {
    padding: 8px 10px !important;
}

    .f-details .div-sec-title {
        margin: 10px 0 9px;
    }

.m-actions .btn {
    padding: 9px 25px;
    margin: 20px 15px 0 5px;
}

.m-actions .btn-link {
    padding: 7px 5px;
    margin: 20px 15px 0 5px;
}

#history {
    float: left;
    width: 100%;
}

.btn-link {
    border: 0;
    cursor: pointer
}

.box_inner_dataClassification {
    margin: 0;
    right: 0;
    position: absolute;
    /*z-index: 99;*/
    top: 0;
}

    .box_inner_dataClassification .glyphicon {
        padding: 4px;
        cursor: pointer;
        box-shadow: none !important;
        border-bottom: 0;
        text-align: right;
    }

    .box_inner_dataClassification .top {
        box-shadow: none !important;
        text-align: right;
    }

    .box_inner_dataClassification .glyphicon {
        background-color: rgba(255, 255, 255, 0.87);
        border-left: 1px solid #CCCCCC;
        color: #000000;
        padding-left: 10px
    }

.top .dropdown-menu {
    min-width: 100px !important;
    border-radius: 0;
}

.op-list li {
    padding: 0px !important;
    color: #FFF;
}

.box_inner_dataClassification .btn-group {
    max-width: 100px !important
}

.op-list {
    border-radius: 0 !important;
    background-color: #e8e8e8;
}

.box_inner_dataClassification .bottom {
    display: none;
    margin-left: -50px;
    width: 100px;
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.59);
    -moz-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.59);
    box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.59);
}
/*#simulateTabDiv{z-index:99999 !important}*/
.sm-modal .modal-footer {
    text-align: left !important
}

.sm-modal .opt-ico {
    margin-left: 0 !important;
    position: relative !important;
    margin: 10px 0;
}

.copy-opt {
    float: left;
    width: auto;
    margin-top: 10px
}

    .copy-opt label {
        margin: 10px;
        font-weight: normal;
    }

.sm-modal .cal {
    padding: 7px 12px !important;
    border-radius: 0px;
}

.sc-actions .tooltip-inner {
    max-width: 60px;
    margin-left: 60px;
}

.opt .tooltip-inner {
    max-width: 80px;
    margin-left: 30px;
}

.sml .pry-data .btn {
    margin-top: 0 !important;
    padding: 8px 25px;
}

.sc-actions {
    margin: 0;
    padding: 0;
    float: right;
    display: none;
    position: absolute;
    margin-left: 25px;
}

.BaseKPI div {
    padding: 5px 10px;
    width: 100%;
    float: right;
    border-radius: 5px;
}

.BaseKPI span {
    float: right;
    margin: 2px 0 0px 10px;
    font-size: 12px;
    text-align: left;
    font-weight: 700;
}

.ico-btn {
    padding-right: 0 !important;
}

.sml-scenarios {
    -webkit-box-shadow: 0px 4px 3px -2px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 4px 3px -2px rgba(0,0,0,0.39);
    box-shadow: 0px 4px 3px -2px rgba(0,0,0,0.39);
}

.sc-sliders td {
    padding: 5px
}

    .sc-sliders td:first-child {
        padding: 5px 0px 5px 5px !important;
    }

.history {
    margin-top: 7px
}

.temp {
    margin: 0 15px 20px 0 !important;
}

.panel-actions .k-state-hover > * > .k-i-arrow-s {
    background-position: 0 -32px !important;
}




/*Post Theme*/
#error {
    width: 100%;
    border: 1px solid rgba(255, 0, 0, 0.45);
    background-color: rgba(255, 0, 0, 0.11);
    padding: 15px;
    border-radius: 2px;
}

.k-slider-selection {
    width: 160px;
}

.panel-actions .k-state-hover > * > .k-i-arrow-s {
    background-position: 0 -32px !important;
}

.panel-actions .sc-options-dropdown {
    width: 170px;
    float: left;
}

.col2 {
    width: 42%;
}

.exp-table .col2 {
    width: 21%;
    padding-left: 5px;
}

.exp-table .col3, .exp-table .col4, .exp-table .col5, .exp-table .col8 {
    width: auto !important;
}

.exp-table .col3_O, .exp-table .col4_O, .exp-table .col5_O, .col8_O {
    width: auto !important;
}

    .exp-table .col3_O input, .exp-table .col4_O input, .exp-table .col5_O input, .exp-table .col8_O input {
        width: 80px !important;
    }

.exp-table .col3 input, .exp-table .col4 input, .exp-table .col5 input, .exp-table .col8 input {
    width: 80px !important;
}

.col6_O {
    padding: 0 2px !important;
    float: left;
}

.col5 .TextBoxStyl {
    width: 20px !important
}

.col5 span {
    width: 20px !important
}

.col2_O {
    width: 38%;
}

.exp-table .col2_O {
    width: 23%;
}

.exp-table .col6_O {
    /*padding-left: 35px !important*/
}

    .exp-table .col6_O .range-value-l {
        margin-right: 1px !important
    }

#BaseValueBudget {
    text-align: center
}

.TextBoxStyl {
    border: none
}




/*ROLE*/


/*Simulation*/

.range-value {
    text-align: right;
    background-color: #f1f1f1;
    padding: 2px 14px 2px 2px;
    width: 42px;
    margin-top: -10px;
    border: 1px solid #ebebeb !important;
    border-radius: 2px;
}

.range-value-l {
    background-color: #f1f1f1;
    padding: 2px 14px 2px 2px;
    width: 42px;
    margin-top: -5px;
    margin-right: -3px;
    border: 1px solid #ebebeb !important;
    border-radius: 2px;
}

.popupSlider .prs-value {
    right: 25%;
}

/*.TabStyl thead{visibility:hidden !important}
.TabStyl thead {
    visibility: visible !important;
    width: 100% !important; float:left !important;
}*/
.opt-head {
    height: 0px;
    float: left
}

#optimizeTab .k-slider-selection {
    width: 130px !important;
    height: 3px !important;
    margin-top: 0.11px !important;
    margin-top: -1px !important;
    left: 0px !important;
}

#optimizeTab .k-slider-horizontal, #optimizeTab .k-slider-track {
    width: 133px !important;
    margin: 0 2px
}
/*#optimizeTab .exp-table .k-slider-horizontal, #optimizeTab .exp-table .k-slider-track, #optimizeTab .exp-tabe .k-slider-selection {width:200px !important;}*/
.exp-table .col6 {
    padding-left: 15px;
    padding-right: 15px
}

.sec-head h4 {
    float: left;
}

.role-list {
    overflow-y: auto;
    height: 300px;
    float: left;
    width: 100%;
}

/*ROLE*/

.sec-head h4 {
    float: left;
}

.role-list {
    overflow-y: auto;
    height: 300px;
    float: left;
    width: 100%;
}



/*SPEND/SUPPORT*/
.total-list, .total-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ss {
    position: relative;
    right: 0;
    margin-top: -34px;
    float: right;
    z-index: 99999;
    padding: 0 10px;
    color: #8e8d8d;
    line-height: 34px;
    background-color: white;
}

.spend-table td:first-child {
    font-weight: bold
}

.spend-table {
    margin-top: 20px !important
}

    .spend-table > thead {
        color: #212121
    }

    .spend-table tbody > tr > td {
        padding-top: 10px !important
    }

    .spend-table thead > tr > th {
        border-bottom: 2px solid #c7c7c7;
        margin-bottom: 4px;
    }

.dates {
    display: block;
    font-size: 12px;
    color: #777
}



/*Simulation Nandhini*/
.base-col {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.18);
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.18);
    box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.18);
}

/*Modeling*/
.multi-drops .btn-group button {
    margin: 0 !important;
    text-align: left;
    padding: 7px 10px;
    border: 0;
    border-radius: 0;
    width: 100% !important
}

    .multi-drops .btn-group button .caret {
        background-image: url(../images/sprite.png);
        background-position: -2px -32px;
        color: transparent;
        float: right;
        width: 16px;
        height: 18px;
        margin-top: -1px;
    }

.multi-drops .btn-group {
    width: 100% !important
}

    .multi-drops .btn-group button:hover {
        background-color: #204d74;
        color: #FFF
    }

.multi-drops .multiselect-container {
    border-radius: 0;
    width: 100%;
}

    .multi-drops .multiselect-container > li > a > label {
        padding: 3px 10px;
    }

        .multi-drops .multiselect-container > li > a > label > input {
            height: 22px !important
        }

    .multi-drops .multiselect-container > .active > a {
        background-color: #c7c7c7 !important;
        color: #171313
    }

.msr-list-box {
    height: 320px;
    border: 1px solid #9B9B9B;
    overflow-y: auto;
    margin-bottom: 10px;
    background-color: #FFF;
}

.msr-list-box-r {
    border-color: #226BA4 !important;
    height: 387px !important
}

.measure-list, .export-measure-list {
    margin: 0;
    padding: 0 8px
}

    .measure-list li, .export-measure-list li {
        margin: 0;
        padding: 4px 10px;
        list-style: none;
        border-bottom: 1px solid #E0E0E0;
        font-weight: bold;
        cursor: pointer;
    }

        .measure-list li:hover, .selected-list li:hover, .selected-list-csl li:hover, .export-measure-list li:hover, .selected-list li:hover, .selected-list-csl li:hover {
            background-color: #F2F2F2
        }

        .measure-list li.selected-item, .export-measure-list li.selected-item {
            background-color: rgba(255, 246, 145, 0.9)
        }

    .measure-list > li:first-child, .export-measure-list > li:first-child {
        border-top: 0px !important
    }

.selected-item .tick-disable, .export-selected-item .tick-disable {
    background-color: #757575 !important
}

.selected-item .tick-disable-s, .export-selected-item .tick-disable-s {
    background-color: #757575 !important
}

.measure-sub {
    margin: 0;
    padding: 0;
}

.measure-sub {
    margin: 0;
    padding: 0;
}

    .measure-sub li {
        font-weight: normal;
        word-wrap: break-word
    }

.msr-list-box .tick-s {
    margin-left: 10px !important;
    margin-right: -10px !important;
}

.msr-list-box-r .tick-s {
    margin-left: 10px !important;
    margin-right: -5px !important;
}

.pry-data .msr-list-box-r {
    height: 360px !important;
}

.measure-sub ul {
    margin: 0;
    padding: 0;
}

    .measure-sub ul li {
        padding-left: 25px;
        margin: 0;
        word-wrap: break-word;
    }

.tick {
    border: 0;
}

.move {
    width: 40px;
    height: 40px;
    display: block;
    margin-bottom: 10px;
    border-radius: 2px;
    cursor: pointer
}

.one_a {
    background: url(../images/move_a.png) #226ba4 no-repeat;
}

.all_a {
    background: url(../images/move_all_a.png) #226ba4 no-repeat;
}

.one_d {
    background: url(../images/move_d.png) #EBEBEB no-repeat;
}

.all_d {
    background: url(../images/move_all_d.png) #EBEBEB no-repeat;
}

.pry-data .one_d {
    background-color: #cccccc
}

.pry-data .all_d {
    background-color: #cccccc
}

.selected-list li, .selected-list-csl li {
    margin: 0;
    padding: 5px 10px;
    list-style: none;
    border-bottom: 1px solid #E0E0E0;
    cursor: pointer;
}

.export-selected-list li, .export-selected-list-csl li {
    margin: 0;
    padding: 5px 10px;
    list-style: none;
    border-bottom: 1px solid #E0E0E0;
    cursor: pointer;
    word-wrap: break-word;
}


.selected-list, .selected-list-csl {
    margin: 0;
    padding: 0;
}

.export-selected-list, .export-selected-list-csl {
    margin: 0;
    padding: 0;
}

.model-content {
    padding: 15px;
    float: left;
    width: 100%
}

    .model-content h3 {
        font-weight: 700;
        font-size: 18px;
        margin: 0 0 25px 0;
        width: 60%;
        float: left;
    }

    .model-content .btn span {
        color: #B5DD92;
        margin-right: 10px;
    }

p.notes {
    font-size: 12px;
    color: #999999;
    margin: 10px 0
}

.link-icon {
    width: 20px;
    height: 15px;
    float: left;
    background: url(../../content/images/correlate.png) no-repeat;
    background-position-y: -10px;
}

.list-tool {
    float: right;
    margin: 5px 20px 0 0
}

.msr-active {
    background-color: #FFF691;
}

.slt-title {
    padding: 0 0 6px 0;
    color: #777;
    margin-top: -7px;
}

#GroupsandSubgroups1 .slt-title {
    margin-top: 0px !important;
}

.correlation-popup .modal-header {
    background-color: rgba(242, 242, 242, 1);
    margin-bottom: 0;
    padding-bottom: 0;
}

.correlation-popup .modal-title {
    font-size: 18px;
    font-weight: 700;
    color: #515151;
    margin-bottom: 10px
}

.correlation-popup .modal-header p {
    width: 100%;
    color: #999999;
    margin: 10px 0;
}

.model-actions .col-md-2, .model-actions .col-md-3, .model-actions .col-md-4 {
    padding: 0 5px;
}

.model-actions1 .col-md-2, .model-actions1 .col-md-3, .model-actions1 .col-md-4 {
    padding: 0 5px;
}

.view-type {
    background-color: #E0E0E0;
    padding: 10px 15px !important;
    margin-top: -30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.transformation-list {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%
}

    .transformation-list li {
        margin: 0;
        padding: 0;
        list-style: none;
        border-bottom: 1px solid #e8e8e8;
        padding: 5px 0 6px;
        float: left;
        width: 100%
    }

        .transformation-list li:hover {
            background-color: #f7f7f7 !important
        }
            /* .transformation-list li .btn-link{padding-top: 0px; display: none;} */
            .transformation-list li:hover .btn-link {
                display: block;
            }

    .transformation-list .global-field {
        border: 1px solid gainsboro !important;
    }

    .transformation-list .col-md-10, .transformation-list .col-md-9, .transformation-list .col-md-3, .transformation-list .col-md-2, .transformation-list .col-md-1 {
        padding: 0 5px;
    }

    .transformation-list .msr-name {
        font-weight: normal;
        /* color: #226BA4; 
    padding-top: 7px; */
    }

        .transformation-list .msr-name .digrees {
            color: #00000099;
            font-size: 12px;
            margin-top: 4px;
        }

    .transformation-list > li .btn-primary.active {
        border-color: red !important
    }

.bayesian {
    float: left;
}

.mx-actions div {
    /*background-color: transparent;*/
    border: 1px solid #f6f6f6;
    float: left;
    padding: 2px 10px 2px 0px;
    border-radius: 2px;
    margin-right: 8px;
    color: #226BA4;
    font-size: 11px;
}

    .mx-actions div i {
        color: #ccc !important;
        margin: 0 5px;
    }

.mx-actions {
    margin-top: 0px;
    cursor: pointer;
}

.move-actions {
    margin-top: 35px;
}

.multiselect-container .checkbox input[type=checkbox] {
    float: left;
    position: relative !important;
    padding: 0;
    margin: 0px 5px 0 0;
    width: 15px;
}


.dwrapper {
    padding: 2px;
    overflow: hidden;
    vertical-align: top;
}

    .dwrapper div.tblWrapper {
        height: 300px;
        overflow: auto;
        margin-top: 10px;
    }

    .dwrapper #fixed_hdr1 {
        width: 1500px;
    }

#fixed_hdr1 th, td {
    border-width: 0px;
    border-style: solid;
    padding: 6px 4px;
}

.model-table tr td {
    border: 0px;
}

    .model-table tr td i {
        text-align: center;
    }

.model-table tbody > tr > td {
/*    padding: 0px 8px !important;
*/    vertical-align: middle;
}

.table-striped > tbody > tr {
    background-color: #f9f9f9
}

.table-striped tbody tr td {
    padding: 5px 3px !important;
    border-bottom: 1px solid #ddd;
}

    .table-striped tbody tr td:nth-child(1), .table-striped tbody tr td:nth-child(2), .table-striped tbody tr td:nth-child(3), .table-striped tbody tr td:nth-child(4), .table-striped tbody tr td:nth-child(5) {
        border: 0;
    }

.modal-lg {
    margin: 30px auto
}

#ModelBuild {
    float: left;
    margin: 15px 0 0 !important;
}

/*.model-table td{ border-style: solid;
    border-width: 0 0 1px 0px;
    border-color: #E0E0E0;}
.model-table tbody>tr>td{padding:8px 0 !important}
.model-table table tr:first-child td{padding:0 !important}
.accordion-body {
    width: 780%;
    background-color: red;
}
.accordion-body table{width: 100% !important; }
.hiddenRow{position: relative;
    width: 80%;
    background-color: red;
    float: left;}*/


/*#CorrelationDetailsPane{position: absolute;
    top: 0;
    width: 100%; height:100%;
    left: 0;
    background-color: rgba(33, 33, 33, 0.34);overflow-x: hidden;
    overflow-y: auto;}*/
/*#CorrelationTab{}*/
.selected-item {
    background-color: rgba(255, 246, 145, 0.9)
}

#AddMeausuresTitle h3 {
    margin-bottom: 0 !important
}

#GroupsandSubgroups .modal-body {
    padding: 0 18px
}


@media (min-width: 32em) {
    .modal-box {
        width: 20%;
    }
}

.modal-sp {
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.modal-parameters h3 {
    font-size: 18px;
    font-weight: 700;
    color: #515151;
    margin-bottom: 0
}

.modal-header {
    border-bottom: 1px solid #f3f3f3;
}

.modal-footer {
    border-top: 1px solid #f3f3f3;
}

.modal-parameters .modal-header {
    background-color: #E0E0E0;
    border: 0;
    padding-bottom: 0;
    padding-left: 20px
}

.modal-parameters .pry-data {
    padding-top: 0;
    margin-bottom: 15px;
}

#UpdateModelParameters {
    display: none
}

.apl_transformations .modal-content {
    float: left;
    width: 100%;
}

.apl_transformations .transformation-list li {
    padding: 5px 15px;
}

    .apl_transformations .transformation-list li:hover {
        background-color: #e4e4e4
    }

.apl_transformations modal-footer .btn {
    margin-top: 10px;
    float: left
}

.bayesianlink {
    margin: -3px 0 0;
    padding: 0 15px;
}

#TransformationDetailsPane .modal-footer {
    width: 100%;
    background-color: #FFF;
    padding: 0 -20px;
    float: left
}

.apl_transformations .transformation-list {
    padding: 0;
}

.apl_transformations h3 {
    margin-bottom: 0
}

.apl_transformations .col-md-offset-2 {
    margin-left: 20.666667%
}

.apl_transformations .bayesianlink {
    margin-right: 30px;
}

.apl_transformations .transformation-list .msr-name {
    color: #525252;
}

.table1 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
}

#TransformationMeasures h3 {
    font-size: 16px;
}

.msr-move {
    margin-top: 20px
}
/*#CorrelationTab{ top:0; bottom:0; background:rgba(0, 0, 0, 0.5); left:0; right:0}*/
#CorrelationTab .modal-header {
    padding-bottom: 15px;
}

#CorrelationTab .model-actions1 .btn {
    padding-top: 7px;
    padding-bottom: 7px
}

#colorbox {
    padding: 20px 0;
}

.transformation-list .global-field {
    padding: 5px 8px
}

.transformation-list .values span {
    height: 28px;
    line-height: 13px !important;
    /* padding-top: 2px; */
    padding-top: 8px;
    padding-right: 0;
}

.transformation-list .values .digrees {
    width: 70px !important
}

.sec-line1 {
    padding-top: 7px !important;
    float: left;
    width: 100%;
}

.dragoption {
    background-color: dimgray !important;
    color: white !important;
}

.c-icon {
    float: left;
}

    .c-icon i {
        padding: 7px 0 5px 10px;
        margin: 0
    }

.model-table .checkbox {
    float: left
}

.modal-header .modal-title {
    font-size: 17px;
    font-weight: 700;
    color: #515151;
}

.msr-list-box::-webkit-scrollbar {
    width: 10px;
}

.msr-list-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 10px rgba(0, 0, 0, 0.59);
    border-radius: 0px;
}

.msr-list-box::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 rgba(0, 0, 0, 0);
}

#TransformationMeasures h3 {
    font-weight: 700;
    margin: 0 0 25px 0;
    float: left;
    width: 80%;
}

.no-padding {
    padding: 0 !important
}

#transformationChartPanel {
    top: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.29) !important;
}
/*#GroupsandSubgroups{min-height:340px; float:left; width:100%; position:relative}*/
.carve span {
    margin-right: 10px
}


#ind-spinner {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

    #ind-spinner img {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 25%;
    }

.GroupsandSubgroups {
    /* min-height: 330px; */
    float: left;
    width: 100%;
    position: relative;
}

.fix-top {
    position: fixed;
    top: 60px;
    z-index: 15
}

.stickypane .save-model-panel {
    width: auto;
}



@media (min-width: 992px) {
    .model-sticky .container {
        width: 940px !important;
    }
}

@media (min-width: 1200px) {
    .model-sticky .container {
        width: 1140px !important;
    }

    .fix-top {
        top: 60px
    }

    .model-table tbody > tr > td:nth-child(2), .model-table tbody > tr > td:nth-child(1) {
        padding: 0 !important
    }

        .model-table tbody > tr > td:nth-child(2) i {
            padding: 5px 0 !important
        }
}

}

/*NEW FILTER*/


.filter-new a {
    color: #212121; /*text-transform: uppercase; font-weight: 700; */
    text-decoration: none;
}

    .filter-new a:hover {
        color: #212121;
    }

.filter-new .btn {
    float: left;
    margin-top: 0px;
    padding: 5px 20px;
    border-radius: 0;
    font-size: 14px;
    border-radius: 1px;
}


.filter-new .col-md-1, .filter-new .col-md-2, .filter-new .col-md-3, .filter-new .col-md-4, .filter-new .col-md-5, .filter-new .col-md-6 {
    padding: 0 5px;
}

.flt-btn {
    border: 0;
    background-color: transparent;
}

.filter-new .open > .dropdown-menu {
    border-radius: 0 !important;
    border: 0px;
}

.filter-new .dropdown-menu li input {
    margin-right: 5px;
}

.filter-new .dropdown-menu li {
    float: left;
    width: 100%;
}

    .filter-new .dropdown-menu li:last-child {
        padding-bottom: 10px
    }

.blocks {
    position: relative;
    float: left;
    margin: 0 8px;
    color: #666666;
    width: 130px;
}

    .blocks .search-form {
        margin-bottom: 15px;
    }

    .blocks .caret {
        border-top: 8px dashed;
        color: #787878;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        margin-left: 10px;
        margin-top: -3px;
    }

    .blocks .dropdown-menu {
        min-width: 240px;
        margin: 9px 0 5px -10px;
    }

.filter-actions {
    text-align: right;
    padding: 10px 5px;
    float: right;
    display: block;
}

    .filter-actions a {
        font-size: 12px;
        text-transform: none;
        color: #226ba4;
        font-weight: normal;
        padding: 0 10px;
    }

        .filter-actions a:first-child {
            border-right: 1px solid #b6b6b6;
        }

.filter-new button {
    margin: 0;
    padding: 0;
}



.selected-filters {
    padding: 10px 10px;
}

.selected-listpanel {
    float: left;
    width: 100%;
    background-color: rgb(248, 248, 248);
    padding: 10px;
}

.blocks-list {
    margin: 0 8px;
    float: left;
    width: 130px;
    min-height: 1px;
}

.selectedfilter-list {
    margin: 0;
    padding: 0;
}

    .selectedfilter-list li {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        padding-left: 25px;
        font-size: 12px;
        line-height: 20px;
    }

        .selectedfilter-list li:hover {
            text-decoration: line-through;
            cursor: pointer;
        }

    .selectedfilter-list i {
        font-size: 11px;
        position: absolute;
        margin: 3px 0 0 -20px;
    }

.more-list {
    color: #999999;
}

.filter-new-actions a {
    color: #226BA4;
    float: right;
}

    .filter-new-actions a:last-child {
        margin-right: 10px;
    }

.filter-new-actions {
    float: right;
}

.save-panel {
    display: none;
}

    .save-panel button {
        margin: 0 3px;
    }



.filter-new-actions {
    text-align: right;
}

.save-panel .btn {
    margin-top: 0;
    float: right;
}

#saved-filter-new {
    float: right;
}

    #saved-filter-new span.k-dropdown {
        width: auto !important;
        background-color: transparent;
        border: none;
    }

    #saved-filter-new .k-dropdown-wrap.k-state-default {
        background-color: transparent;
        border: none;
        padding-right: 0;
    }

    #saved-filter-new .k-dropdown .k-input, #saved-filter-new .k-dropdown .k-state-focused .k-input, #saved-filter-new .k-menu .k-popup {
        color: #226ba4;
        padding: 0 28px 0 0;
    }

    #saved-filter-new .k-dropdown .k-select {
        margin-top: -3px;
    }

.clear-btn {
    float: right;
}

    .clear-btn button {
        padding: 5px 15px;
    }
/*.blocks .checkbox label::before, .blocks .checkbox label::after{margin-left: 0; margin-top: 1px; width: 16px; height: 16px;}
.blocks .checkbox label{padding-left: 25px;}*/
.blocks .dropdown-menu > li > a {
    padding: 2px 0;
}

.drop-ico {
    background: url(../images/data-image.png);
    width: 15px;
    height: 15px;
    float: right;
    margin: 3px 0 0 6px;
}

#AddMeausuresTitle {
    margin-bottom: 30px;
}

.ind-bayesian {
    margin-top: 10px;
    width: 100%;
}

    .ind-bayesian .mx-actions div {
        border: 1px solid #bbbbbb;
    }

        .ind-bayesian .mx-actions div i {
            margin: 0 15px 0 15px
        }

    .ind-bayesian .mx-ef {
        width: 100%;
    }



/*Forecasting New*/
.f-charts {
    width: 100%;
    border: 1px solid #f2f2f2;
    float: left;
    position: relative;
}

    .f-charts .filter-new {
        background-color: transparent !important;
        border-bottom: 1px solid #f2f2f2;
    }

        .f-charts .filter-new .section-label {
            margin-left: -10px;
            margin-top: 5px;
        }

    .f-charts .pry-data {
        background-color: #ececec
    }

.cal-ico {
    float: right;
    position: absolute;
    top: 31px;
    right: 15px;
}

    .cal-ico .glyphicon {
        color: #9a9a9a
    }

.list-all-msr .msr-actions button:last-child {
    border: 0
}

.list-all-msr {
    float: left;
    background-color: #fafafa;
    width: 100%;
    padding: 15px;
    margin-top: 20px
}

.display-items {
    margin: 0;
    padding: 0;
}

    .display-items li {
        list-style: none;
        float: left;
        width: 100%;
        border-top: 1px solid #e0e0e0;
        padding: 5px 0;
    }

.list-all-msr p {
    float: left;
    padding: 20px 0;
    color: #545454;
}

.list-all-msr .cal-ico {
    top: 7px;
    right: 10px;
}

.list-all-msr .msr-name {
    padding-top: 6px;
}

.head-section {
    font-weight: 700;
    color: #808080;
    font-size: 12px;
}

.calendar input {
    font-size: 12px !important;
}

.display-items li:first-child {
    border: 0;
    border-bottom: 1px solid #cdcdcd;
}

.empty-label {
    margin-top: 25px
}

.top-actions {
    float: right;
    padding-top: 23px;
    font-size: 20px;
}

.context {
    float: left;
}

    .context .dropdown-menu .glyphicon {
        margin-left: 0px;
    }

.bookmark-ico {
    float: left;
    color: #c3c3c3
}

.crown-ico {
    background-image: url('../../content/images/crown.png');
    width: 16px;
    height: 16px;
    margin-right: 15px;
    margin: 0 10px 0;
}

.crown-ico-y {
    background-image: url('../../content/images/crown-yellow.png');
    width: 21px;
    height: 24px;
    margin-right: 15px;
    margin: -10px 10px 0;
}

.thirdparty-symbol {
    background-image: url('../../content/images/external.png');
    width: 24px;
    height: 24px;
    margin-right: 15px;
    margin: 0 10px 0;
}

.sub-head {
    float: left;
    margin-left: 35px;
    margin-top: -8px;
    color: #969696;
}

    .sub-head .glyphicon {
        margin-left: 0;
    }

.com-sum {
    background-color: #FFF;
    padding: 10px 15px;
    float: left;
    color: #969696;
    margin: 15px 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.10), 0 1px 5px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.07);
}

.sum-list {
    margin: 0;
    padding: 0;
}

    .sum-list li {
        float: left;
        width: 100%;
        font-size: 12px;
        color: #9e9e9e;
        list-style: none;
        padding: 2px 0
    }

        .sum-list li span {
            font-size: 18px;
            color: #212121;
            margin-left: 8px;
        }

        .sum-list li:first-child {
            font-weight: 700;
            color: #212121;
            font-size: 16px;
        }

.com-normal {
    font-size: 14px !important;
}

.contribution-chart {
    border: 1px solid #e0e0e0;
    float: left;
    width: 100%;
    position: relative;
}

    .contribution-chart .remove-this {
        margin: 120px 0;
    }

.dash-box {
    float: left;
    border: 1px solid #F1F1F1;
    background-color: #FFF;
    padding: 20px 15px;
    width: 100%;
    position: relative;
    margin-top: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

#ScenarioSupport {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

    #ScenarioSupport table thead th {
        white-space: normal !important
    }

        #ScenarioSupport table thead th .k-link {
            line-height: 17px;
            font-size: 12px;
        }

.dash-box .pry-data {
    background-color: #FFF;
    margin-bottom: 15px;
    padding: 10px 0px;
    border-bottom: 2px solid #f7f7f7;
}

.graph-head {
    padding-top: 10px;
    padding: 15px;
}

.push-right {
    margin-right: 15px;
}

#iterations {
    float: left;
    padding: 15px;
    background-color: #FFF;
    width: 100%;
    border: 1px solid #F1F1F1;
    border-top: 0px;
}

.save-model-panel a {
    padding: 3px;
}

.save-name {
    font-size: 14px;
    font-weight: 700;
    padding-top: 5px;
}

    .save-name .edit-ico {
        margin: 0px
    }

.save-text {
    padding: 8px 7px;
    border: 1px solid transparent
}

    .save-text:hover {
        border: 1px solid #bdbdbd;
    }

.edit-ico {
    color: #868686
}

.session-settings textarea {
    margin-top: 10px;
    margin-bottom: 0;
}

.session-settings input {
    border: 1px solid #E2E2E2;
    padding: 7px 8px;
    display: block;
    clear: both;
}

.session-settings .form-group {
    margin-bottom: 0px;
    float: left;
    display: inline-block;
    width: 100%;
}

.session-settings .discription {
    float: left;
    width: 100%
}

.session-settings .f-period {
    width: 25%;
}

    .session-settings .f-period .cal-ico {
        top: 47px !important;
    }

.sct-model {
    background-color: #f1f1f1;
    padding: 15px;
    margin-bottom: 15px
}

    .sct-model .div-sec-title {
        margin-bottom: 0;
        margin-left: 0;
    }

.model-sum {
    display: block;
}
/*.model-sum ul{margin:0; padding: 0;}
.model-list li{list-style: none; float: left;}*/
.model-list {
    width: 100%
}

    .model-list div {
        display: inline-block;
        font-weight: normal;
        margin-right: 15px;
        padding-top: 5px;
    }

        .model-list div span {
            text-transform: uppercase;
            color: #b1b1b1;
            margin-right: 5px;
            font-size: 12px;
        }

.sct-model .dropdown-menu {
    min-width: 400px
}

    .sct-model .dropdown-menu li:hover .model-list div span {
        color: #FFF
    }

    .sct-model .dropdown-menu li a {
        font-weight: 700; /*border-bottom: 1px solid #e0e0e0;*/
    }

.sct-model .dropdown {
    padding: 10px;
    background-color: #fafafa;
    cursor: pointer;
}

.selected-model-list {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
}

    .selected-model-list li {
        padding: 10px;
        border: 1px solid #d6d6d6;
        border-radius: 2px;
        float: left;
        list-style: none;
        margin-bottom: 10px;
        width: 100%
    }

        .selected-model-list li:last-child {
            margin-bottom: 0;
        }

        .selected-model-list li:first-child {
            margin-top: 10px;
        }

.model-actions {
    float: right;
}

.sct-names {
    float: left;
    width: 45%;
    font-weight: 700
}

.model-actions a {
    padding: 0 15px;
    border-right: 1px solid #e8e8e8;
    cursor: pointer
}

    .model-actions a:last-child {
        padding-right: 10px;
        border: none
    }

    .model-actions a:first-child {
        padding-left: 0;
    }

.selected-model-list .model-list {
    float: left;
    width: 50%
}

    .selected-model-list .model-list div span {
        color: #9c9c9c;
    }

.add-head h3, .add-head .btn, .add-close {
    margin-top: 5px;
}

.add-close {
    margin-right: 0
}

.add-head .desc {
    margin: -5px 0 0 20px;
    float: left
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 70%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.right .modal-body {
    padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.2s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.2s ease-out;
    -o-transition: opacity 0.3s linear, right 0.2s ease-out;
    transition: opacity 0.3s linear, right 0.2s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}

.side-pop {
    margin-top: 10px
}

.checkbox-success .styled {
    margin: 2px 0 0;
    cursor: pointer;
}

.checkbox-success label {
    cursor: auto
}

#ModelHistory {
    padding: 10px 12px;
    cursor: pointer;
    background-color: #e4e4e4;
    color: #226BA4;
    border: 1px solid lightgrey;
}

.ind-panel {
    background-color: #E0E0E0;
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

.filter-new .msr-search {
    margin-top: 0;
    background-color: transparent;
    border-bottom: 1px solid #f4f4f4
}

.filter-new .search-form .glyphicon {
    margin-top: -2px
}

.filter-new .blocks .search-form {
    margin-bottom: 0
}

.filter {
    padding: 0px;
    background-color: #E0E0E0
}

#SavePanelBox .push-both {
    margin: 0 4px;
}
/*#SavePanelBox .global-field{padding:5px 6px 4px 6px}
#SavePanelBox .btn{margin-top:0; padding:6px 20px}*/
#SaveFilter {
    margin-left: 10px
}



.correlate-i {
    width: 20px;
    height: 15px;
    float: left;
    margin-right: 18px;
    background: url('../../content/images/correlate.png') top no-repeat;
    background-color: transparent;
    background-position-y: -4px;
}


.msr-icons {
    float: right
}

    .msr-icons div {
    }



/*NEW 11-1*/
.exp-transform {
    float: left;
    padding: 15px;
    background-color: #ececec;
}

/*Simulation styles*/
#ScurveChart2 {
    width: 99% !important;
}

    #ScurveChart2 svg {
        width: 102% !important;
    }

.base-col td:nth-child(2) {
    padding-left: 7px !important;
}

.exp-tab .panel-actions {
    position: absolute;
    background: transparent !important
}

.exp-tab .sc-sliders {
    padding-top: 10px;
}

.TabStyl thead {
    font-size: 10px;
    width: 100%
}

.pager {
    margin: 5px 0 !important
}

    .pager li > a, .pager li > span {
        display: inline-block;
        padding: 8px 14px;
        /* width: 2em; */
        border-radius: 0;
        font-size: 12px;
        /* line-height: 2em; */
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 0;
    }


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #4D4D4D !important;
    border: 1px solid #4d4d4d !important;
}

.sc-high {
    color: #68BC36 !important
}

.profit div {
    background-color: #68BC36 !important;
    color: #FFF !important;
}

.msr-tree ul li {
    padding: 1px 0 !important
}


.k-slider-horizontal .k-state-focused {
    margin-top: 2px !important;
}

.ft_container table tr th {
    background-color: #DBEAF9;
}

.modal-body .ft_container table tr th {
    background-color: transparent !important;
}

.copy-box .modal-body {
    padding: 0 15px;
}

.copy-box .modal-header {
    border: 0;
    padding: 15px 15px 0 15px;
}

.copy-box .modal-footer {
    border: 0
}

.k-select .k-selected {
    background-color: red !important
}


.empty-th {
    white-space: nowrap;
    text-indent: 500px;
    overflow: hidden;
    cursor: default !important;
}

.validation-summary-errors ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.up-button {
    float: left
}

.spend-btn {
    float: left
}

.top-none {
    margin-top: 0 !important
}


.prs-value {
    float: right;
    padding-top: 2px;
    color: #00000080;
    position: absolute;
    right: 6px;
    font-size: 12px;
}

.prs-value-l {
    float: left;
    padding-top: 2px;
    color: #00000080;
    position: absolute;
    left: 32px;
    font-size: 12px;
}

@media (min-width:1200px) {
    .affix,
    .affix-bottom {
        width: 263px;
    }
}

.Update-btn {
    position: absolute;
    top: -5px;
    right: 85px;
}







/*NEW JAN 12*/
.bottom-panel {
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 99;
    padding: 10px 0;
    background-color: rgba(250, 250, 250, 0.95);
}

.bp-scrolled {
    border-top: 1px solid #e0e0e0;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.18);
    -moz-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.18);
    box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.18);
}

.bottom-panel #ModelBuild {
    margin: 0 !important;
}

    .bottom-panel #ModelBuild button {
        padding: 10px 20px;
    }
/*.modelresults{min-height:300px}*/
.master-group ul li {
    padding-left: 60px
}

    .master-group ul li .master-group ul li {
        padding-left: 180px
    }

.measure-sub > .master-group ul li {
    padding-left: 45px;
}

.master-group2 li {
    padding-left: 70px !important;
}

.master-group3 li {
    padding-left: 90px !important;
}

.master-group2 li ul {
    font-weight: normal
}

.Groups {
    font-weight: 700 !important;
    color: #0099cc;
    border-top: 1px solid #676767;
}

.export-groups {
    font-weight: 700 !important;
    color: #0099cc;
    border-top: 1px solid #676767;
}

.external {
    padding: 10px;
    cursor: pointer;
    background-color: #f5f5f5
}

#createsession .external {
    border-right: 1px solid #d8d8d8;
    margin-right: 10px;
}


#createaddparty {
    margin: 0;
    padding: 0;
}

.add-Model-title {
    font-weight: 700;
}

#Model_listbox li {
    position: relative
}

    #Model_listbox li:hover .glyphicon-new-window {
        color: #FFF
    }

#Model_listbox .k-state-selected {
    color: #FFF
}

.scenario-list-table {
    text-align: left;
}

    .scenario-list-table .glyphicon-flag {
        font-size: 18px;
        color: #616161;
        margin-top: -10px
    }

    .scenario-list-table .glyphicon-star {
        font-size: 17px;
        color: #c7c7c7;
        padding-top: 10px
    }

    .scenario-list-table .glyphicon-lock {
        font-size: 18px;
        color: #c7c7c7;
        padding-top: 12px
    }

    .scenario-list-table .glyphicon-lock {
        font-size: 16px;
        color: #616161;
    }

    .scenario-list-table tr td:nth-child(1) {
        width: 50px;
        padding-left: 0;
    }

    .scenario-list-table tr td:nth-child(2) {
        text-align: left;
        font-weight: 700;
    }

    .scenario-list-table tr td:nth-child(3) {
        font-weight: 700;
        color: green
    }

    .scenario-list-table tr td:nth-child(5) {
        color: #868686;
    }

    .scenario-list-table td {
        padding: 12px 8px
    }

#scenariotable thead tr th:nth-child(2) {
    padding-left: 50px;
    text-align: left
}

    #scenariotable thead tr th:nth-child(2) a {
        text-align: left
    }

#scenariotable .k-grid-content {
    position: initial !important;
}

.scenario-links .tooltip-inner {
    max-width: 50px !important;
}

.scenario-list-table tbody tr td {
    cursor: pointer
}

    .scenario-list-table tbody tr td:first-child, .scenario-list-table tbody tr td:last-child {
        cursor: default
    }


#iterationdata .k-grid-header th:nth-child(6) {
    border-bottom: 2px solid #727272
}

.tags {
    width: 100%;
    float: left;
    font-weight: normal
}

#iterationgrid {
    text-align: right
}

span.bs-tag {
    padding: 2px 5px;
    border-radius: 8px;
    color: #FFF;
    font-size: 10px;
    background-color: #f39d12;
}

span.bs-tag-base {
    padding: 2px 5px;
    border-radius: 8px;
    color: #FFF !important;
    font-size: 10px;
    text-transform: none !important;
    background-color: black;
}

.add-Model-title .glyphicon-new-window {
    float: right;
    padding-top: 8px;
    font-size: 12px;
    margin-right: 0
}

.model-list .tags {
    padding-top: 0
}

.scenario-list-table .Causal-ico {
    background-color: #a8a8a8;
    color: #FFF;
    font-size: 10px;
    width: 8px;
    height: 10px;
    line-height: 10px;
    margin-top: 2px;
}



/*Transform Table*/
.transform-table {
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

    .transform-table thead > tr > th {
        border-bottom: 2px solid #727272
    }

.d-multi-selection .k-multiselect-wrap li {
    padding: 0.3em 1.8em .3em .4em !important;
    width: auto;
}

.d-multi-selection .k-multiselect-wrap .k-state-hover {
    background-color: #cacaca
}

.k-multiselect-wrap li {
    padding: 0.3em 1.8em .3em .4em !important
}

.d-multi-selection {
    width: 100%;
}

.transform-sections {
    background-color: #fafafa;
    padding: 15px !important;
    margin-top: 10px;
}

.transform-table tbody > tr > td {
    vertical-align: middle;
}

.transform-table {
    margin-top: 20px
}

    .transform-table tbody input {
        width: 130px;
        padding: 5px 8px
    }


/*Spinner Nandini*/
.dash-box #ind-spinner {
    background: #FFF;
    z-index: 99;
    display: none
}

.dash-box .tab-content {
    position: relative;
}

.d-multi-selection .k-state-hover, .k-state-hover:hover {
    border-color: #cacaca
}

.d-multi-selection .k-multiselect-wrap {
    height: 33px;
}



/*Univariate*/

.k-popup .k-list .show-all-msr {
    border-top: 1px solid #e0e0e0 !important;
    color: #226ba4;
    /*text-decoration: underline;*/ cursor: pointer;
}

    .k-popup .k-list .show-all-msr:hover {
        color: #FFF;
    }

    .k-popup .k-list .show-all-msr:focus {
        color: #FFF;
    }



/*NEW Styles*/
.dis-msr {
    border-color: #bdbdbd !important;
    background-color: #e0e0e0 !important;
}

.list-all-msr .upload-btn {
    background-position: 10px
}



/*Jan 27 2017*/

.xl-actions {
    margin: 10px 0;
    padding: 0;
    float: left;
    width: 100%;
}

    .xl-actions li {
        margin: 0 3px;
        padding: 5px 20px;
        background: #CCCCCC;
        list-style: none;
        float: left;
        border-radius: 2px;
        cursor: pointer;
    }

        .xl-actions li:first-child {
            margin-left: 0;
        }

    .xl-actions > .active {
        background-color: #4D4D4D;
        color: #FFF;
    }

    .xl-actions li:hover {
        background-color: #4D4D4D;
        color: #FFF;
    }

.xl-block {
    background-color: #f3f3f3
}

.data-value-panel {
    background-color: #FFF;
    padding: 8px;
    position: absolute;
    right: 15px;
    width: 100px;
    height: 100%;
    -webkit-box-shadow: -2px 4px 5px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 4px 5px -1px rgba(0,0,0,0.75);
    box-shadow: -2px 4px 5px -1px rgba(0,0,0,0.75);
}

.data-pop {
    padding: 10px 0;
}

    .data-pop .btn {
        margin-top: 0;
    }

    .data-pop .mx-actions {
        margin: 10px 5px;
        float: left
    }

.no-top-mrg {
    margin-top: 0 !important;
}

.lft-ac {
    float: right;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pull-up {
    margin-top: -15px;
}

.lft-ac #ScDropdown {
    display: none;
}

.pull-up #ScDropdown {
    display: block !important
}

.slt-diomentions {
    border-top: 1px solid #efefef;
    margin: 10px 0;
}

.single-line {
    width: 100%;
    padding-top: 10px;
}

    .single-line label {
        margin-top: 0;
    }

    .single-line .mx-actions {
        float: right;
    }

#inp-status {
    width: 300px;
    background-color: red;
    position: absolute;
    height: 200px;
    z-index: 99;
    top: 60px;
    right: 28px;
}


/*JAN 30*/
.mx-ind-btn {
    margin-top: 30px;
}

    .mx-ind-btn div {
        border: 1px solid #b1b1b1;
    }

.transformation-list li {
    /* padding: 10px 15px; */
    padding: 8px 0 6px;
}

.change-data {
    font-size: 12px;
    text-align: right;
    font-weight: normal
}

.ind-pry {
    padding: 5px;
    background-color: #f2f2f2 !important
}

    .ind-pry .modal-header {
        background-color: transparent
    }

.single-btn {
    margin: 20px 0 15px;
    float: left;
}

.mid-padding .col-md-4 {
    padding-right: 5px;
    padding-left: 5px;
}

.create-single li {
    padding: 0
}

.sct-model .create-single {
    min-width: 350px !important
}

#createaddparty .external a {
    font-weight: 700;
}

#comparegrid .checkbox {
    float: left;
    position: absolute;
    top: 6px;
    left: 10px;
}

.compare-table tr th:nth-child(2) {
    padding-left: 30px;
}

    .compare-table tr th:nth-child(2) .k-link {
        text-align: left;
        padding-left: 30px;
    }

#comparegrid tbody tr td:first-child {
    width: 23px;
    position: relative
}

#comparegrid tbody tr td:nth-child(2) {
    text-align: left;
    padding-left: 25px
}

#comparegrid .c-indication {
    float: left;
}

#comparegrid .checkbox input[type="checkbox"], .checkbox input[type="radio"] {
    cursor: pointer
}

.view-btn {
    width: 100%;
    padding-top: 5px;
}


/*JAN 30*/
.xl-sheet {
    position: relative;
    margin-bottom: 55px;
}

.head-value {
    background-color: #848282;
    color: #FFF;
    padding: 12px 5px;
    font-size: 12px;
    margin-left: -8px !important;
    margin-right: -8px;
    margin-top: -10px;
    margin-bottom: 10px;
}

.data-value-panel .global-field {
    height: 25px
}

/*1 Feb*/
.view-all-msr .search-form .glyphicon-search {
    margin-top: 10px;
}

.view-all-msr .msr-list-box {
    margin-top: 34px;
}

.view-all-msr {
    margin-bottom: 0 !important;
}

.position-bg {
    background-position: 10px !important;
}

.ds-filter .filter-new-actions, .ds-filter .section-label {
    display: none;
}

.ds-filter .filter-new .blocks {
    margin-left: 0 !important;
    padding-left: 0 !important
}

/*3 Feb*/
.f-chart-block {
    width: 100%;
    float: left;
    position: relative;
    padding: 10px;
}

.f-charts .f-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.filter-new {
    padding: 6px 5px 6px 10px;
    margin-top: 1px;
    background-color: rgba(242, 242, 242, 1);
    float: left;
    width: 100%;
    position: relative;
    /*z-index: 99;*/ /*commented the filter partial view to be disabled in loading scenario*/
}

.section-label {
    width: 70px;
    margin-right: 8px;
    float: left;
    font-size: 12px;
    margin-top: 5px;
    text-transform: uppercase;
    color: #999999;
    border-right: 1px solid #ababab;
    margin-left: -12px;
}

.selected-listpanel .section-label {
    margin-right: 20px;
}

.blocks-list .showMoreAndLess {
    margin-left: 21px;
    font-size: 12px;
    color: #999999;
}



/*2 Feb*/
input:focus, textarea:focus, input:hover, textarea:hover {
    outline: none;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 3px rgba(171, 171, 171, 0.5);
}

/*6 Feb*/
.btn-align {
    padding: 10px 25px 11px 33px !important
}

.k-state-disabled .k-input {
    color: #9E9E9E;
    cursor: not-allowed;
}

.k-multiselect-wrap .k-input {
    line-height: 1.80em;
    height: 26px;
}

    .k-multiselect-wrap .k-input:hover, .k-multiselect-wrap .k-input:focus {
        box-shadow: none !important;
    }


/*7 Feb*/
.no-style-filters .filter-new {
    background-color: transparent;
    margin: 5px 0 23px 0
}

.no-style-filter .f-row {
    margin-left: 0 !important;
    margin-right: :0px;
}

.no-style-filter .blocks-list {
    margin-left: 0px;
}

.pry-data .selected-listpanel {
    margin-bottom: 15px !important;
    padding: 10px 0;
    margin-top: -10px;
}

.pry-data .blocks-list {
    margin-left: 0px;
}

.pry-data .selected-listpanel .btn {
    margin-top: 0;
    padding: 5px 10px;
    margin-right: 10px;
}

.pry-data .block {
    color: #1b1b1b !important
}

.pry-data .filter-new .dropdown-menu li input {
    margin: 0;
    width: 10px;
}

.model-list div:last-child {
    margin-right: 0;
}



/*7 FEB (2)*/
.link-btn-set {
    margin: 7px 0;
    float: left
}

    .link-btn-set a, .link-btn-set a:hover {
        border-right: 1px solid #878787;
        padding: 0 15px;
        cursor: pointer
    }

        .link-btn-set a:last-child {
            border: none
        }

.value-grf {
    margin-top: 40px;
}

.ind-filter {
    border-top: 1px solid #cfcfcf;
    margin-top: 15px;
    float: left;
    width: 100%;
}

    .ind-filter .filter-new {
        background-color: transparent;
    }

/*8 Feb AND*/
.f-charts .filter-new #SavePanelBox .global-field {
    border: 1px solid #e0e0e0 !important;
}

#cancelBtn {
    margin-right: 0px
}



/* All Sessions */
.border-box {
    border-right: 1px solid #cacaca;
    text-align: center;
    margin-top: 15px;
    color: #989898;
    font-size: 12px;
}

.number {
    font-weight: 700;
    display: block;
    color: #333232;
    font-size: 16px;
}

.border-box:last-child {
    border-right: 0;
}

.session-list {
    float: left;
    width: 100%;
    margin-top: 20px
}

    .session-list .box {
        background-color: #ECECEC;
        padding: 20px;
        float: left;
        width: 100%;
        position: relative;
        height: 230px;
        margin-bottom: 0;
    }

        .session-list .box p {
            color: #212121;
            margin-top: 5px;
            float: left;
            border-top: 1px solid #cacaca;
            padding-top: 15px;
            width: 100%;
        }

.session-action {
    float: left;
    margin: 0;
    padding: 10px 20px;
    background-color: #ECECEC;
    list-style: none;
    margin-bottom: 30px;
    width: 100%;
    border-top: 1px solid #dadada
}

    .session-action li {
        float: left;
        padding: 0 20px;
        border-right: 1px solid #cacaca;
    }

        .session-action li:first-child {
            padding-left: 0
        }

        .session-action li:last-child {
            border: none;
        }

/*Feb 15*/
.f1 .f-row {
    margin: 0px !important;
}

.pry-filter .f-row {
    margin: 0 !important;
    padding: 5px 10px 0
}

.pry-filter .blocks, .f1 .blocks {
    margin-top: 2px;
}

.pry-filter .selected-listpanel {
    margin-top: 10px;
    background-color: rgb(241, 241, 241);
    margin-bottom: 0px !important
}

.model-ftr {
    margin-top: -15px;
}

.no-hover:hover, .no-hover:focus {
    box-shadow: none !important;
}

.error-msg {
    color: red;
    display: block;
    float: left;
    margin-left: -15px;
    margin-top: -15px;
    margin-bottom: 10px;
}

.next-line {
    float: left;
    width: 100%;
}

.new-line {
    margin-top: 10px;
    float: left;
    width: 100%;
}

#Model-list {
    width: 300px !important;
}

.external1 {
    cursor: pointer;
    float: right;
}

    .external1 a:hover {
        color: #FFF
    }

.k-state-hover a {
    color: #FFF;
}

.external-ico {
    width: 24px;
    height: 24px;
    float: right;
    background: url() no-repeat;
    background-image: url('../Images/external.png');
}

.single {
    width: 51%;
    float: left
}

.small-head {
    position: fixed;
    top: 43px;
    z-index: 999;
}

    .small-head .com-sum {
        padding: 4px 10px;
    }

    .small-head .sum-list li {
        padding: 1px 0;
    }

        .small-head .sum-list li:first-child {
            font-size: 14px;
        }

        .small-head .sum-list li:nth-child(2) {
            width: 55%;
            float: left;
        }

        .small-head .sum-list li:nth-child(3) {
            width: 45%;
            float: left;
        }

        .small-head .sum-list li span {
            font-size: 14px;
        }

    .small-head .ft {
        padding-right: 0;
    }

    .small-head .nd {
        padding: 0;
    }

    .small-head .td {
        padding-left: 0;
    }

.compare-summary {
    padding: 0;
}

    .compare-summary li {
        margin: 0;
        list-style: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.small-head li:first-child {
    padding-right: 0 !important
}

.small-head li:nth-child(2) {
    padding: 0 !important
}

.small-head li:last-child {
    padding-left: 0 !important
}

.comp2 li:last-child {
    padding-right: 15px !important;
}

.f-due-to {
    float: right !important;
    margin-right: 120px !important;
    margin-top: 7px;
}

.due-actions {
    border: 1px solid #dadada;
    float: right;
    padding: 2px 10px 2px 0px;
    border-radius: 2px;
    margin-right: 8px;
    color: #226BA4;
    font-size: 11px;
    position: relative;
    z-index: 99;
    cursor: pointer;
    margin-top: 8px;
}

.due-top {
    float: left;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

#modelDueTo {
    float: left;
    width: 100%;
    position: relative;
}

.selected-item th:nth-child(2), .selected-item th:nth-child(1), .selected-item th:nth-child(6) {
    border-bottom: 2px solid #727272 !important;
}

    .selected-item th:nth-child(2) .k-link, .selected-item th:nth-child(6) .k-link {
        border-bottom: 0
    }

#scenariotable .k-grid-header, #iterationdata .k-grid-header {
    padding-right: 0 !important
}

.explain {
    font-size: 14px;
    color: #939393;
}

.radio-list label {
    font-weight: normal;
    margin: 5px 0;
}

.radio-list input {
    display: none
}

.full-line {
    width: 100%;
}

.full-cover {
    width: 100%;
    float: left
}

.due-to-drop .dropdown-menu {
    min-width: 0px;
    border-color: #f7f7f7;
    border-radius: 0;
}

    .due-to-drop .dropdown-menu li a span {
        float: left;
        width: 100%;
        color: #a5a5a5;
        font-size: 12px;
    }

    .due-to-drop .dropdown-menu > li {
        float: left;
        width: 100px !important;
        text-align: right;
    }

        .due-to-drop .dropdown-menu > li > a {
            float: left;
        }

        .due-to-drop .dropdown-menu > li:hover span {
            color: #FFF
        }

.due-to-drop a {
    color: #4d4d4d;
}

.due-drop {
    margin: 0 0 0 8%;
    padding: 0;
    width: 94%;
}

.drop-less {
    margin-left: 16%;
}

.drop-6 {
    margin-left: 12% !important;
}

.due-drop li {
    padding: 0 10px;
    padding: 0;
    list-style: none;
    font-size: 80%;
}

.left-options {
    float: left;
    width: auto
}
/*.dash-box .section-title{width:80%;}*/
.single-options .k-dropdown {
    width: 50% !important;
    float: right;
}

.single-options .ae-options {
    width: 50%;
    float: left;
    padding-right: 10px;
    padding-top: 8px;
    text-align: right;
    margin-top: 0px;
}

.single-options .ae-options {
    width: 50%;
    float: left;
    padding-right: 10px;
    padding-top: 8px;
    text-align: right;
    background-color: red;
}

.single-options .k-dropdown {
    width: 50% !important;
    float: right;
}

    .single-options .k-dropdown .k-dropdown-wrap .k-input {
        line-height: 1.8em !important;
        padding: 2px 1px !important;
    }



/*------------ Forecast Landing Summary ------------*/
.link-tab {
    margin: 5px 0 20px -31px;
    padding: 0;
    float: left;
    width: 103%;
    border-bottom: 1px solid #d0d0d0;
}

    .link-tab li {
        list-style: none;
    }

        .link-tab li a {
            padding: 10px 30px;
            float: left;
        }

    .link-tab .active-item a {
        border-bottom: 2px solid #226BA4;
        color: #969696;
        margin-bottom: -2px;
    }

.value-tag {
    padding: 3px 10px;
    color: #FFF;
    width: auto;
    float: left;
    margin-right: -10px !important;
    border-radius: 20px;
    white-space: nowrap;
    cursor: pointer
}

.low .value-tag {
    background-color: #68BC36;
    float: right
}

.heigh .value-tag {
    background-color: #990000;
    float: right
}

.value-tag span {
    font-size: 12px;
    margin-left: 8px
}

.modal-bg {
    float: left;
    width: 100%;
    background: #FFF;
}

#MeasuresforProxy .proxy-pop {
    width: 60% !important
}

#MeasuresforProxy .search-form {
    height: 34px;
}

    #MeasuresforProxy .search-form .glyphicon-search {
        margin-top: 10px !important;
    }

/*Measure Properties*/
.measure-properties {
    margin: 0;
    padding: 0;
}

    .measure-properties li {
        margin: 0;
        background-color: #f4f4f4;
        list-style: none;
        padding: 10px 0 10px 10px;
        border-bottom: 1px solid gainsboro;
        float: left;
        width: 100%;
    }

        .measure-properties li:last-child {
            border-bottom: 0px;
        }

        .measure-properties li label {
            color: #8a8a8a;
            font-weight: normal;
        }

.properties {
    min-height: 400px;
}

.slt-name {
    font-size: 16px;
    margin-top: -5px;
    margin-bottom: 5px;
    height: 35px;
    word-wrap: break-word;
}

.measure-properties li span.k-dropdown {
    width: auto;
    min-width: 150px;
    margin-left: 15px;
}

.measure-properties li .k-dropdown-wrap .k-input {
    height: 1.40em;
    line-height: 1.40em;
    padding: 5px 2px;
}

.measure-properties li .radio {
    float: left
}

.msr-properties .msr-list-box {
    height: 440px;
}

.msr-properties .msr-search {
    margin-top: -5px;
}


/*Forecast Summary*/
.fr-summary {
    float: left;
    min-width: 99.9%;
    overflow-y: scroll;
    text-align: right;
    margin-bottom: 0;
    width: 99.9%
}

    .fr-summary > thead tr th {
        text-align: right;
    }

    .fr-summary thead tr th:nth-child(2) {
        padding-left: 190px !important;
    }

    .fr-summary tbody tr td:nth-child(2) {
        padding-left: 190px !important;
    }

    .fr-summary .btn-link {
        padding: 3px 0 0 2px;
    }

    .fr-summary > thead tr th:first-child {
        position: absolute;
        display: inline-block;
        background-color: #FFF;
        width: 180px;
        text-align: left;
    }

    .fr-summary > tbody tr td:first-child {
        position: absolute;
        display: inline-block;
        background-color: #FFF;
        width: 180px;
        text-align: left;
        line-height: 23.5px;
        border-right: 1px solid #dadada;
    }

    .fr-summary > tbody tr:last-child td:first-child {
        height: 42px;
    }

.fixed-table-body {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
    margin-top: 30px;
}

.cover-frame {
    float: left;
    width: 100%;
    padding: 0 15px 15px;
}

.fr-summary .glyphicon-menu-right, .fr-summary .glyphicon-menu-down {
    margin-left: 0;
    line-height: 27px;
    width: 100%;
    margin-left: -17px;
    margin-top: 3px;
    position: absolute;
    cursor: pointer;
}

.fr-summary tbody > tr > td /*{min-width:37px;*/ text-align:right
}
/*.first-table tr:last-child td{background-color: #efefef !important; padding:7px 5px !important; }
.first-table tr:last-child td:first-child{line-height: 30px; padding-left: 25px !important }*/
.first-table tbody > tr > td {
    padding: 10px 8px !important
}

.fr-summary tbody > tr > td {
    padding: 5px 8px !important
}


#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar {
    height: 10px !important;
    background-color: #bdbdbd;
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #bdbdbd;
}

.font-md {
    font-size: 90% !important;
}

/*17 March*/
.edit-msr-list {
    padding-top: 15px;
}

.EditMeasures {
    margin-bottom: 20px;
}

.ind-title {
    font-size: 16px;
    width: 100%;
    float: left;
    font-weight: 700;
    display: inline-block;
    margin: 15px 0 20px;
}

.edit-msr-list .selected-list li:hover, .edit-msr-list .selected-list-csl li:hover {
    background-color: #fff69b;
}

.selected-item .new-tag {
    background-color: #dedab6;
}

.edit-msr-list .msr-list-box {
    height: 320px;
}

.edit-transform .transformation-list li {
    background-color: #FFF;
}

    .edit-transform .transformation-list li:hover {
        background-color: #FFF;
    }

.no-border {
    border: none !important
}

.edit-section {
    padding-top: 15px;
}

.modal-md {
    max-width: 500px;
    margin: 20px auto 0 auto;
}

.edit-modal {
    padding: 15px;
}

    .edit-modal .edit-msr-list {
        width: 100% !important
    }

.edit-msr-list .ind-title, .EditMeasures .ind-title {
    margin-top: 0
}

/*March 22*/
.blank {
    width: 150px;
    background-color: red;
    height: 1px;
    float: left
}

.market-selection {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    font-size: 95%;
}
/*.table-width{width:110px;}*/
.bubble-table {
    background-color: #efefef !important;
    height: 45px;
}

    .bubble-table tr td:first-child {
        line-height: 30px;
        padding-left: 25px !important;
        background-color: red
    }

    .bubble-table tbody tr td:first-child {
        background-color: #efefef;
        line-height: 30px;
    }

    .bubble-table tbody > tr > td {
        padding: 8px !important;
    }

.fixed-drops {
    float: right;
    width: 100%;
    background-color: #E0E0E0;
    padding: 7px 5px 5px;
}

.f-period .cal-ico {
    top: 43px !important;
    right: 10px !important;
}

.f-period input {
    width: 100% !important;
}

.filter-sort {
    background-color: #f4f4f4;
    float: left;
    width: 100%;
    padding: 0 10px;
}

    .filter-sort label {
        margin: 10px 0 5px;
        font-weight: 400;
        color: #656464;
        border-right: 1px solid #949494;
        font-size: 12px;
        padding-right: 10px;
        margin-right: 10px;
    }

    .filter-sort .k-dropdown-wrap.k-state-default {
        background-color: transparent;
        border: 0px;
    }

    .filter-sort span.k-dropdown {
        width: 188px !important;
        border: 0px !important;
    }

.search-form input {
    background-color: #FFF;
}

.digree-text {
    padding-right: 59px;
}

.coefCls {
    width: 75% !important
}

.half-drop {
    width: 125px !important;
    font-size: 85%;
    float: right;
    margin-bottom: 2px;
}

    .half-drop .k-dropdown-wrap .k-input {
        padding: 1px !important
    }

.half-first .ae-options {
    margin-top: 5px;
    width: auto !important
}

.half-sec .ae-options {
    margin-bottom: 14px;
}

.half-sec .cal-ico, .half-first .cal-ico {
    top: 37px;
}

.compare-with .ae-options {
    margin-bottom: 12px;
}

.cmb-btn {
    margin-top: 28px;
    margin-left: 5px;
    padding: 6px 25px;
    float: left;
}

.nxt-btn {
    margin-top: 67px;
    margin-left: 5px;
    padding: 6px 25px;
    float: left;
}
/*.ind-link-btn{
    margin-top: 22px;
    float:left;
    cursor:pointer;
    width: auto;
    padding: 7px 20px;}*/

/*SIMULATION TAB*/

.sim-msr-table .checkbox {
    margin: 5px 0
}

.sim-msr-table tbody tr td:last-child {
    text-align: right;
    line-height: 21px;
}

.sim-msr-table thead tr th:last-child {
    text-align: right;
    line-height: 21px;
}

.sim-msr-table {
    background-color: #f7f7f7;
    padding: 15px;
}

    .sim-msr-table table {
        border: 1px solid #dddddd;
        background-color: #FFF;
    }

.sim-drop {
    background-color: #f1f1f1;
    border-radius: 0;
    padding: 10px 20px;
    font-weight: 700;
    color: #000;
}

.sim-msr-table p {
    color: #9c9c9c
}

.holder {
    height: 268px;
    overflow-y: scroll;
    margin: 10px 0;
}

.cal-table tbody tr td:first-child {
    font-weight: 700;
    color: #808080;
    font-size: 12px;
    line-height: 35px;
}

.cal-table tbody tr td:last-child, .cal-table tbody tr td:nth-child(2) {
    line-height: 35px;
}

.cal-table span.k-numerictextbox {
    background-color: transparent !important;
}

.cal-table table, .sim-out-table table {
    border: 1px solid #dddddd;
}

    .sim-out-table table tr td {
        border: 1px solid #dddddd
    }

.vertical-text {
    transform: rotate(90deg);
    transform-origin: top 0;
    margin-top: 82px;
    margin-left: -41px;
    float: left;
    width: 145px;
}

.sim-out-table tbody tr td:first-child {
    font-weight: 700;
    color: #808080;
    font-size: 12px;
    line-height: 34px;
}

.sim-out-table tbody tr td:first-child {
    text-align: left;
}

.sim-out-table table {
    text-align: right;
}

.sim-out-table tbody > tr > td {
    line-height: 34px;
}

.left-msr {
    width: 10%;
    float: left;
    height: 165px;
    border: 1px solid #dddddd;
    border-right: 0;
    margin-top: 41px;
    font-weight: 700;
}

.right-holder {
    width: 90%;
    float: left;
}

.right-msr {
    padding: 10px 10px;
    border: 1px solid #dddddd;
    border-bottom: 0;
    font-weight: 700;
}

.sec-text {
    color: #adadad
}

.half-drop2 {
    width: 20px;
    float: right;
}

.rescults {
    float: left;
    margin-top: 20px;
}

.cal-table, .sim-out-table {
    margin-top: 20px;
}

.msr-drops {
    float: left;
    width: 100%;
}

.com-ico {
    float: right;
    position: absolute;
    top: 37px;
    right: 15px !important;
}


/*April 10*/
.ae-logo {
    margin-left: 10px;
}

.fr-bottom {
    left: 0 !important;
}


/*April 11*/
.auto-w {
    width: auto !important
}
/*.cls{width: 100%;
    float: left;
    display: inline-block;
     margin-bottom:10px;}*/
.cls .close {
    z-index: 9999
}

.measure-sub .Groups, .measure-sub .export-groups {
    border-top: 0px !important;
    color: black;
}


.Items-list li .btn-link {
    padding-top: 0px;
    display: none;
}

.Items-list li:hover .btn-link {
    display: block;
}

.Items-list li .btnsDiv {
    padding-top: 0px;
    display: none;
}

.Items-list li:hover .btnsDiv {
    display: block;
}

.new-tag {
    padding: 1px 8px;
    background-color: #dadada;
    font-size: 12px;
    margin-left: 10px;
    border: 1px solid #cecece;
    border-radius: 10px;
}

.grf-spinner {
    position: absolute;
    background-color: #FFF;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 999;
    padding-top: 150px;
    display: none;
}

.vrs {
    background-color: #f1f1f1
}

.fr-summary > tbody .vrs td:first-child {
    line-height: 26.5px;
    background-color: #f1f1f1;
    padding-left: 20px !important;
    border-bottom: 10px solid #FFF;
    font-weight: 700;
    border-right: 0px;
    font-size: 12px;
}

.value-tag {
    min-width: 66px;
}

.moveOutOfPage {
    position: absolute;
    z-index: -1;
    left: -2000px;
}

#data .k-grid-var {
    position: absolute;
    right: 20px;
    border: 0;
    z-index: 99;
    margin-top: -40px;
}


.dash-pop {
    float: left;
    border: 1px solid #F1F1F1;
    background-color: #FFF;
    padding: 10px 0 20px 0;
    width: 100%;
    position: relative;
    margin-top: 15px;
    padding-left: 25px;
}

    .dash-pop .export-img {
        right: 5px !important
    }

.measure-properties li input {
    padding: 5px 12px;
    width: auto !important;
    border: 1px solid gainsboro;
    margin-left: 10px;
}

.measure-properties li .group-btn {
    padding: 5px 20px !important;
    margin-top: 0px;
    margin-bottom: 0px;
}

.measure-properties li .btn-secondary {
    background-color: transparent !important;
    color: #333333;
    padding: 5px 8px !important;
    margin-top: 0px;
    margin-bottom: 0px;
}

.errors {
    display: inline-block;
    width: 100%;
    margin-left: 50px;
    color: red;
    margin-top: 10px
}

#modelDialog_EM .modal-body {
    float: left;
    width: 100%;
    padding: 5px 15px 15px;
    background-color: #f9f9f9;
}

#modelDialog_EM .modal-header {
    padding: 10px 15px;
    border-bottom-color: #e0e0e0;
    background-color: #e0e0e0;
}

.table-exp {
    margin-top: -20px !important;
    font-size: 90%;
}

    .table-exp:hover, .table-exp:active, .table-exp:focus {
        box-shadow: none
    }

#summaryDetails .dash-box .export-img {
    margin-top: 20px;
}

.PriorCalender .calendar {
    display: none !important;
}


.btn-pnl {
    color: #4d4d4d !important;
    background-color: transparent !important;
    border: 1px solid #4d4d4d !important;
    padding: 7px 16px 8px 33px !important;
}

    .btn-pnl:hover {
        color: #FFF !important;
        background-color: #4d4d4d !important;
    }

.upload-btn_g {
    background: url(../images/up-arrow.png) #4D4D4D no-repeat
}

    .upload-btn_g:hover {
        background: url(../images/up-arrow-w.png) #4D4D4D no-repeat
    }

.download-btn_g {
    background: url(../images/down-arrow-g.png) #4D4D4D no-repeat
}

    .download-btn_g:hover {
        background: url(../images/down-arrow.png) #4D4D4D no-repeat
    }

.tree-table .k-header .k-grid-excel {
    background-color: transparent !important;
    color: #f40009;
    padding: 0;
    top: -40px;
    right: 0;
    position: absolute;
}

    .tree-table .k-header .k-grid-excel:hover {
        background-color: transparent !important;
        color: black;
    }

    .tree-table .k-header .k-grid-excel:focus {
        border: none;
        box-shadow: none
    }

.tree-table thead tr .k-header {
    color: #808080;
    text-transform: uppercase;
    font-weight: 700;
}

.help-icon {
    color: #757575;
}

.measure-properties .glyphicon-question-sign {
    margin-right: 0px;
    margin-left: 5px;
}

.new-input input {
    margin-left: 0px !important;
}

#MeasuresDiv .search-form .glyphicon {
    top: 3px;
    left: -3px
}

.sm-pnl {
    padding: 10px !important;
}

.k-grid-content-locked {
    height: 100% !important;
    overflow: visible !important;
}
/*Remove later*/
#SlidersTab {
    padding: 0px 0px 0px 4px;
}

/*Import Data*/
.btn-bodered {
    padding: 5px 25px;
    border-radius: 0;
    margin-left: 15px;
}

.modal-footer {
    clear: both;
    text-align: left;
}

.imp-data label {
    font-weight: 700
}

.imp-data .radio, .modal-body label {
    margin-top: 0;
    margin-bottom: 5px;
}

.history-ico {
    width: 18px;
    height: 18px;
    float: right;
    background: url(../images/history-ico.png);
    margin-top: 2px;
    cursor: pointer
}

.dull {
    opacity: 0.5;
    color: #cecece;
    border-color: #eeeeee;
}

    .dull:hover {
        background-color: transparent;
        color: #cecece;
    }




.btn-up-r {
    background: url(../images/up-arrow-r.png) no-repeat;
    background-position: 8px;
    padding: 4px 15px 4px 30px !important;
}

    .btn-up-r:hover {
        background: url(../images/up-arrow-w.png) no-repeat;
        background-position: 8px;
    }

.btn-down-r {
    background: url(../images/download-r.png) no-repeat;
    background-position: 8px;
    padding: 4px 15px 4px 30px !important;
}

    .btn-down-r:hover {
        background: url(../images/down-arrow.png) no-repeat;
        background-position: 8px;
    }

.k-grid-content-locked {
    height: 100% !important;
    overflow: visible !important;
}
/*-----*/


.clear-both {
    float: left;
    width: 100%;
    clear: both
}

.msr-supports h4 {
    font-size: 15px !important;
    font-weight: 700;
    float: left;
    margin-top: 15px;
}

.msr-spt-table {
    margin: 10px 0 15px 0;
    background-color: #FFF;
}

    .msr-spt-table thead {
        text-transform: uppercase
    }

    .msr-spt-table .glyphicon {
        margin: 0px 5px 0px -17px;
        cursor: pointer;
        margin-left: 0;
        line-height: 25px;
        width: 100%;
        margin-left: -17px;
        position: absolute;
        cursor: pointer;
    }

.msr-expand tr td:nth-child(3) {
    background-color: #f1f1f1
}

.msr-expand tr:last-child {
    font-weight: 700;
}

.msr-spt-table tr:last-child td:first-child {
    position: relative;
    padding-left: 20px !important
}

.imp-data .radio label {
    float: left;
}

.close-cor {
    width: 26px;
    height: 26px;
    background-position: 0 -36px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
    opacity: 0.7;
}

.imp-data .modal-footer .btn {
    float: left
}

.edit-cover #comment {
    margin-top: 20px;
    border-top: 1px solid #F1F1F1
}

.cmd-pop .modal-content {
    width: 100%;
    float: left
}

.cmd-pop #comment {
    border: none;
    padding: 0;
}

    .cmd-pop #comment .section-title {
        margin-top: -45px;
    }

.cmd-pop .modal-header {
    height: 43px;
}

.cmd-pop .close-cor {
    z-index: 999
}

.cmd-ico {
    right: 110px;
    top: 32px;
    position: absolute;
    font-size: 20px;
    cursor: pointer;
}

.no-data {
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px;
    border-top: 1px solid #e8e8e8;
    margin-top: 30px;
}

.n-temp {
    float: left;
    width: 100%;
    position: relative;
}

    .n-temp .cal-ico {
        top: 10px;
    }

.end-end {
    width: 100%;
    float: left
}

.pry-data .end-end {
    margin-bottom: 5px;
}

#EditModelDiv, #RefreshModelDiv {
    margin-top: 30px;
    margin-right: 10px;
    cursor: pointer
}

.n-time .time-list {
    max-height: 150px;
    height: auto;
    margin-bottom: 10px;
}

.n-time .time-periods {
    margin-bottom: 15px;
}

.gap-info {
    width: 230px;
}

.gap-plan {
    width: auto;
    padding: 5px 12px;
    border-left: 10px solid;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: -54px;
}

.negative {
    border-color: #990000;
}

.positive {
    border-color: #68bc36;
}

.negative .glyphicon {
    color: #990000;
}

.positive .glyphicon {
    color: #68bc36;
}

.gap-plan span {
    color: #949494;
    font-weight: 300;
    font-size: 14px;
}

.gap-plan .glyphicon {
    margin-right: 3px;
    font-weight: 700;
    font-size: 15px;
}

.gap-per {
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #000
}

#summaryDetails .tab-content {
    position: relative
}


.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

.dropdown-menu .checkbox label::before {
    margin-left: 0;
}

.dropdown-menu .checkbox label::after {
    margin-left: 0;
}

.filter-new .dropdown-menu .checkbox label {
    padding-left: 25px;
}

.filter-new .dropdown-menu > li > a:focus {
    background-color: transparent !important;
    color: #333;
}

/*Custom Check n Radio*/
.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border-radius: 3px;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
        }

.dropdown-menu .checkbox label::before {
    margin-left: 0;
}

.dropdown-menu .checkbox label::after {
    margin-left: 0;
}

.filter-new .dropdown-menu .checkbox label {
    padding-left: 25px;
}

.filter-new .dropdown-menu > li > a:focus {
    background-color: transparent !important;
    color: #333;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
}

    .checkbox input[type="checkbox"]:focus + label::before,
    .checkbox input[type="radio"]:focus + label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .checkbox input[type="checkbox"]:checked + label::after,
    .checkbox input[type="radio"]:checked + label::after {
        font-family: "FontAwesome";
        content: "\f00c";
    }

    .checkbox input[type="checkbox"]:disabled + label,
    .checkbox input[type="radio"]:disabled + label {
        opacity: 0.65;
    }

        .checkbox input[type="checkbox"]:disabled + label::before,
        .checkbox input[type="radio"]:disabled + label::before {
            cursor: not-allowed;
        }

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    margin-top: 0;
}

.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border-radius: 50%;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
        z-index: 1;
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff;
}

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff;
}




/*Custom Calender*/
.daterangepicker {
    position: absolute;
    color: inherit;
    border-radius: 4px;
    width: 278px;
    padding: 4px;
    margin-top: 1px;
    top: 100px;
    left: 20px;
    /* Calendars */
}

    .daterangepicker:before, .daterangepicker:after {
        position: absolute;
        display: inline-block;
        content: '';
    }

    .daterangepicker:before {
        top: -7px;
    }

    .daterangepicker:after {
        top: -6px;
    }

    .daterangepicker.opensleft:before {
        right: 9px;
    }

    .daterangepicker.opensleft:after {
        right: 10px;
    }

    .daterangepicker.openscenter:before {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.openscenter:after {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.opensright:before {
        left: 9px;
    }

    .daterangepicker.opensright:after {
        left: 10px;
    }

    .daterangepicker.dropup {
        margin-top: -5px;
    }

        .daterangepicker.dropup:before {
            top: initial;
            bottom: -7px;
            border-bottom: initial;
        }

        .daterangepicker.dropup:after {
            top: initial;
            bottom: -6px;
            border-bottom: initial;
        }

    .daterangepicker.dropdown-menu {
        max-width: none;
        z-index: 3001;
    }

    .daterangepicker.single .ranges, .daterangepicker.single .calendar {
        float: none;
    }

    .daterangepicker.show-calendar .calendar {
        display: block;
    }

    .daterangepicker .calendar {
        display: none;
        max-width: 270px;
        margin: 4px;
    }

        .daterangepicker .calendar.single .calendar-table {
            border: none;
        }

        .daterangepicker .calendar th, .daterangepicker .calendar td {
            white-space: nowrap;
            text-align: center;
            min-width: 32px;
        }

    .daterangepicker .calendar-table {
        padding: 4px;
        border-radius: 0px;
    }

    .daterangepicker table {
        width: 100%;
        margin: 0;
    }

    .daterangepicker td, .daterangepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        border-radius: 4px;
        white-space: nowrap;
        cursor: pointer;
    }

        .daterangepicker td.week, .daterangepicker th.week {
            font-size: 80%;
        }

        .daterangepicker td.in-range {
            border-radius: 0;
        }

        .daterangepicker td.start-date {
            border-radius: 4px 0 0 4px;
        }

        .daterangepicker td.end-date {
            border-radius: 0 4px 4px 0;
        }

        .daterangepicker td.start-date.end-date {
            border-radius: 4px;
        }

        .daterangepicker th.month {
            width: auto;
        }

        .daterangepicker td.disabled, .daterangepicker option.disabled {
            color: #999;
            cursor: not-allowed;
            text-decoration: line-through;
        }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 14px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default;
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%;
    }

    .daterangepicker select.yearselect {
        width: 40%;
    }

    .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
        width: 50px;
        margin-bottom: 0;
    }

    .daterangepicker .input-mini {
        border-radius: 0;
        height: 30px;
        line-height: 30px;
        display: block;
        vertical-align: middle;
        margin: 0 0 5px 0;
        padding: 0 6px 0 28px;
        width: 100%;
    }

        .daterangepicker .input-mini.active {
            border-radius: 0;
        }

    .daterangepicker .daterangepicker_input {
        position: relative;
    }

        .daterangepicker .daterangepicker_input i {
            position: absolute;
            left: 8px;
            top: 8px;
        }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 5px auto;
        line-height: 30px;
        position: relative;
        padding-left: 28px;
    }

        .daterangepicker .calendar-time select.disabled {
            cursor: not-allowed;
        }

.ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left;
}

    .ranges ul {
        list-style: none;
        margin: 35px auto 20px;
        padding: 0;
        width: 100%;
    }

    .ranges li {
        font-size: 13px;
        border: 0px;
        border-radius: 0px;
        padding: 6px 12px;
        margin-bottom: 1px;
        cursor: pointer;
    }


/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

        .daterangepicker .ranges ul {
            width: 160px;
            margin-bottom: 40px;
        }

        .daterangepicker.single .ranges ul {
            width: 100%;
        }

        .daterangepicker.single .calendar.left {
            clear: none;
        }

        .daterangepicker.single .ranges, .daterangepicker.single .calendar {
            float: left;
        }

        .daterangepicker .calendar.left {
            clear: left;
            margin-right: 0;
        }

            .daterangepicker .calendar.left .calendar-table {
                border-right: none;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

        .daterangepicker .calendar.right {
            margin-left: 0;
        }

            .daterangepicker .calendar.right .calendar-table {
                border-left: none;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

        .daterangepicker .left .daterangepicker_input {
            padding-right: 12px;
        }

        .daterangepicker .calendar.left .calendar-table {
            padding-right: 12px;
        }

        .daterangepicker .ranges, .daterangepicker .calendar {
            float: left;
        }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
        float: right;
    }

    .daterangepicker .calendar.left {
        clear: none;
    }
}

.range_inputs {
    position: absolute;
    bottom: 10px;
}

.more-less {
    margin: 0 5px 0 -5px;
}


/*Comare Across Sessions*/
.com-content .panel-heading {
    margin-bottom: 5px;
    cursor: pointer;
}

.more-less {
    margin: 0 5px 0 -5px;
}

.com-content .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px;
    margin-bottom: 15px;
    padding: 10px
}

.wizard .steps ul {
    border-bottom: 0px
}

.com-content .panel-default > .panel-heading {
    background-color: #dedede
}

.com-content #comparegrid tr:last-child td {
    border-bottom: none
}

.com-content .i-table {
    text-align: right !important
}

#comparegrid {
    position: relative
}

    #comparegrid tbody > tr > td {
        padding: 12px 8px !important
    }

    #comparegrid tbody tr td:nth-child(1) {
        width: 50px;
        padding-left: 0 !important;
    }


.zero-size {
    width: 1px;
    margin-left: -20px;
}

.scenario-links a {
    float: left;
    margin-right: 20px;
    font-size: 0px;
}

    .scenario-links a:last-child {
        border: none;
    }

.g-align {
    margin: 0;
    padding: 0;
    float: right;
    cursor: pointer
}

    .g-align li {
        float: left;
        margin: 0 1px 0;
        padding: 3px;
        background-color: #ddd;
        border: 1px solid #cccccc;
        list-style: none
    }

    .g-align .active {
        background-color: #4d4d4d;
        border-color: #4d4d4d
    }


.grf-icon {
    background-image: url('../images/grf-icon.png');
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 20px;
}

.g-align .h-grf {
    background-position: -3px -3px;
}

.g-align .active .h-grf {
    background-position: -30px -3px;
}

.g-align .v-grf {
    background-position: -3px -30px;
}

.g-align .active .v-grf {
    background-position: -30px -30px;
}

.r-filter .row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.sec-spinner {
    display: block;
    text-align: center;
    position: absolute;
    background-color: white;
    width: 100%;
    height: 100%;
    z-index: 999;
    margin-left: -10px;
}

    .sec-spinner img {
        margin-top: 10%;
    }

.custom-exp {
    position: absolute;
    position: absolute;
    right: 0;
    top: -38px;
    font-size: 12px;
    border-right: 0;
    padding-right: 10px;
    line-height: 14px;
    text-decoration: none;
}

.custom-exp-ind {
    position: absolute;
    right: 0;
    top: -35px;
    font-size: 12px;
    padding-right: 3px;
    line-height: 14px;
    text-decoration: none
}

.custom-exp:hover {
    text-decoration: underline;
}

.tab-content > .tab-pane {
    position: relative
}

.exp-table .form-control {
    padding: 4px;
    margin: 0px;
    text-align: right;
    float: right;
    width: 85px;
    font-size: 12px
}

.exp-tab {
    -webkit-box-shadow: -7px 6px 15px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: -7px 6px 15px -3px rgba(0,0,0,0.75);
    box-shadow: -7px 6px 15px -3px rgba(0,0,0,0.75);
}

.input-history {
    float: left;
    width: 100%;
}

.panel-collapse {
    background-color: #f3f3f3;
}

#myModalHistory .modal-content {
    float: left;
    width: 100%;
}

.first-t {
    margin-bottom: 0
}

.in-tabhead {
    font-weight: 700;
}

.input-history .panel-heading {
    margin-bottom: 0
}

    .input-history .panel-heading .col-md-4 {
        padding-left: 5px;
        padding-right: 5px;
    }

#myModalHistoryBP .modal-content {
    float: left;
    width: 100%;
}

.opt-lock {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    margin-top: 2px
}

.locked {
    background: url('../images/lock.svg') no-repeat;
}
/*.un-locked {background:url('../images/padlock2.png'); }*/
.un-locked {
    background: url('../images/un-lock.svg') no-repeat;
}

#optimizeTab .prs-value-l {
    padding-right: 3px !important
}

.ind-icon {
    float: right;
    margin-right: 20px;
    font-size: 16px;
}

#myModalHistory .panel-heading {
    margin-bottom: 3px;
}

#myModalHistory .panel-collapse {
    margin-top: -3px;
}

.input-history-table tr th {
    text-align: right;
    text-transform: uppercase
}

    .input-history-table tr td:first-child, .input-history-table tr th:first-child {
        text-align: left
    }

.input-history-table {
    text-align: right
}

#dependentvaraible {
    float: left;
    margin-right: 15px;
}

.i-new .btn-link {
    margin-top: 7px;
    float: right;
    margin-right: 15px;
}

.scenario-list-table .icon-set-crown {
    margin: -20px 6px 0;
}

.icon-set {
    background-image: url('../Images/sprite2.png');
    background-repeat: no-repeat;
    display: block;
}

.icon-set-copy {
    width: 22px;
    height: 22px;
    background-position: -5px -5px;
    float: left
}

.icon-set-crown {
    width: 22px;
    height: 22px;
    background-position: -37px -5px;
}

.icon-set-crown-b {
    width: 22px;
    height: 22px;
    background-position: -5px -37px;
}

.icon-set-delete {
    width: 22px;
    height: 22px;
    background-position: -37px -37px;
    float: left
}

.icon-set-edit {
    width: 22px;
    height: 22px;
    background-position: -69px -5px;
    float: left
}

.icon-set-history-18 {
    width: 18px;
    height: 18px;
    background-position: -69px -37px;
}

.icon-set-lock {
    width: 22px;
    height: 22px;
    background-position: -69px -65px;
}

.icon-set-unlock {
    width: 22px;
    height: 22px;
    background-position: -101px -5px;
}

.flt-overflow .k-multiselect-wrap ul li {
    width: 150px;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pry-data .flt-overflow .k-multiselect {
    height: auto !important
}

#OnSaveDiv, #OnSaveDiv1 {
    z-index: 9999999
}

.sec-str {
    color: #808080;
    /* background-color: #f2f2f2; */
    border-bottom: 0.5px solid #d9d9d9;
    height: 37px;
    padding-bottom: 3px;
}

    .sec-str input {
        background-color: transparent
    }

#SimTable tr:hover input, .opt-tab tr:hover input {
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 3px rgba(171, 171, 171, 0.5);
}

.opt-tab {
    font-size: 12px;
}

    .opt-tab tr {
        border-top: 1px solid #d9d9d9;
        color: black !important;
    }

.ctm-btn {
    width: auto;
    float: right;
    z-index: 999999;
    position: absolute;
    margin-top: -40px;
    right: 25px;
}

.mroi-table tr:last-child {
    background-color: #f1f1f1;
}

.k-grid-toolbar .btn-link {
    background-color: transparent !important;
    padding: 0 !important;
}

.lock-disabled {
    opacity: .2;
    cursor: not-allowed;
}

.context {
    cursor: pointer
}

.sc-locked-ind {
    float: left;
    margin-right: 20px;
    /*opacity: 0.5;*/
    cursor: pointer;
}

#fyDetails .nav-tabs {
    float: left
}

#Model-body .search-form {
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4
}

body .Causal .tooltip-inner {
    min-width: 10px !important;
    width: auto !important;
    max-width: 300px !important;
    float: left !important;
    overflow-wrap: break-word;
    padding-right: 15px;
    text-align: center;
}

.Causal .tooltip {
    margin-left: -15px;
}

body .scenario-links .tooltip-inner {
    width: auto !important;
    text-align: center;
    float: initial !important;
}

.btn:active {
    background-image: initial !important
}

.save-model-panel .glyphicon-chevron-right {
    margin-right: -10px;
}

#gap {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

    #gap:hover {
        margin-right: -3px;
    }

#viewby .k-dropdown, #viewby1 .k-dropdown, #viewby3 .k-dropdown {
    width: 115px !important
}

.add-btn {
    border: 1px solid #4d4d4d !important;
    background-color: transparent;
    color: #4d4d4d;
    padding: 4px 10px !important;
    margin-top: 0px !important;
    float: right !important;
}

    .add-btn:hover {
        background-color: #4d4d4d;
        color: #FFF;
    }

    .add-btn .glyphicon {
        color: #4d4d4d;
        font-size: 12px;
        margin-left: 0px;
    }

    .add-btn:hover .glyphicon {
        color: #FFF
    }

#SupportDataforMsrs {
    float: left;
    width: 100%;
    margin-top: 15px;
}

#ScenarioBeforeSave .glyphicon-chevron-right {
    margin-right: -10px;
}

.sec-section {
    float: left;
    float: left;
    margin-left: 20px;
    margin-top: -7px;
}

.fst-section {
    float: left
}

.sec-section .radio {
    margin-right: 10px;
}

.i-thead .k-header .k-link {
    padding-right: 18px !important;
}

.k-widget .k-grid-header {
    padding-right: 0px !important
}

.btn-xl {
    padding: 10px 30px
}

.ind-block {
    float: left;
    width: 100%;
    min-height: 30px;
    position: relative;
}

.x-row .row {
    margin: 0 !important;
}

#OpenExportMeasureModal .modal-body {
    padding-bottom: 0px !important
}

#OpenExportMeasureModal .msr-list-box-r {
    height: 368px !important
}

.last-msr {
    z-index: 9;
}

.no-btm-brd {
    border-bottom: none !important
}

#no-data-table {
    border-top: 1px solid #F1F1F1;
    text-align: center;
    padding: 70px 0;
    font-size: 18px;
    color: #e0e0e0;
}

.c-msr {
    border-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.c-msr {
    position: relative
}

    .c-msr #ind-spinnerMicro1 {
        text-align: center;
        position: absolute;
        z-index: 99;
        background-color: rgba(255, 255, 255, 1);
        width: 100%;
        height: 100%;
        padding-top: 20%;
    }

.add-msr-btn {
    margin-top: 15px;
    padding: 6px 12px;
}

.form-pop {
    padding: 5px 10px !important;
}

.opt-newmsr {
    position: absolute;
    right: 0;
    width: 30px;
    height: 100%;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.85);
}

    .opt-newmsr .glyphicon {
        margin-top: 9px;
    }

    .opt-newmsr .dropdown-menu {
        margin-top: 10px;
    }

.msr-drop {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    cursor: pointer
}

.pop-spin {
    width: 100%;
    float: left;
    background-color: #FFF;
    padding: 190px 0;
    text-align: center;
    position: absolute;
    z-index: 1;
    margin-left: -4px;
}

#myModalforAM .modal-content {
    float: left;
    width: 100%;
}

.spinner {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    text-align: center;
    height: 100%;
    position: absolute;
    z-index: 9999;
    padding: 19% 0
}

.ctm-table input {
    border: 1px solid #ccc;
    padding: 2px 4px;
}

.modal-body .alert {
    float: left;
    width: 100%
}

#OpenExportMeasureModal .alert {
    position: absolute;
    bottom: -10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#OpenExportMeasureModal .msr-list-box {
    height: 352px !important
}

.sep-section {
    background-color: #d2d2d2;
    float: left;
    width: 100%;
    padding: 20px 10px;
    margin-top: 20px;
    border-top: 1px solid #c7c7c7;
}

.sort-option button:first-child {
    padding: 8px 25px !important;
    margin-left: 10px !important
}

.topsectionMsr label {
    float: right;
    padding-top: 7px;
    margin-right: 10px;
}

.ae-options-ind {
    float: left;
    width: auto;
    margin-top: 10px !important;
    margin-right: 10px !important;
    text-transform: uppercase;
}

.btm-clear {
    margin-bottom: 10px;
}

#LoadExportMeasureModal .ae-options-ind {
    font-size: 12px;
}

.export-measure-list li.export-selected-item {
    background-color: rgba(255, 246, 145, 0.9);
}

#SimulationPartial .graph-values-forecast {
    right: 0;
    margin-top: -15px !important;
}

#SimulationPartial .due-actions {
    margin-top: 20px !important;
    margin-right: 0 !important;
}

#SelectMsrTab .srh-box {
    border-bottom: 0px;
    background-color: #FFF;
    z-index: 99;
    font-weight: normal;
    width: 400px;
    margin-top: -1px;
    border-top: 1px solid #dddddd
}

#SelectMsrTab .srh-ico {
    position: relative;
    left: 0;
    float: left;
    margin-top: -34px;
    z-index: 999
}

#SelectMsrTab tr th {
    padding: 0
}

#SelectMsrTab thead {
    position: absolute;
    width: 400px;
}

#SelectMsrTab tbody {
    margin-top: 35px;
    float: left;
}

#SelectMsrTab {
    width: 400px !important;
}

    #SelectMsrTab > tbody > tr > td {
        float: left !important;
        width: 400px !important;
        word-wrap: break-word;
    }

.sep-section .btn-group > .btn:focus {
    background-color: #353535;
}

.sim-btn-plan {
    position: absolute;
    right: 15px;
    padding: 7px 23px;
    margin-top: -6px;
}

#SimulationTabSpin {
    margin-top: -20px;
}

#dataCompareFilter {
    float: left;
    width: 100%;
    position: relative;
}

    #dataCompareFilter .sec-spinner {
        margin-left: 0px;
        opacity: .85
    }

.sm-table-r tbody tr td:first-child {
    width: 120px;
}

.sm-table-l thead tr th:first-child {
    width: 100px;
}

.sm-table-l thead tr th:nth-child(2), .sm-table-l tbody tr td:nth-child(2) {
    width: 200px;
}

.value-space {
    padding-left: 25px;
}

#SimulationPartial .col-md-5-ext {
    width: 46.666667%
}

#landingKendoYAxisLabel {
    width: 30%;
    height: 75%;
    text-align: center;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    position: absolute
}

#ComparekendoYAxisLabel {
    width: 30%;
    height: 75%;
    text-align: center;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    position: absolute;
}

#modalKendoYAxisLabel {
    width: 29%;
    height: 75%;
    text-align: center;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    position: absolute;
}

#forecastedKendoYAxisLabel {
    width: 28%;
    height: 75%;
    text-align: center;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    position: absolute;
    display: none;
}

#dashboardKendoYAxisLabel {
    width: 35%;
    height: 67%;
    text-align: center;
    transform: rotate(-90deg) !important;
    -ms-transform: rotate(-90deg) !important;
    -webkit-transform: rotate(-90deg) !important;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    display: none;
}

.r-model {
    margin-top: 35px;
}

.bt-msg {
    position: absolute;
    bottom: 0;
}




/*TEMP Snackbar*/
.snackbar {
    min-width: 250px;
    margin-left: -135px;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 20px;
    font-size: 17px;
}

#ModelMessage.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

#modalkendoYAxisLabVC {
    width: 42%;
    height: 29%;
    text-align: center;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    position: absolute;
}

.TimePeriods .time-periods {
    margin-top: -30px;
}

#ChartsPartial .ind-sec {
    padding: 12px 12px 0 12px !important;
}

#AddData .add-close {
    margin-left: 8px;
}

#dataCompareFilter .time-periods {
    margin-bottom: 20px;
    padding-bottom: 0px;
}

.f-charts .time-periods {
    padding-bottom: 0px;
    margin-bottom: 20px;
}

.spl .k-chart, .spl .k-stockchart {
    height: 450px !important;
    overflow: visible !important
}

    .spl .k-chart svg {
        overflow: visible !important
    }

.spl .tab-content {
    margin-top: 30px;
}

.ranges h5 {
    position: absolute;
    top: 0;
    padding: 5px 10px;
    background-color: #e2e2e2;
    border-bottom: 2px solid #f96776;
    font-size: 13px;
    font-weight: 700;
    width: 160px;
}


/*Base Scenario*/
.div-section {
    background-color: #f3f3f3;
    float: left;
    padding: 20px 15px !important;
}

.no-btm-pad {
    padding-bottom: 0px !important;
}

.no-left-pad {
    padding-left: 0px;
}

.no-top-pad {
    padding-top: 0px !important;
}

.re-name {
    float: left;
    margin-top: 10px;
}

.input-panel > .panel-heading a {
    color: #6D6B6B;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
}

    .input-panel > .panel-heading a[aria-expanded="true"] {
        background-color: #f3f3f3 !important;
        color: #6D6B6B;
    }

.input-panel > .panel-heading {
    border: 0px;
    padding: 0px
}

.input-panel .panel-title {
    background-color: #f3f3f3
}

.input-panel {
    margin-bottom: 15px
}

    .input-panel .panel-body {
        padding-top: 5px;
        padding-bottom: 20px;
    }

.fade {
    opacity: 1;
}

.input-panel .panel-title a:focus, .panel-title a:hover {
    color: #6D6B6B !important;
}

#causel-tab .panel-collapse {
    background-color: transparent;
    float: left;
}

#input-tab {
    margin-bottom: 20px;
}

    #input-tab .panel-collapse {
        background-color: #f3f3f3;
        float: left;
        margin-bottom: 20px;
        width: 100%;
    }

.modify-btn {
    border: 1px solid #4d4d4d !important;
    background-color: transparent;
    color: #4d4d4d;
    padding: 4px 30px !important;
    margin-top: 0px !important;
    float: right !important;
    width: auto;
    position: absolute;
    top: -23px;
    right: -5px;
    border-radius: 2px;
}

    .modify-btn:hover {
        background-color: #4d4d4d;
        color: #FFF;
    }

.panel-title .modify-btn:hover {
    background-color: #4d4d4d;
    color: #FFF !important;
}

.case-t {
    text-transform: unset;
}

.input-panel > .panel-heading a {
    display: block;
    padding: 15px;
}

    .input-panel > .panel-heading a:after {
        content: "";
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: right;
        transition: transform .25s linear;
        -webkit-transition: -webkit-transform .25s linear;
    }

    .input-panel > .panel-heading a[aria-expanded="true"]:after {
        content: "\2212";
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .input-panel > .panel-heading a[aria-expanded="false"]:after {
        content: "\002b";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.accordion-option .toggle-accordion {
    float: right;
    font-size: 16px;
    color: #6a6c6f;
}

.toggle-button {
    border: 1px solid #226ba4;
    float: right;
    padding: 2px 10px 2px 0px;
    border-radius: 2px;
    margin-right: 8px;
    color: #226BA4;
    font-size: 11px;
    position: relative;
    z-index: 999;
    cursor: pointer;
    margin-top: 8px;
}

.half-first .toggle-button {
    margin-right: 0;
    margin-bottom: 5px;
}

.btn-bg {
    float: left;
    background-color: #FFF;
    width: 103%;
    padding: 20px 20px 0 8px;
    margin-left: -15px;
    margin-bottom: -15px;
    margin-right: -15px;
    margin-top: 20px;
}

.push-down .ae-options {
    margin-bottom: 10px;
    margin-top: 8px;
}

.push-down .glyphicon-calendar {
    margin-top: 13px
}

.half-first .glyphicon-calendar {
    margin-top: 7px
}

.re-selection .model-list div {
    padding-top: 0px;
}

.re-selection .model-list .add-Model-title {
    line-height: 12px;
}

.btn-list .btn {
    margin-right: 10px;
    border-radius: 2px;
}

    .btn-list .btn:last-child {
        margin-right: 0;
    }

.btn-list .btn-link {
    padding-left: 5px;
}

.edit-sc {
    float: left;
    top: 0px;
    padding: 6px 3px;
    right: -1px;
    ;
    position: absolute;
    cursor: pointer;
    margin-right: 5px;
}

.btn-brd {
    border-radius: 0px;
}

.save-model-panel .btn-brd {
    color: #4D4D4D;
    padding: 6px 15px;
}

.disabled-field {
    opacity: 1;
    cursor: not-allowed !important;
}

#ScenarioBeforeSave .disabled-field {
    font-weight: 700;
}

.save-model-panel .btn-brd {
    color: #4D4D4D;
}

.manual-edit .btn-brd {
    margin-top: 0;
    padding: 5px 10px;
}

.btm-push {
    margin-bottom: 15px;
}

.overlay-w {
    background-color: rgba(255, 255, 255, 0.72);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9
}

#basePlanSecondStage {
    position: relative;
    float: left;
    width: 100%;
}

    #basePlanSecondStage .overlay-w {
        margin: 0 -10px;
        width: 102%;
        top: 15px;
    }

.disabledbutton {
    pointer-events: none;
}

div#inputDetailsTab {
    border-bottom: 20px solid #fafafa;
    width: 102%;
    padding-bottom: 20px;
    padding-left: 15px;
    margin: -15px 0 -10px -10px;
}

.height-lg {
    height: 110% !important;
}

.right-actions .btn-brd {
    border: 1px solid;
    margin: 7px 0 0 !important;
    padding: 4px 9px;
    border-radius: 2px;
}

#AddData .modal.right .modal-body {
    padding: 15px 15px 0;
}

.toaster {
    position: fixed;
    bottom: 20px;
    z-index: 99;
    width: 90%;
}

#AddData .toaster {
    padding-left: 10px
}

.alert-danger {
    color: #a94442;
    background-color: #ffd7d7;
    border-color: #ff99a9;
}

.toaster .alert {
    -webkit-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.37);
    -moz-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.37);
    box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.37);
}

.alert-success {
    color: #3c763d;
    background-color: #c6fbb0;
    border-color: #89de41;
}

.new-time {
    margin-top: 33px;
    margin-left: 5px;
    font-size: 20px;
    border: 1px solid #4d4d4d;
    font-weight: 700;
    color: #4d4d4d;
    padding: 1px 12px;
    line-height: 25px;
    cursor: pointer;
    z-index: 99;
}

.less {
    margin-top: 24px !important
}

.new-time:hover {
    background-color: #4d4d4d;
    color: #FFF;
}






#snackbar {
    visibility: hidden;
    min-width: 350px;
    margin-left: -125px;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
    -webkit-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.37);
    -moz-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.37);
    box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.37);
    border-radius: 3px;
    border: 1px solid;
}

.sn-error {
    background-color: #ffcccc;
    color: #f40009;
    border-color: #f40009
}

.sn-sucess {
    background-color: #85efa5;
    color: #079a33;
    border-color: #079a33
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;
    animation: fadein 0.5s, fadeout 0.5s 3.5s;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

#pr-menu {
    margin-top: -27px
}

    #pr-menu > .k-item > .k-link {
        padding: .2em 1.1em .4em !important;
        color: #212121 !important;
    }

#IterationDetials {
    display: none !important;
}

#TrendGrid1_Manual .btn-link:hover, #TrendGrid1_Manual .btn-link:focus {
    color: #226BA4 !important;
}

#treelist table tbody tr:hover {
    background-color: transparent !important
}
/*#treelist table tr:last-child td{border-bottom:0px;}*/
#treelist table tr table tr:last-child td {
    border-bottom: 0px;
}

.last-table table tr:last-child td {
    border: 0 !important;
}

.last-table table tr td {
    border-bottom: 1px solid #E0E0E0 !important;
}

.NoTitle table thead:last-child {
    display: block !important;
    height: auto
}

.NoTitle > table > thead {
    display: none;
    height: 0px;
}

.NoTitle > table tr table tbody tr td {
    border-bottom: 1px solid #eaeaea !important
}

.NoTitle > table tr table tbody tr:last-child td {
    border-bottom: 0
}

.k-grid .k-hierarchy-cell {
    padding: 0px !important
}

.k-grid .k-hierarchy-col {
    width: 10px !important;
}

.pull-down {
    margin-top: 35px;
}

.navbar-nav > li > .dropdown-menu {
    width: 100%;
}

.k-tooltip-content h3 {
    font-size: 14px;
    margin: 2px;
}

.spl .due-top {
    width: 50%;
    float: right;
}

.support-tab {
    float: left;
    z-index: 99;
    position: relative;
    margin-bottom: 15px;
}

.nonkendoexp {
    margin-top: 6.5%;
    !important
}


.show-visi {
    visibility: visible;
}

.hide-visi {
    visibility: hidden;
}

.ico-back {
    background: url('../images/ico-Back.png') no-repeat center left;
    width: 26px;
    height: 26px;
}


    .ico-back.back {
        background-position: 0 0;
        float: left;
        margin: 13px 10px 0 0;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .ico-back.back:hover {
            opacity: 0.5
        }

.arrow-up {
    background: url('../images/arrow-up.png') no-repeat center left;
    width: 30px;
    height: 30px;
}

.arrow-down {
    background: url('../images/arrow-down.png') no-repeat center left;
    width: 30px;
    height: 30px;
}
/*.arrow-up.back {
        background-position: 0 0;
        float: left;
        margin: 13px 10px 0 0;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .arrow-up.back:hover {
            opacity: 0.5
        }*/




.selectMonths {
    float: right;
    position: relative;
    display: inline-block;
}

.selectMonthsselect {
    height: 30px;
}

.selectMonths > i {
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 0.35;
    font-style: normal;
    font-size: 18px;
    transition: 0.2s;
    pointer-events: none;
}

.selectMonths > input {
    text-transform: capitalize;
    padding-left: 10px;
    cursor: default;
    cursor: pointer;
}

.selectMonths:hover > i {
    opacity: .7;
}

.selectMonths + .selectMonths {
    float: none;
}

.rangePicker {
    opacity: 0;
    transition: 0.12s ease-out;
    transition-property: margin, padding, opacity
}

    .rangePicker > .wrap {
        position: relative;
        min-width: 200px;
        white-space: nowrap;
        background: #FFF;
        border: 1px solid rgba(0,0,0,0.2);
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        overflow: hidden;
        max-height: 0;
        transition: 0.12s ease-out;
        transition-property: margin, padding, max-height
    }

    .rangePicker::before {
        content: '\25B2';
        position: absolute;
        z-index: 1;
        top: -15px;
        left: 10px;
        font-size: 20px;
        text-shadow: 0 -2px 1px rgba(0,0,0,0.2);
        color: #FFF;
        transform: scaleX(1.5)
    }

    .rangePicker.show {
        z-index: 999;
        bottom: auto;
        margin-top: 10px;
        opacity: 1
    }

        .rangePicker.show > .wrap {
            max-height: 268px
        }

        .rangePicker.show.custom > .wrap {
            padding: 0 430px 98px 0
        }

    /*.rangePicker.RTL::before {
                        left: auto;
                        right: 10px
                    }*/

    .rangePicker.RTL.show.custom > .wrap {
        /*padding: 0 0 98px 430px;*/
        height: 266px;
        /*margin-left: -430px*/
    }

    .rangePicker.RTL > .wrap > .preset > button {
        text-align: right
    }

        .rangePicker.RTL > .wrap > .preset > button[value="custom"]::after {
            content: '\25C2';
            right: auto;
            left: 5px
        }

    .rangePicker.RTL > .wrap > .custom {
        left: 0;
        right: auto;
        direction: rtl
    }

        /*.rangePicker.RTL > .wrap > .custom > .calendar > strong {
                            text-align: right
                        }*/

        .rangePicker.RTL > .wrap > .custom > .calendar.from {
            float: left
        }

    .rangePicker > .wrap > .custom > .calendar button, .rangePicker > .wrap > .preset button {
        border: 1px solid transparent;
        border-radius: 3px
    }

        .rangePicker > .wrap > .custom > .calendar button:hover, .rangePicker > .wrap > .preset button:hover {
            background: rgba(59,122,181,0.1)
        }

        .rangePicker > .wrap > .custom > .calendar button.selected, .rangePicker > .wrap > .preset button.selected {
            background: #5985DE;
            color: #FFF
        }

        .rangePicker > .wrap > .custom > .calendar button[disabled], .rangePicker > .wrap > .preset button[disabled] {
            border-color: transparent;
            background: none;
            box-shadow: none;
            opacity: .4;
            cursor: default;
            color: inherit
        }

    .rangePicker > .wrap .preset {
        display: block;
        text-transform: capitalize;
        min-width: 110px;
        padding: 3px;
        width: 200px;
        box-shadow: 0 100px #FFF;
        position: relative;
        z-index: 1;
        background: #FFF;
        box-sizing: border-box
    }

        .rangePicker > .wrap .preset button {
            display: block;
            width: 100%;
            margin: 0;
            background: none;
            padding: 4px 8px;
            text-align: left;
            position: relative
        }

            .rangePicker > .wrap .preset button[value="custom"]::after {
                content: '\25B8';
                position: absolute;
                right: 5px;
                font-size: 21px;
                opacity: 0.7
            }

    .rangePicker > .wrap .custom {
        position: absolute;
        top: 0;
        right: 0;
        padding: 6px;
        transition: 0.4s cubic-bezier(0.77, 0.11, 0.22, 1)
    }

        .rangePicker > .wrap .custom > .calendar {
            display: inline-block;
            margin: 25px 3px 0;
            width: 190px;
            background: rgba(59,122,181,0.1);
            padding: 7px
        }

        .rangePicker > .wrap .custom strong {
            display: block;
            margin: -30px 0 10px
        }

            .rangePicker > .wrap .custom strong span {
                text-transform: capitalize;
                opacity: 0.9;
                font-weight: normal;
                /*display: inline-block;*/
                margin-left: 6px
            }

                .rangePicker > .wrap .custom strong span:before {
                    content: '-';
                    margin-right: 6px
                }

        .rangePicker > .wrap .custom .from strong:before {
            content: 'From'
        }

        .rangePicker > .wrap .custom .to strong:before {
            content: 'To'
        }

    .rangePicker footer {
        display: block;
        max-height: 40px;
        padding: 5px;
        overflow: hidden;
        transition: 0.2s ease-out
    }

        .rangePicker footer button {
            margin-left: 20px;
            float: right
        }

    .rangePicker .set ~ footer {
        max-height: 0;
        padding: 0 5px;
        border-color: transparent
    }

    .rangePicker select {
        margin: 0 62px 7px 0px;
        width: 32%;
    }

    .rangePicker .calendar.from > select::after {
        content: 'From - '
    }

    .rangePicker .calendar.to > select::after {
        content: 'To - '
    }

    .rangePicker .wrap {
        display: inline-block
    }

    .rangePicker .months button {
        background: none;
        float: left;
        width: 33%;
        margin: 0 0.15%;
        padding: 5px;
        text-transform: capitalize
    }

#rangesel {
    color: black;
    font-size: 14px;
    padding-left: 31px;
}


.btn-small.btn-primary {
    padding: 7px 25px;
    font-size: 12px
}

.forecast-date {
    font-size: 12px;
    margin: 7px 0 0;
}

span.greytxt-title {
    color: #9e9e9e;
}

.last-dt-udated.pull-left {
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    border-left: 1px solid #9e9e9e;
}

.date-wrapper {
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}

.pry-data.keyboardblk {
    background: none;
    padding: 0;
    width: 70%;
    margin: 0 0 0 10px;
}

.graphblk {
    margin: 30px 0;
    min-height: 200px;
}

.business-plan {
    font-size: 18px;
    display: inline-block;
    width: 100%;
}

.n-temp.pry-data.keyboardblk.due-toblk {
    background: #000;
    color: #fff;
    position: relative;
    display: inline-block;
    width: auto;
}

.due-toblk i.glyphicon {
    color: #fff;
}

.due-toblk .glyphicon-calendar {
    position: absolute;
    top: 10px;
    left: 8px;
    color: #fff;
}

.due-toblk input.date-range.prior {
    padding-left: 30px;
    background: #000;
}

.exportblk {
    font-size: 14px;
}

span.export-txt {
    color: #226BA4;
    cursor: pointer;
}

.tab-content.gap-cntent {
    margin: 0;
    border-top: 1px solid #888;
    text-align: center;
    float: left;
    width: 100%;
    padding: 4px 8px;
}

    .tab-content.gap-cntent p {
        margin: 0;
    }

.gap-planblk.pull-right {
    margin: 0 0 0 10px;
    border: 1px solid #888;
    border-radius: 3px;
    width: 160px;
}

.gap-planblk-toggle {
    padding-top: 32px
}

a.gp-titleTxt, a.gp-titleTxt:hover {
    color: #000;
    border-left: 12px solid;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    text-decoration: none;
    float: left;
    padding: 4px 18px;
}

a.active-gp.gp-titleTxt {
    background: #000;
    color: #fff;
}

a.gp-titleTxt:first-child {
    border: 0
}

p.gap-profit-loss {
    color: #ff0000;
}

p.gap-profit-profit {
    color: green;
}

.gap-cntent .tab-pane span.glyphicon {
    margin: 0;
}

.gap-planblk-title {
    float: left;
    width: 100%;
}



#box {
    width: 280px;
    height: 170px;
    border-radius: 2px;
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.537254901960784) !important;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.537254901960784) !important;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.537254901960784) !important;
    padding: 10px 20px;
    background-color: #ffffff;
}

.tooltip-spanVal1 {
    font-weight: 900;
    font-family: 'Roboto';
    font-size: 16px;
}

.tooltip-spanVal2 {
    padding-left: 10px;
    font-weight: 900;
    font-family: 'Roboto';
    font-size: 16px;
}

.tooltip-positive {
    color: #68BC36;
}

.tooltip-negative {
    color: #ff0000;
}

.tooltip-varianceTitle {
    font-size: 12px;
    color: #ccc;
    margin-right: 60%;
}

.tooltip-varianceval1 {
    float: left;
    border-right: 1px solid #999;
    padding-right: 20px
}

.tooltip-ActualVal {
    font-size: 12px;
    color: #999;
}

.tooltip-ForecastVal {
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
}

.tooltip-DueTolink {
    font-size: 12px;
    color: #ccc;
}


.scenario-hdr {
    display: flex;
    justify-content: space-start;
    flex-direction: row;
    background-color: #f1f1f1;
    margin: 20px 0;
}

.scenario-hdr-cnt:last-child {
    border: 0
}

.scenario-hdr-cnt {
    background-color: #f1f1f1;
    padding: 20px 35px;
    text-align: left;
    font-size: 14px;
    border-right: 1px solid #ddd;
}

.scenario-hdr-title {
    color: #888;
    font-size: 12px;
}

.scenario-hdr-txt {
    font-weight: 600;
}

.fL {
    float: left
}

.active-scenario .scenario-sec-no span, .scenario-sec-no span {
    padding: 3px 8px;
    background: #000;
    color: #fff;
}

.scenario-sec-no span {
    background: #888
}

.scenario-sec-no.fL {
    margin: 5px 10px 0 0;
}

.scenario-sec-cnt p {
    margin: 0 0 2px 0;
}

.active-scenario p.ssTitle {
    font-weight: 600;
}

p.ssText {
    color: #888;
    font-size: 12px;
}

.scenario-arrow.fL {
    margin: 0 30px;
}

p.ssTitle {
    font-size: 16px;
}

.scenario-sections {
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid;
}

.scenario-arrow span.glyphicon.glyphicon-menu-right {
    font-size: 28px;
    line-height: 25px;
}

.pry-data .scenarioblk input[type="radio"] {
    padding: 0;
    border: 0;
    height: auto;
    width: auto;
}

.scenario-form .pry-data .row {
    margin-bottom: 25px;
}

.scenario-form .pry-data {
    background: none;
}

.n-tempkeyboardblk.scenarioblk label {
    margin-right: 20px;
}

/*-----------------scenario output trend----------------------------------------*/
.small-btn {
    padding: 2px 15px;
    margin: 20px 0 0;
    font-size: 16px;
}

.align-center {
    margin: 50px auto 0
}

.glyblk .glyphicon {
    margin: 20px 0 0 30px;
    float: right;
    font-size: 17px;
    color: #888;
}

.forecast-subtitle .small-btn {
    padding: 1px 10px;
    font-size: 14px;
    margin: 15px 0;
}

.forecast-subtitle {
    padding: 0 0 0 37px;
}

.forecast-tabs {
    margin: 15px 0;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    font-size: 18px;
}

    .forecast-tabs a.forecast-tabs-ancr.activetab {
        color: #000;
    }

.pry-data.forecast-cnt {
    background: none;
    padding: 0;
}

.small-btn.apply-btn {
    padding: 6px 25px;
}

.forecast-cnt .row {
    margin-bottom: 20px;
}

span.lightTxt {
    position: absolute;
    color: #888;
    top: 5px;
    left: 10px;
}

.lightTxt.trnd {
    left: 20px;
}

.remove-margin .small-btn.btn {
    margin: 0;
}

.filter-blk select.scenario-selectbox {
    height: 30px;
    padding: 0 0 0 80px;
    border: 1px solid #dbdbdb;
}

.remove-margin .small-btn.btn {
    margin: 0;
    padding: 3px 20px;
    width: 100%;
}

.remv-mrgin .small-btn.btn {
    margin-top: 0;
}

button.btn.btn-sm.btn-default.active-days {
    color: #fff;
    background: #000;
}

.trend-graph {
    min-height: 200px
}


.excel-export {
    float: right !important;
}


#mySelectdp {
    padding: 10px 5px 10px 5px;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.modal-backdrop {
    /* bug fix - no overlay */
    display: none;
}

.Pro-box .modal-header {
    border: 0;
}

.project-list .box1 {
    padding: 20px;
    height: 180px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.box1 > h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
}

.box1 {
    float: right;
    width: 50px;
    margin: 0;
    right: 0;
    position: absolute;
    top: 0;
}

.box1 {
    padding: 20px;
    height: 245px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgb(230, 230, 230);
    -moz-box-shadow: inset 0px 0px 0px 1px rgb(230, 230, 230);
    box-shadow: inset 0px 0px 0px 1px rgb(230, 230, 230);
}


.project-list .box1 {
    background-color: #ECECEC;
}

.box1 > h3 {
    color: #6b6b6b;
}

.box1 p {
    color: #212121;
}

.upload-btn1 {
    background: url(upload.png) #4D4D4D no-repeat;
    background-position: 8px;
}

.download-btn1 {
    background: url(download.png) #4D4D4D no-repeat;
    background-position: 8px;
}

.project-list .box h4 {
    margin-top: 0;
    overflow: hidden;
    height: 40px;
    margin-bottom: 0;
    font-weight: 700;
}

/* Additional */


.btn {
    padding: 8px 14px;
    font-size: 14px;
    border-radius: 2px;
}

.btn-primary {
    border: 1px solid #216ba3;
}

.btn-lg {
    border-radius: 2px;
}

.btn-outline-primary {
    color: #216ba3;
    background-color: transparent;
    background-image: none;
    border-color: #216ba3;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #204d74;
        border-color: #204d74;
        box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%), 0 1px 2px 0 rgb(0 0 0 / 24%);
        -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%), 0 1px 2px 0 rgb(0 0 0 / 24%);
        -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24);
    }

.btn-outline-secondary {
    color: #4D4D4D;
    background-color: transparent;
    background-image: none;
    border-color: #4D4D4D;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #4D4D4D;
        border-color: #4D4D4D;
        box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%), 0 1px 2px 0 rgb(0 0 0 / 24%);
        -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%), 0 1px 2px 0 rgb(0 0 0 / 24%);
        -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12), 0 1px 2px 0 rgba(0,0,0,.24);
    }

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 10px;
}

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.mt-3 {
    margin-top: 30px;
}

.mt-4 {
    margin-top: 40px;
}

.mr-2 {
    margin-right: 20px;
}

.mt-4 {
    margin-top: 40px;
}

.mb-2 {
    margin-bottom: 20px;
}

.pr-0 {
    padding-right: 0;
}

.pl-0 {
    padding-left: 0 !important;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 1rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover {
        text-decoration: none;
        background-color: #f8f9fa;
    }

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-toggle-split {
    border-left: 1px solid rgb(255 255 255 / 30%)
}

.bt-group .btn {
    margin-right: 8px !important;
}

.bt-group .btn-group .btn {
    margin-right: 0 !important;
}

.bt-group-r .btn, .bt-group-r .btn-group {
    margin-left: 8px;
}

    .bt-group-r .btn-group .btn {
        margin-left: 0;
    }

.flex {
    display: flex;
}

    .flex .qc {
        height: 100%;
    }

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.qc .card-title {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid rgba(0,0,0,.125);
    color: #212121;
    padding-bottom: 12px;
    margin-top: 0;
    margin-bottom: 16px;
    text-transform: none;
}

.card-content {
    position: relative;
}

.q-details {
    padding: 0;
    margin: 0;
}

    .q-details li {
        list-style: none;
        padding: 0 0 4px 32px;
        position: relative;
    }

.q-name {
    font-weight: 700;
}

    .q-name:before {
        content: "";
        width: 24px;
        height: 24px;
        background: url(../Images/excel.svg) no-repeat;
        display: inline-block;
        position: absolute;
        left: 0;
    }

.q-date {
    font-size: 12px;
    color: grey;
}

.q-user {
    padding-left: 0 !important;
}

    .q-user .glyphicon {
        color: #989898;
        margin-left: 4px;
    }

.ico-download {
    width: 24px;
    height: 24px;
    background: url(../Images/download.svg) no-repeat;
}

.btn-ico {
    border: 0;
    background: transparent;
}

.qc-down {
    position: absolute;
    right: 0;
    top: 0;
}

.t-actions {
    float: right;
    position: relative;
    z-index: 99;
    margin: 0 0 10px 0;
}

    .t-actions .btn {
        padding: 4px 16px;
        margin: 0;
    }






.n-tab {
    margin: 16px 0;
}

.pry-data .n-tab {
    margin: 0;
}

.n-tab .panel-group {
    margin-bottom: 8px;
}

.pry-data .panel-group {
    margin-bottom: 0;
}

.n-tab .panel-heading {
    background-color: #FFF !important;
    border: 1px solid #dfdfdf;
    padding: 16px;
}

.n-tab .panel-title {
    font-weight: bold;
    font-size: 14px;
}

.n-tab .chevron {
    float: right;
    font-size: 18px;
    background: transparent;
    border: 0;
}



.n-tab .accordion-toggle {
    position: absolute;
    width: 100%;
    padding: 6px;
    color: #7b8792;
    text-align: left;
    background-color: transparent;
    border: 0;
    top: 0;
    right: 0;
    height: 100%;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}

.n-tab .panel-collapse {
    background-color: #FFF;
}

.n-tab .tab-content {
    padding: 20px;
    border: 1px solid #d8d8d8;
    border-top: 0;
    margin-top: 0;
    background-color: #FFF;
}

.n-tab .panel-heading {
    position: relative;
}

.pry-data .n-tab .panel-heading {
    padding: 12px 16px;
}






.mes-tab .k-treeview-lines li:hover {
    background-color: #226ba41a;
}

.mes-tab .mes-title:first-child {
    margin-top: 4px
}

.btn-sm {
    padding: 4px 12px !important;
}

.msr-tree {
    margin: 0 0 16px;
}

.mes-error .DeleteButton {
    width: 24px;
    height: 24px;
    background: url(../Images/delete.svg) no-repeat;
    text-indent: -9999px;
    padding: 0;
    border: 0;
}

.mes-error .mes-dlt {
    position: absolute;
    right: 0;
}

.mes-error .k-item {
    color: red;
}

.n-tabs {
    font-weight: 700;
    width: 100%;
    margin: 14px 0;
    color: #646464;
}

    .n-tabs a {
        color: #646464;
    }

    .n-tabs .active-item a {
        color: #226BA4;
    }

.new-blk {
    width: 100%;
    float: left;
    margin: 20px 0 0;
}

.single-form {
    padding: 8px 10px;
}

.ms-serch {
    border: 1px solid #9b9b9b;
}

    .ms-serch .glyphicon {
        top: 6px;
    }

.trn .msr-list-box-r {
    height: 330px !important;
}


.custom-control {
    position: relative;
    display: block;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 20px;
    height: 20px;
    opacity: 0;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    padding-top: 4px;
    padding-left: 10px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.custom-control-label::before {
    position: absolute;
    left: -1.5rem;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background: url('../images/check.svg') no-repeat;
}

.custom-control-label::after {
    position: absolute;
    left: -1.5rem;
    display: block;
    width: 14px;
    height: 14px;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.filled:after {
    margin-top: -17px
}

.n-tab .custom-table {
    margin-bottom: 0;
}

.custom-table tr th:first-child {
    font-weight: normal;
    color: #000;
}

.custom-table thead tr th {
    font-weight: 700 !important;
    color: #808080 !important;
}

.custom-table > thead > tr > th {
    border-bottom: 1px;
}

.custom-table tr:last-child {
    border-bottom: 1px solid #ddd;
}

.custom-table .head-group {
    border-top: 1px solid #dddddd;
    border-bottom: 2px solid #dddddd;
}

.custom-table .custom-control {
    margin-top: -2px;
    margin-left: 16px;
}

.custom-table thead {
    border-bottom: 2px solid #dddddd;
}

.order-list {
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

    .order-list li {
        margin: 8px 0
    }

        .order-list li .count {
            float: left;
            width: 22px;
            height: 22px;
            background-color: #216ba333;
            border-radius: 50%;
            margin-right: 10px;
            text-align: center;
            padding: 1px;
            color: #216ba3;
        }

.brd li div:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 31px solid #FFF !important;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.brd li div:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #cfcfcf;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}

.brd .current div:after {
    border-left: 30px solid #515151 !important;
}

.brd .completed div:after {
    border-left: 30px solid #216ba3 !important;
}

.brd li:last-child div:after, .brd li:last-child div:before {
    border: 0;
}

.brd li:first-child div {
    padding-left: 24px !important;
}

.trs-actions {
    margin: 12px 0 0 8px;
    float: left;
}

.ico-dlt {
    width: 24px;
    height: 24px;
    background: url('../../content/images/delete.svg') no-repeat;
}

.ico-add {
    width: 24px;
    height: 24px;
    background: url('../../content/images/add.svg') no-repeat;
}

.trs-actions button {
    float: left;
}

.wizard .trs-summary {
    margin: -14px 0 20px;
}

.trs-summary {
    padding: 14px 16px 10px;
    margin-bottom: 6px;
    margin: 0 0 20px;
    font-size: 12px;
    color: #00000099;
    border-bottom: 1px solid #e8e8e8;
    background-color: #f2f2f2;
    float: left;
    width: 100%;
}

    .trs-summary .mes-title {
        margin: 0 0 4px;
    }

    .trs-summary .bt-group {
        float: right;
        margin-right: 6px;
    }

.transformation-list .newli {
    margin-top: 10px
}

.transformation-list .msr-name {
    margin-top: 10px;
}

.transformation-list .freez-msr-name {
    width: 184px;
}

.wizard .footer-actions {
    width: 100%;
    float: left;
    border-top: 1px solid #cfcfcf;
    padding: 16px 0 0;
    margin-top: 16px;
    text-align: right;
}

.transformation-list li:last-child {
    border-bottom: 0
}

.disabled li:hover {
    background-color: transparent !important
}

.trs-type {
    margin-top: 20px;
    font-weight: 700;
    overflow-wrap: break-word;
}

.save-summary {
    margin-bottom: 20px
}

.alert {
    border-radius: 0;
    border-left: 4px solid;
}

.trs-cd li {
    padding-left: 0;
}

    .trs-cd li:first-child {
        font-weight: 700;
    }

.disabled {
    /* margin-bottom: 24px; */
    /* border-bottom: 1px solid #e8e8e8; */
}

.trs-info .mes-title {
    width: auto;
}

.wizard .n-tabs {
    margin: 0 0 10px
}

.pry-data input[type=checkbox], input[type=radio] {
    height: auto
}

.sec1 {
    background-color: #0000000d;
}

.rotate {
    transform: rotateZ(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.n-tab .accordion-toggle:hover {
    background-color: #226ba41a;
}

.add-item {
    margin-top: 23px;
    border-radius: 2px;
    margin-left: 5px;
    font-size: 20px;
    border: 1px solid #4d4d4d;
    font-weight: 700;
    color: #4d4d4d;
    padding: 0px 12px;
    line-height: 31px;
    cursor: pointer;
    z-index: 99;
}

.eff-table {
    background-color: #FFF;
    margin-bottom: 0;
}

.clear-fix {
    width: 100%;
    float: left;
    ;
}

.field-sm .k-dropdown-wrap .k-input {
    height: 21px;
}

.n-tab .k-grid-toolbar {
    border-top: transparent;
}

.cst_txtarea {
    height: 111px;
}

.session-tab {
    background-color: #cbcbcb;
    border: 1px solid #afafaf;
    padding: 16px 14px;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.control-check {
    padding-left: 20px;
}

    .control-check .custom-control-label::after {
        top: 4px;
    }

    .control-check label {
        font-weight: normal;
    }

.inline-filter {
    padding: 6px 5px 6px 10px !important;
    border-bottom: 1px solid #afafaf;
    background: transparent;
}

.check-tag .custom-control-label {
    border: 1px solid #226BA4;
    padding: 6px 20px 8px 34px;
    width: auto;
    float: left;
    border-radius: 34px;
    margin-right: 14px;
}

    .check-tag .custom-control-label::before {
        left: 8px;
    }

    .check-tag .custom-control-label::after {
        left: 8px;
        top: 6px;
    }

.check-tag .custom-control-input:checked ~ .custom-control-label {
    background-color: rgb(0 0 0 / 50%);
    color: #FFF;
    border-color: #707070;
}

    .check-tag .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #ffffff;
        background-color: #707070;
    }

.check-tag .custom-control-label::before {
    background-color: #e0e0e0;
    border: #204d74 solid 1px;
}

.bg-grey .panel-heading {
    background-color: #E0E0E0 !important;
}

.f-uploaded {
    float: left;
    border: 1px solid hsl(0deg 0% 0% / 20%);
    padding: 0 42px 0 12px;
    margin-top: 16px;
    position: relative;
    border-radius: 2px;
}

    .f-uploaded span {
        display: block;
        line-height: 1.4;
    }

    .f-uploaded .f-date {
        font-size: 12px;
        color: #00000080;
    }

    .f-uploaded .glyphicon {
        position: absolute;
        right: 0;
        top: 4px;
        font-size: 20px
    }

.title-selection .k-dropdown-wrap.k-state-default {
    background: #fafafa;
    border: 0;
    padding: 0;
    font-weight: 700;
    color: #515151;
    padding-left: 6px;
    text-transform: uppercase;
    padding-right: 10px;
}

.title-selection .k-dropdown .k-state-hover .k-input {
    color: #515151;
}

.title-selection .k-dropdown {
    width:120px;
}

.title-selection {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .title-selection .k-dropdown-wrap .k-input {
        color: #707070;
    }

    .title-selection .card-title {
        padding-top: 7px;
        display: block;
    }

    .title-selection .k-state-default > .k-select {
        right: -14px;
    }

.min-grf .kpi-graph {
    margin: 12px 0;
    float: left;
    width: 100%;
}

.enlarge {
    float: right;
    color: #515151;
}

.card-title .enlarge .glyphicon {
    font-size: 12px;
    margin: 0;
}

.btn-inf {
    width: 20px;
    height: 20px;
    background: url('../images/info.svg') no-repeat;
    float: right;
    font-size: 0 !important;
    margin: 2px 2px 0 0;
}

.s-value {
    float: left;
    padding: 4px 10px 0 0;
}





/* Col test */
.col-holder {
    width: 100%;
}

.cl-1 {
    float: left;
    padding-left: 4px;
}

.cl-3 {
    float: left;
    display: flex;
}

.cl-f {
    width: 100%;
    float: left;
}

.hd {
    width: 100%;
    background-color: #FFF;
}

    .hd .cl-1 {
        font-size: 12px;
        padding-top: 3px;
    }

    .hd .k-slider {
        top: -4px;
    }

.bd-links .btn[aria-expanded="true"]::before {
    transform: rotate( 90deg);
}

.btn-arrow {
    float: left;
    padding: 8px;
    line-height: 0;
    background: url('../images/arrow.svg') no-repeat;
    transition: transform 0.35s ease;
    transform: rotate( 90deg);
    margin-left: 6px;
    margin-top: 4px;
}

.collapsed .btn-arrow {
    transform: rotate( 0);
}

.hd {
    display: block;
    transition: 0.3s;
}

.hd-slider {
    opacity: 0;
    position: absolute;
    right: 50px;
}

/* .top-layer:hover + .hd, .hd:hover {
    display: block;
  } */
.cl-1, .hd-slider, .s-value, .top-layer {
    transition: 0.2s ease-in;
}

.cl-1 {
    transition: 0.1s ease-in;
}

.on-hover:hover .cl-1 {
    font-size: 12px;
    padding-top: 3px;
}

.on-hover .top-layer .cld-1:hover, .on-hover .top-layer .cld-2:hover, .on-hover .top-layer .cld-3:hover, .on-hover .top-layer .cld-4:hover, .on-hover .top-layer .cld-5:hover, .on-hover .top-layer .cld-6:hover {
    padding-left: 0px !important
}

.field-list .on-hover:hover .cl-1 {
    font-size: 14px;
    padding-top: 0;
}

.on-hover:hover .s-value {
    opacity: 0;
}

.on-hover:hover .hd-slider {
    opacity: 1;
}

.on-hover:hover .top-layer {
    padding-left: 0 !important;
}

.field-list .on-hover:hover .top-layer {
    padding-left: 12px !important;
}

.spacer {
    padding: 8px 0;
    border-bottom: 1px solid #e9e9e9;
    float: left;
    width: 100%;
}

.slider-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .slider-list li {
        width: 100%;
        float: left;
        /*border-bottom: 1px solid #e9e9e9;
        padding: 8px 0;*/
    }

.max .slider-list li {
    padding: 0;
}

.cld-1 {
    padding-left: 12px !important;
}

.cld-2 {
    padding-left: 24px !important;
}

.cld-3 {
    padding-left: 36px !important;
}

.cld-4 {
    padding-left: 48px !important;
}

.cld-5 {
    padding-left: 60px !important;
}

.max .cld-1 .cl-1 {
    width: 248px !important;
}

.max .cld-2 .cl-1 {
    width: 236px !important;
}

.max .cld-3 .cl-1 {
    width: 224px !important;
}

.max .cld-4 .cl-1 {
    width: 212px !important;
}

.max .cld-5 .cl-1 {
    width: 200px !important;
}

.max .range-value-l {
    margin-right: 4px;
}

.max .prs-value-l {
    padding-top: 7px;
}

.max .prs-value {
    padding-top: 7px;
}

.run-actions {
    float: left;
    padding: 12px 10px;
    background-color: #FFF;
    width: 100%;
    border: 1px solid #e9e9e9;
}

    .run-actions .btn {
        float: left;
        margin-right: 8px;
    }

    .run-actions .btn-group .btn {
        padding-top: 6px;
        padding-bottom: 6px;
    }

.slider-sv {
    margin-top: 20px
}

    .slider-sv input {
        margin-bottom: 16px;
        border: 1px solid #dbdbdb;
    }

.t-list-simulate {
    float: left;
    margin: 0;
    padding: 0;
}

.max .panel-actions .t-list-simulate {
    margin-left: 286px !important;
}

.t-list-simulate li {
    width: 148px;
    float: left;
    border: none;
    list-style: none;
    padding: 10px 8px !important;
    text-align: right;
}

.t-list-optimize {
    float: left;
    margin: 0;
    padding: 0;
}

.t-list-optimize li {
    width: 148px;
    float: left;
    border: none;
    list-style: none;
    padding: 10px 8px !important;
    text-align: right;
}

.t-list {
    float: left;
    margin: 0;
    padding: 0;
}

    .t-list li {
        width: 148px;
        float: left;
        border: none;
        list-style: none;
        padding: 10px 8px !important;
        text-align: right;
    }

.max .btn-arrow {
    margin-top: 10px;
}

.max .cl-1 {
    width: 260px;
    padding-top: 8px;
}

.max .hd-slider {
    opacity: 1;
    margin-top: 3px
}

.max .cl-3 {
    margin-top: 8px
}

.max .panel-actions .t-list {
    margin-left: 112px;
    font-size: 10px;
}

    .max .panel-actions .t-list li {
        padding-top: 10px;
    }

.max .spacer {
    padding: 0px;
}

.panel-actions .hd-slider {
    font-size: 10px;
    opacity: 1;
}

    .panel-actions .hd-slider span {
        margin-right: 20px;
    }

.read-only {
    background-color: #f1f1f1;
    color: #676767;
    font-style: italic;
}

.max input {
    line-height: 24px;
    margin-top: 0 !important
}

.s-view {
    height: 24px;
}

    .s-view .panel-actions {
        background-color: transparent !important;
        color: #FFF;
        border: 0;
        padding: 4px 0 0 0;
        font-weight: normal;
        color: #E4E4E4;
        text-transform: none;
    }

        .s-view .panel-actions .glyphicon {
            color: #FFF;
            margin-right: 4px;
        }

.chart-legents {
    margin: 0 auto;
    width: 200px;
    list-style: none;
    padding: 0;
}

    .chart-legents li {
        float: left;
        width: auto;
        color: #515151;
        font-size: 12px;
        margin-left: 10px;
    }

.l-color {
    width: 12px;
    height: 12px;
    float: left;
    margin: 2px 6px 0;
}

.c-base {
    background-color: #ff7663;
}

.c-current {
    background-color: #0fc4b2;
}

.btn-smr {
    font-weight: bold;
    padding-left: 0 !important;
}

    .btn-smr::after {
        content: " ";
    	background: url('../images/arrow2.svg');
        width: 24px;
        height: 24px;
        position: absolute;
        display: inline-block;
    }

    .btn-smr:hover {
        margin-left: 4px;
    }

.k-slider-horizontal {
    top: -3px !important
}

.simulate .s-value {
    padding-right: 14px;
}

.simulate .hd-slider {
    right: 36px;
}






.kpis {
    float: left;
    width: 100%;
    margin: 0 -6px;
    padding: 0;
    text-align: center;
    list-style: none;
    font-size: 12px;
}

    .kpis .col-md-3 {
        padding: 0 6px;
    }

        .kpis .col-md-3:last-child {
            padding-right: 0;
        }

.kpi-label {
    text-align: center;
    color: #515151;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}

.kpi-bubles {
    padding: 2px;
    border-radius: 4px;
    font-weight: bold;
    color: #FFF;
    font-size: 14px;
}

    .kpi-bubles span {
        font-size: 12px;
        font-weight: normal;
    }

.kpi-bubles .glyphicon {
    margin: 0 2px 0 12px;
}

.profits {
    background-color: #68BC36;
}

.kpi-base {
    color: #999999
}

.loss {
    background-color: #990000;
}

.field-list .s-value {
    display: none;
}

.field-list .hd-slider {
    opacity: 1;
}

.field-list .k-slider {
    display: none;
}

.field-list .range-value {
    padding: 4px 14px 4px 3px;
    width: 43px;
    margin-top: -10px;
    border: 1px solid #ebebeb !important;
    border-radius: 2px;
}

.field-list .range-value-l {
    padding: 4px 14px 4px 3px;
    width: 43px;
    margin-top: -5px;
    margin-right: 8px;
    border: 1px solid #ebebeb !important;
    border-radius: 2px;
}

.field-list .hd-slider input:hover {
    box-shadow: none;
}



.switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 18px;
    margin: 0 6px 0 4px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.c-holder {
    padding: 16px 20px;
}

.bordered .k-grid-header .k-header {
    border-top: 1px solid #727272;
}

.project-detail {
    margin-top: 4px !important
}

    .project-detail li span {
        color: gray;
        margin-right: 4px;
    }

.ico-view {
    width: 24px;
    height: 24px;
    background: url(./view.svg) no-repeat;
}

.ico-copy {
    width: 24px;
    height: 24px;
    background: url(./copy.svg) no-repeat;
}

.pjt-filter .col-md-1, .pjt-filter .col-md-2, .pjt-filter .col-md-3 {
    padding-left: 0;
}

.form-group .required:after {
    content: "*";
    color: red;
    margin-left: 4px;
}

.n-tab .panel-heading h5 {
    font-weight: bold;
    margin: 0;
}
/*.optimize-lock{
    width:auto !important;
}*/
.popupSlider .left-prs-value{
    left:43px !important;
}
.popupSlider .right-prs-value {
    right: 11% !important;
}
.popupSlider .right-prs-value-Selectall {
    right: 13% !important;
}

.graph-values-response-curves {
    float: left;
    width: 500px;
    padding: 30px;
    position: absolute;
}

.k-chart .response-curves {
    position: inherit;
}

/* New styles added for flow enhancement*/

.measureHyperlink {
    text-align: left;
    padding: 12px;
    text-decoration: underline;
    color: #226BA4;
}


.divDetails {
    margin-left: 60px;
    border: none;
}

.Cor_val {
    border: 1px solid #cdcdcd;
    padding: 5px;
}

.raw_msrname {
    float: right;
    margin-top: -20px;
    margin-right: 55px;
}
.planning-new-time{
    margin-top:23px !important;
}