html {
    position: relative;
    min-height: 100%;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.graphic-pie{
    display:none;
}
.menu-main .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.RadMenu_Bootstrap {
    font-size: 14px;
    font-family: "Montserrat","Lato",Arial,sans-serif !important;
}

    .RadMenu_Bootstrap .rmLink {
        text-decoration: none;
    }

.header {
    background-color: #2C3E50 !important;
}

.RadMenu_Bootstrap .rmRootGroup {
    border-color: #2C3E50 !important;
    color: #fff;
    background-color: #2C3E50 !important;
}

    .RadMenu_Bootstrap .rmRootGroup.rmVertical > .rmItem, .RadMenu_Bootstrap .rmRootGroup.rmVertical > .rmRootScrollGroup > .rmItem {
        float: none;
    }

    .RadMenu_Bootstrap .rmRootGroup > .rmItem, .RadMenu_Bootstrap .rmRootGroup > .rmRootScrollGroup > .rmItem {
        border-color: transparent;
    }

    .RadMenu_Bootstrap .rmRootGroup .rmRootLink {
        padding: 15px;
        color: #FFF;
    }

.RadMenu_Bootstrap .rmVertical .rmRootLink {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .RadMenu_Bootstrap .rmRootLink .rmText, .RadMenu_Bootstrap .rmVertical .rmRootLink .rmText {
        padding: 0;
    }

.RadMenu_Bootstrap .rmRootLink:hover {
    color: #FFF;
    background-color: #2C3E50 !important;
}

.RadMenu_Bootstrap .rmRootLink.rmSelected, .RadMenu_Bootstrap .rmRootLink.rmSelected:hover, .RadMenu_Bootstrap .rmRootLink.rmExpanded, .RadMenu_Bootstrap .rmRootLink.rmExpanded:hover {
    border-color: #375f87 !important;
    color: #FFF;
    border-color: #375f87 !important;
}

.RadMenu_Bootstrap .rmRootLink.rmDisabled, .RadMenu_Bootstrap .rmRootLink.rmDisabled:hover {
    color: #FFF;
    border-color: #375f87 !important;
    background-color: #375f87 !important;
}

.RadMenu_Bootstrap .rmRootGroup.rmHorizontal > .rmSeparator, .RadMenu_Bootstrap .rmRootGroup.rmHorizontal > .rmRootScrollGroup > .rmSeparator {
    display: none;
}

.RadMenu_Bootstrap .rmRootGroup.rmVertical > .rmItem.rmSeparator, .RadMenu_Bootstrap .rmRootGroup.rmVertical > .rmRootScrollGroup > .rmItem.rmSeparator {
    margin: 9px 0;
    height: 1px;
    border-width: 0;
    overflow: hidden;
    background-color: #2C3E50 !important;
}
/*submenu background color*/
.RadMenu_Bootstrap .rmGroup, .RadMenu_Bootstrap .rmPopup, .RadMenu_Bootstrap .rmMultiColumn {
    padding: 0;
    border: 1px solid #2C3E50 !important;
    border-radius: 4px;
    color: #FFF;
    background-color: #2C3E50 !important;
}

    .RadMenu_Bootstrap .rmGroup.rmVertical {
        padding: 5px 0;
    }

    .RadMenu_Bootstrap .rmGroup.rmHorizontal {
        padding: 5px;
    }

.RadMenu_Bootstrap .rmSlide .rmScrollWrap .rmHorizontal {
    padding: 5px;
}

.RadMenu_Bootstrap .rmGroup .rmLink {
    padding: 3px 30px;
    color: #FFF;
}

    .RadMenu_Bootstrap .rmGroup .rmLink .rmText {
        padding: 0;
        margin: 0;
    }

    .RadMenu_Bootstrap .rmGroup .rmLink:hover {
        border-color: #375f87 !important;
        color: #CCC;
        background-color: #375f87 !important;
    }

.RadMenu_Bootstrap .rmGroup .rmSelected > .rmLink, .RadMenu_Bootstrap .rmGroup .rmSelected > .rmLink:hover, .RadMenu_Bootstrap .rmGroup .rmExpanded > .rmLink, .RadMenu_Bootstrap .rmGroup .rmExpanded > .rmLink:hover {
    border-color: #375f87 !important;
    color: #fff;
    background-color: #375f87 !important;
}

.RadMenu_Bootstrap .rmGroup .rmDisabled > .rmLink, .RadMenu_Bootstrap .rmGroup .rmDisabled > .rmLink:hover {
    color: #FFF;
    border-color: #375f87;
    background-color: #375f87;
}

.RadMenu_Bootstrap .rmSeparator {
    border-color: #375f87 transparent transparent #375f87;
}

.RadMenu_Bootstrap .rmLeftArrow, .RadMenu_Bootstrap .rmRightArrow, .RadMenu_Bootstrap .rmTopArrow, .RadMenu_Bootstrap .rmBottomArrow {
    border-color: #2C3E50 !important;
    color: #FFF;
    background-color: #fff;
    border-width: 0;
    border-style: solid;
}

    .RadMenu_Bootstrap .rmLeftArrow:hover, .RadMenu_Bootstrap .rmRightArrow:hover, .RadMenu_Bootstrap .rmTopArrow:hover, .RadMenu_Bootstrap .rmBottomArrow:hover {
        border-color: #375f87 !important;
        color: #FFF;
        background-color: #375f87 !important;
    }

.RadMenu_Bootstrap .rmLeftArrow, .RadMenu_Bootstrap .rmRightArrow {
    height: 100%;
}

.RadMenu_Bootstrap .rmLeftArrow {
    border-right-width: 1px;
}

.RadMenu_Bootstrap .rmRightArrow {
    border-left-width: 1px;
}

.RadMenu_Bootstrap .rmTopArrow {
    border-bottom-width: 1px;
}

.RadMenu_Bootstrap .rmBottomArrow {
    border-top-width: 1px;
}

.RadMenu_Bootstrap .rmTopFix, .RadMenu_Bootstrap .rmTopLeft, .RadMenu_Bootstrap .rmTopRight, .RadMenu_Bootstrap .rmBottomFix, .RadMenu_Bootstrap .rmBottomLeft, .RadMenu_Bootstrap .rmBottomRight {
    display: none;
}

.RadMenu_Bootstrap .rmShadows .rmGroup {
    box-shadow: 0 3px 3px rgba(44,62,80,0.2);
}

.RadMenu_Bootstrap .rmGroup:before, .RadMenu_Bootstrap .rmMultiColumn:before, .RadMenu_Bootstrap .rmScrollWrap > .rmHorizontal:before, .RadMenu_Bootstrap .rmScrollWrap > .rmVertical:before {
    display: none;
}

.RadGrid_Bootstrap  .RadGrid_Bootstrap  a {
    color: #FFF !important;
}

/*additions*/


.RadLabel_Bootstrap {
    font-family: "Montserrat", "Lato", "Helvetica Neue", sans-serif !important;
}

.RadMenu_Bootstrap .rmRootGroup .rmRootLink:hover, .RadMenu_Bootstrap .rmRootGroup .rmFocused > .rmRootLink {
    border-color: #375f87 !important;
}

.RadMenu_Bootstrap .rmRootGroup {
    background-color: #2C3E50 !important;
}

    .RadMenu_Bootstrap .rmRootGroup .rmItem {
        border-color: #2C3E50 !important;
    }

.mainMenu {
    background-color: #2C3E50 !important;
}

.RadMenu_Bootstrap .rmRootGroup {
    border-color: #2C3E50 !important;
    color: #FFF !important;
    background-color: #2C3E50 !important;
}

.RadMenu_Bootstrap .rmGroup, .RadMenu_Bootstrap .rmMultiColumn {
    border-color: #2C3E50 !important;
    ;
    color: #FFF !important;
    background-color: #2C3E50 !important;
}

    .RadMenu_Bootstrap .rmPopup .rmLink:hover, .RadMenu_Bootstrap .rmPopup .rmFocused > .rmLink, .RadMenu_Bootstrap .rmPopup .rmExpanded > .rmLink, .RadMenu_Bootstrap .rmGroup .rmLink:hover, .RadMenu_Bootstrap .rmGroup .rmFocused > .rmLink, .RadMenu_Bootstrap .rmGroup .rmExpanded > .rmLink {
        color: #FFF !important;
        background-color: #375f87 !important;
    }

.RadMenu_Bootstrap .rmGroup, .RadMenu_Bootstrap .rmMultiColumn {
    border-color: #375f87 !important;
    color: #FFF !important;
    background-color: #375f87 !important;
}

    .RadMenu_Bootstrap .rmGroup:hover, .RadMenu_Bootstrap .rmMultiColumn:hover {
        border-color: #2C3E50 !important;
        color: #FFF !important;
        background-color: #2C3E50 !important;
    }

.RadMenu .rmGroup .rmLink {
    /*padding: 3px 32px;*/
    border: #2C3E50 !important;
    /* background-position: 0 0;
  background-repeat: repeat-x;*/
}


.inner .b-title {
    font-size: 1.3em;
    color: #FFFFFF;
    text-transform: uppercase;
}

.inner span {
    color: #FFF;
}


.RadMenu .rmLast {
    /* float: right;
          background:red;*/
}

.RadMenu_Bootstrap .rmRootGroup {
    border-color: #2C3E50;
    color: #FFFFFF !important;
    background-color: #2C3E50;
}

    .RadMenu_Bootstrap .rmRootGroup .rmRootLink {
        color: #FFF !important;
    }

.RadMenu_Bootstrap .rmRootLink:hover {
    color: #FFF !important;
    background-color: #375f87 !important;
}

.RadMenu_Bootstrap .rmRootLink:hover {
    color: #FFF !important;
    background-color: #375f87 !important;
}

.RadMenu_Bootstrap .rmGroup .rmLink {
    padding: 3px 30px;
    color: #FFF !important;
}

.RadListBox {
    display: block !important;
    width: 100%;
}

.f-title {
    padding: 10px !important;
    background-color: rgba(44, 62, 80, 0.4) !important;
    color: #FFF !important;
    min-height: 20px;
    border-radius: 2px;
    position: relative;
    display: block !important;
}

.j-navbar {
    padding: 10px !important;
    background-color: rgba(44, 62, 80, 0.04) !important;
    color: #2C3E50;
    min-height: 20px;
    border-radius: 2px;
    position: relative;
    display: block !important;
    padding-top: 5px;
    color: #fff;
}

    .j-navbar .j-item {
        padding: 10px;
    }

    .j-navbar label {
        color: #2C3E50;
    }


.section-a {
    padding-top: 30px;
}


.section-pad-10 {
    padding-top: 10px;
       padding-bottom: 5px;
}

.last-btn {
    padding-top: 10px;
}

.username {
    color: #FFF !important;
    padding-left: 3px;
    padding-right: 3px;
}

    .username i {
        color: #FFF !important;
        ;
    }

    .username span {
        color: #FFF !important;
    }

.footer .foot-1 {
    padding-top: 20px;
}

.footer .foot-2 {
    padding-top: 20px;
}

.footer .foot-3 {
    padding-top: 20px;
}

.footer .foot-2 span {
    color: #FFF !important;
}

.footer .foot-3 span {
    color: #FFF !important;
}

.footer .foot-1 span {
    color: #FFF !important;
}

.footer .username {
    color: #FFF !important;
    padding-left: 3px;
    padding-right: 3px;
}

    .footer .username i {
        color: #FFF !important;
    }

    .footer .username span {
        color: #FFF !important;
    }

@media (max-width: 600px) {
    .td-username {
        display: none;
    }
}


.rmRootToggle.rmExpanded {
    border-color: #2C3E50 !important;
    color: #FFF !important;
    background-color: #2C3E50 !important;
}

.RadMenu_Bootstrap .rmRootToggle {
    border-color: #2C3E50 !important;
    color: #FFF !important;
    background-color: #2C3E50 !important;
}

    .RadMenu_Bootstrap .rmRootToggle:active,
    .RadMenu_Bootstrap .rmRootToggle.rmExpanded {
        border-color: #2C3E50 !important;
        color: #FFF !important;
        background-color: #2C3E50 !important;
    }

.RadMenuPopup_Bootstrap {
    color: #FFF !important;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    border-color: #ddd;
    background-color: #2C3E50 !important;
}

    .RadMenuPopup_Bootstrap:before {
        background-color: #2C3E50 !important;
    }

    .RadMenuPopup_Bootstrap:after {
        background-color: #2C3E50 !important;
    }

    .RadMenuPopup_Bootstrap .rmItem {
        background-color: #2C3E50 !important;
    }

        .RadMenuPopup_Bootstrap .rmItem.rmSelected {
            color: #fff;
            background-color: #2C3E50 !important;
        }

    .RadMenuPopup_Bootstrap .rmLoading:after {
        background-color: rgba(255, 255, 255, 0.5);background-color:#2C3E50 !important;
    }


.RadButton_Bootstrap.rbButton, .RadButton_Bootstrap .rbSplitPart {
    border-color: #2C3E50 !important;
    color: #FFF !important;
    background-color: #2C3E50 !important;
    background-image: none;
    display: block;
    width: 100%;
}

.section-a table th {
    background-color: #2C3E50 !important;
}


.footer {
    background-color: #FFF !important;
}

.serv-area {
    display: none;
}

.proxy-mode {
    display: none;
}

table {
    border-color: #2C3E50 !important;
    width:100%
}

    table th {
        background-color: #2C3E50 !important;
        color: #FFFFFF !important;
        border-color: #2C3E50 !important;
    }

.content-top {
    min-height: 50px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
}

.ob-btn {
    padding: 10px;
}

.text-field-padding {
    padding-bottom: 10px;
}



.a-title {
    color: #fff;
}


.footer clearfix {
    background-color: #FFFFFF;
}

.footer .row {
    background-color: #FFF !important;
}

.container-fluid {
    background-color: #FFF;
}

.footer-color {
    background-color: #2C3E50 !important;
    min-height: 100px;
    max-height: 200px;
}

.dbi-tbl-title {
    padding: 10px;
    background-color: #2C3E50 !important;
    display: block;
    width: 100%;
    color: #FFF !important;
    font-family: "Lato";
    text-align: center;
    text-transform: uppercase;
}

    .dbi-tbl-title .RadLabel_Bootstrap {
        color: #FFF !important;
        width:100%;
    }

    .dbi-tbl-title label {
        color: #FFF !important;
    }

.RadGrid_Bootstrap {
    border: 1px solid #FFF!important;
    border-radius: 4px;
    color: #333;
    background-color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

    .RadGrid_Bootstrap .rgGroupHeader {
        background: rgba(255, 255, 255, 0.5) !important;
        font-size: 1.1em;
        line-height: 22px;
        color: #2C3E50 !important;
    }

    .RadGrid_Bootstrap .rgActionButton, .RadGrid_Bootstrap .rgDrag, .RadGrid_Bootstrap .rgDragClue, .RadGrid_Bootstrap .rgExpandIcon, .RadGrid_Bootstrap .rgCollapseIcon, .RadGrid_Bootstrap .rgGroupPanelExpand, .RadGrid_Bootstrap .rgGroupPanelCollapse, .RadGrid_Bootstrap .rgButtonSortDesc, .RadGrid_Bootstrap .rgButtonSortDesc, .RadGrid_Bootstrap .rgButtonSortAsc, .RadGrid_Bootstrap .rgButtonSortClear, .RadGrid_Bootstrap .rgMobileExportForm .rgColumnItem, .RadGrid_Bootstrap a.rgFilter, .RadGrid_Bootstrap a.rgColumns {
        color: #73bcfa !important;
    }

.RadGrid .rgAltRow {
    cursor: default;
    /*background: blue!important;*/
}


.RadGrid .rgAltRow {
    /*background:red!important;*/
}

.menu-table {
    background-color: #2C3E50 !important;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.menu-main .content-top {
    padding: 60px !important;
}


.RadListBox_Bootstrap .rlbCheckAllItems {
    color: #333;
    background-color: #f5f5f5;
    width: 100% !important;
}

.bg-pastel-red {
    background-color: #f97b99 !important;
    color: #FFF;
}

.bg-pastel-blue {
    background-color: #7bb0f9 !important;
    color: #FFF;
}

.bg-pastel-green {
    background-color: #7bf97b !important;
    color: #FFF;
}

.bg-noon-user {
    background-color: #006bef !important;
    color: #FFF !important;
}

.bg-hotday-user {
    color: #B9064E !important;
}

.bg-tabs {
    background-color: #2C3E50;
}

.brg-panels rtsSelected {
    background: red !important;
    font-family: "Lato";
}

.avg {
    background-color: #2C3E50 !important;
    color: #FFF !important;
    padding: 10px;
}

    .avg .RadLabel_Bootstrap {
        color: #FFF !important;
    }
/*.drg-panels .RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected .rtsLink {
    border-color: :#2C3E50!important;
    color: #FFF#2C3E50!important;
    background-color: :#2C3E50!important;
}
.drg-panels .rtsSelected{
    background-color:#2C3E50!important;border:1px solid #2C3E50!important;
}
.drg-panels .rtsSelected a{
    color:#FFF!important;
}
.drg-panels .RadTabStrip_Bootstrap .rtsLevel1 .rtsHovered .rtsLink {
    border-color: :#2C3E50!important;
    color: #FFF#!important;;
    background-color: :#2C3E50!important;*/
}

.dbi-cont-btn {
    padding: 7px;
}


.drg-box {
    padding-top: 20px;
    top: 20;
}

.RadGrid_Bootstrap .rgPager .rgStatus {
    width: 3.36em;
    background-color: #f5f5f5;
    border-right: 0 none;
}

.RadGrid_Bootstrap .rgStatus div {
    width: auto;
    height: 2.5em;
    background-image: url('WebResource.axd?d=ZyQZVfhYaGahz0BH8iMQHtQI6ks7yiizA_g6dx4veBIvmqOUXqh8M5Jfq5SwKDe_EWPLj4U1Tbi5hm4lrbb8XcO8LJAhD15g8J1yn92nM1kpNUG0Umc0Cxv0bI6--lDlSyt_xCIjXqLw0giVDPfilXw4fbx4zcDR0HtvfFvU46g1&t=635881789220000000');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.RadGrid_Bootstrap .rgPagerCell {
    color: #333;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
}

    .RadGrid_Bootstrap .rgPagerCell .rgWrap {
        padding: 0;
    }

    .RadGrid_Bootstrap .rgPagerCell .rgNumPart a, .RadGrid_Bootstrap .rgPagerCell .rgPagerButton, .RadGrid_Bootstrap .rgPagerCell .rgActionButton {
        border-width: 1px;
        border-style: solid;
        box-sizing: content-box;
        border-color: #ccc;
        color: #333;
        background-color: #fff;
        font-size: 1em;
    }

        .RadGrid_Bootstrap .rgPagerCell .rgNumPart a:hover, .RadGrid_Bootstrap .rgPagerCell .rgPagerButton:hover, .RadGrid_Bootstrap .rgPagerCell .rgActionButton:hover {
            border-color: #adadad;
            color: #333;
            background-color: #e6e6e6;
        }

    .RadGrid_Bootstrap .rgPagerCell .rgNumPart a, .RadGrid_Bootstrap .rgPagerCell .rgActionButton {
        margin: 0;
        width: 1.42857em;
        border-left-width: 0;
    }

    .RadGrid_Bootstrap .rgPagerCell .rgNumPart a {
        border-radius: 0;
        text-align: center;
    }

        .RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
            border-color: #2e6da4;
            color: #fff;
            background-color: #337ab7;
        }

    .RadGrid_Bootstrap .rgPagerCell .rtlPagerButton {
        font-size: 1em;
    }

    .RadGrid_Bootstrap .rgPagerCell .rgPageFirst {
        border-left-width: 1px;
        border-radius: .28571em 0 0 .28571em;
    }

    .RadGrid_Bootstrap .rgPagerCell .rgPageLast {
        border-radius: 0 .28571em .28571em 0;
    }

    .RadGrid_Bootstrap .rgPagerCell .NumericPages .rgNumPart a:first-child {
        border-left-width: 1px;
        border-radius: .28571em 0 0 .28571em;
    }

    .RadGrid_Bootstrap .rgPagerCell .NumericPages .rgNumPart a:last-child {
        border-radius: 0 .28571em .28571em 0;
    }

    .RadGrid_Bootstrap .rgPagerCell .rgActionButton {
        box-sizing: content-box;
    }

    .RadGrid_Bootstrap .rgPagerCell .rgPagerButton {
        border-radius: .28571em;
    }

   #sticky-button {
    padding: 0px;
    width: 100%;
    background-color: #38638e;
    color: #fff;
    font-size: 1.2em;
   
}

#sticky-button.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 50px;
    z-index: 700;
    border-radius: 0 0 0.5em 0.5em;
}


 #sticky-top {
    background-color: #38638e;
}


#sticky-button .stick.RadButton_Bootstrap.rbButton, #sticky-button .stick.RadButton_Bootstrap .rbSplitPart {
    border-color: #38638e!important;
    color: #FFF !important;
    background-color: #38638e !important;
    background-image: none;
    display: block;
    width: 100%;
    text-align:left!important;
}


#sticky-button .RadButton_Bootstrap.rbButton, #sticky-button .RadButton_Bootstrap .rbSplitPart {
    border-color: #38638e!important;
    color: #FFF !important;
    background-color: #38638e !important;
    background-image: none;
    display: block;
    width: 100%;
     text-align:left!important;
}


.loading-hide{
  display:none;
}


.ajx-loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


.ajx-loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}


.ajx-loading:not(:required) {

  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.ajx-loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.page-view-1{
    width:100%;
       margin: 0px;
}


.fin-graphs{

 
    padding:0px;

}

.fin-graphs h3{

   color:#2C3E50 !important;
   padding:5px;
   text-align:center;
   width:100%;
   display:block;
    
     font-size:2.0em;
}

@media(max-width:1919px) {
    .col-md-12 {
        width: 100%;
    }

    .table-wrapper{
           padding-top:20px;
    }

}
@media(max-width:1280){
    .table-fix-overflow{
    
  text-align: center;
  height:100%;
  	position:absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  width: 75%;
  overflow-x: scroll; 

}
}

.rgHeaderDiv {
    overflow:hidden!important;
}

.rgMasterTable{
    overflow:hidden!important;
}
.rgDataDir{

    overflow-x:auto!important;
    overflow-y:auto!important;
}


.rgMasterTable table td{
    background:#FFFFFF!important;
}
.danger-number{
    color: #a94442;
background-color: #f2dede;
}
.warning-number{
 color: #8a6d3b;
 background-color: #fcf8e3;
}

.success-number{
color: #3c763d;
background-color: #dff0d8;
}

.danger-number2{
    color: #a94442;
background-color: #f0cfcf;
}
.warning-number2{
 color: #8a6d3b;
 background-color: #faf3ce;
}

.success-number2{
color: #3c763d;
background-color: #d4eec9;
}





@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .rmGroup {
    width: 100%;
    height:400px!important;
    overflow: auto;
    /* overflow-x: hidden; */
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 100%;
}
}



@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    .rmGroup {
    width: 100%;
    height:400px!important;
    overflow: auto;
    /* overflow-x: hidden; */
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 100%;
}
}