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

body {
    font-size: .85em;
    font-family: "Open Sans",sans-serif !important;
    margin: 0;
    padding: 0;
    height: 100%;
}

#container-risk {
    min-height: 100%;
    position: relative;
}

#body {
    clear: both;
    min-height: 600px;
    padding-bottom: 60px;
    position: relative;
}

footer {
    clear: both;
    font-size: .8em;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    margin-left: 10px;
}

header {
   
}


header, footer, hgroup,
nav, section {
    display: block;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

a {
    text-decoration: none;
}

.content-wrapper {
    margin: 0 auto;
    /*max-width: 960px;*/
}

.main-content {
}

.featured + .main-content {
    /*background: url("../Images/heroAccent.png") no-repeat;*/
}

header .content-wrapper {
    padding-top: 5px;
}


/*menu*/

.menuTop {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 20001;
}

.separatorFixed {
    position: fixed;
    z-index: 99;
    width: 100%;
    padding-left: 250px;
    text-align: left;
}

.logoSite {
    position: fixed;
    top: 0;
    left: 50px;
    z-index: 20002;
}

#optionsImg {
    position: fixed;
    top: 150px;
    right: 0px;
    width: 2%;
    margin: 0;
    padding: 0;
    height: 60px;
    z-index: 100;
}

    #optionsImg span {
    }

#mainmenu {
    padding-left: 235px;
    padding-right: -235px;
}
#thememenu {
    position: absolute;
    right: 0;
    top: 0;
}
#thememenu li.k-first {
  /*margin-right: 20px;*/
}

#thememenu > .k-item {
    float: right;
}

#ContainerFO {
    width: 300px;
    /*position: fixed;
    z-index: 100;
    right: 10px;
    top: 50px;
    float: right;*/
}

#ContainerGG {
    float: left;
    width: 96%;
    margin: 75px 2% 0 1%;
}

.optionsItem {
    width: 100%;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-left: 3px;
}


    .optionsItem label {
        font-size: 11px;
    }

.optionsItemLast {
    width: 100%;
    float: left;
    height: 20px;
    line-height: 20px;
    padding-bottom: 3px;
}


    .optionsItemLast label {
        font-size: 11px;
    }


.ulbuttongroup {
    float: right;
    padding: 0px;
    margin: 0 3px 0 0;
}

.titleGraphs {
    text-align: center;
    font-size: 16px;
    padding-bottom: 2px;
}


.chartGraphs {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    display: inline-block;
}

/*kendo*/
.k-loading-mask, .k-loading-color {
    background: none !important;
    background-color: none !important;
}

#windowContainerFO.k-window-content.k-content {
    padding: 0;
    margin: 0;
    overflow: visible;
    background: none;
    background-color: transparent;
    opacity: 0.93;
}


.k-window {
    background: transparent;
}

.k-widget.k-window {
    position: fixed;
}

.windowPin {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    float: right;
}

.windowUnPin {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    display: none;
}


.windowClose, .windowCloseBeta {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    float: right;
}



.k-loading-image {
    background-image: url('../../Content/kendo/2016.3.1028/Office365/loading-image.gif');
}


.selectUnselectPopverChecks {
    font-size: 10px;
    padding: 2px 3px;
}

.ulbuttongroup {
    float: right;
    padding: 0px;
    margin: 0 3px 0 0;
}

.groupButton2 {
    padding: 3px 5px !important;
    /*width: 100px !important;*/
    font-size: 11px;
}

/*views*/

.groupButton {
    padding: 0 !important;
    height: 20px !important;
    width: 70px !important;
}

.small {
    width: 36px !important;
}

.medium {
    width: 45px !important;
}

.big {
    width: 150px !important;
}

.apply {
    height: 35px !important;
    margin-top: 3px;
    margin-bottom: 3px !important;
    margin-right: 5px !important;
    float: right;
}

#dropDownTreeView > .k-ext-dropdown {
    width: 1px;
}

.squareImg {
    float: right;
    width: 15px;
    height: 15px;
    padding: 5px 0 0 0;
    margin: 0 8px 0 0;
    border: none;
}

#span-title-filter {
    float: left;
    text-overflow: ellipsis;
    border: none;
    height: 20px;
    margin-left: 3px;
}

.filtersItem {
    height: 20px;
    line-height: 20px;
}

    .filtersItem div {
        float: left;
        width: 100%;
    }

        .filtersItem div.first {
            margin-top: 3px;
            margin-bottom: 3px;
        }

        .filtersItem div label {
            float: left;
            margin-left: 4px;
            width: 85px;
            margin-right: 10px;
            font-size: 11px;
        }

        .filtersItem div ul li {
            font-size: 11px;
        }

        .filtersItem div span.datePickerFrom {
            float: left;
            font-size: 11px;
        }

        .filtersItem div span.datePicker {
            float: right;
            margin-right: 5px;
            font-size: 11px;
        }

.gridGraphs {
    width: 100%;
    font-size: 10px;
    margin: 5px 0 10px 0;
}


.k-grid td {
    padding: 0.1em 5px 0.1em 10px;
    text-align: left;
}

.k-grid th.k-header {
    text-align: center;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 12px;
    border-top-width: 1px;
}

.k-grid-header {
    padding: 0 !important;
}

.k-grid-content {
    overflow-y: visible;
}

div.k-grid-toolbar {
    background: none;
    border: none;
}

    div.k-grid-toolbar a {
        float: right;
        padding: 7px 5px 5px 9px;
        margin: 0;
    }

        div.k-grid-toolbar a.titletoolbar {
            float: left;
            vertical-align: middle;
            font-size: 16px;
        }

.windowTitleBeta {
    width: 20px;
    display: inline-block;
    float: left;
}

.portf-title {
    font-size: 13px;
    font-weight: 700;
    font-family: 'Open Sans Condensed', Verdana, sans-serif;
    text-transform: uppercase;
}

#windowBetaDetail.k-window-content.k-content {
    padding: 10px;
    margin: 0;
    overflow: visible;
}

.date-title {
    font-weight: 300;
    font-size: 12px;
    color: #727f8e;
    margin: 0;
}

#tabstripDetail .k-content {
    height: 675px !important;
    padding: 5px 0 0 0;
    overflow-x: scroll;
}

#tabstripDetail a.k-link {
    text-transform: capitalize;
}

.detailChartTitle1, .detailChartTitle2 {
    line-height: 25px;
    text-align: center;
    width: 1050px;
}




#metricTreeViewContent div.k-multiselect .k-button {
    text-transform: none;
    text-align: left;
}

#metricTreeViewContent div.k-multiselect-wrap li {
    line-height: 1.4em !important;
    border-radius: inherit !important;
    margin: 2px 1% !important;
    width: 98%;
}

#metricTreeViewContent div.k-multiselect {
    border: none;
}


#metricTreeViewContent div.k-multiselect-wrap {
    overflow-y: auto;
    overflow-x: hidden;
}

#metricTreeView_taglist li {
    font-size: 11px;
}




#risksettingTreeViewContent div.k-multiselect .k-button {
    text-transform: none;
    text-align: left;
}

#risksettingTreeViewContent div.k-multiselect-wrap li {
    line-height: 1.4em !important;
    border-radius: inherit !important;
    margin: 2px 1% !important;
    width: 98%;
}

#risksettingTreeViewContent div.k-multiselect {
    border: none;
}


#risksettingTreeViewContent div.k-multiselect-wrap {
    overflow-y: auto;
    overflow-x: hidden;
}

#risksettingTreeView_taglist li {
    font-size: 11px;
}

/*#MultiplePortfolioPopverChecksContent div {
    width: 32%;
    display: inline-block;
    vertical-align: top;
}


#MultiplePortfolioPopverChecksContent div div{
    width: 100%;
}

#MultiplePortfolioPopverChecksContent input[type=checkbox] {
    float: left;
}*/

#portfolioTreeViewContent div.k-multiselect .k-button {
    text-transform: none;
    text-align: left;
}

#portfolioTreeViewContent div.k-multiselect-wrap li {
    line-height: 1.4em !important;
    border-radius: inherit !important;
    margin: 2px 1% !important;
    width: 98%;
}

#portfolioTreeViewContent div.k-multiselect {
    border: none;
}


#portfolioTreeViewContent div.k-multiselect-wrap {
    overflow-y: auto;
    overflow-x: hidden;
}

#portfolioTreeView_taglist li {
    font-size: 11px;
}

.k-window-titleless {
    padding-top: 0 !important;
}

.k-tooltip {
    margin-left: -90px;
    margin-top: 5px;
    z-index: 999991;
}

.k-window {
    border-width: 3px;
}
.k-block > .k-header
{
    font-size: 1em !important;
    margin-bottom: 2px !important;
}

table.form
{
    border: none !important;
    width: 100%;
}

    table.form tbody tr td
    {
        border: none !important;
        padding: 1px;
    }

        table.form tbody tr td label
        {
            width: 100px;
            display: inline-block;
            vertical-align: top;
            margin-top: 5px;
            text-align: right;
            margin-right: 3px;
        }

        table.form tbody tr td label.w150 {
            width: 150px;
        }

        table.form tbody tr td span.control
        {
            display: inline-block;
        }


.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input
{
    height: 1.4em !important;
    line-height: 1.4em !important;
}

.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select
{
    line-height: 1.6em !important;
}

.k-numerictextbox .k-link
{
    height: 0.8em !important;
    line-height: 0.85em !important;
}

span.control.radio input[type=radio],
span.control.checkbox input[type=checkbox]
{
    margin-top: 5px;
    vertical-align: top;
}

span.control.radio label,
span.control.checkbox label
{
    width: auto !important;
    margin-right: 15px !important;
    text-align: left !important;
}

.area-buttons
{
    text-align: right;
    /*width: 98%;*/
    margin-top: 5px;
}
.area-buttons button
{
    min-width: 60px;
    margin-left: 5px;
}

#template-message-error .k-ext-dialog-content {
    height: 90%;
}

div.k-tooltip{
        /*position: static;*/
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px;
}

div.filters {
    overflow: hidden;
    white-space: nowrap;
}
    div.filters label {
        margin-left: 20px;
    }
    div.filters label.first {
        margin-left: 0px;
    }
    div.filters button {
        margin-left: 50px;
    }

table.market-exchange-edit label { width: 140px !important; }


/***columns align ***/
.align-right{
    text-align: right !important;
}
.align-left{
    text-align:left !important;
}
.align-center{
    text-align:center !important;
}
/*******************/