﻿input, select {
    font-family: Arial;
    font-size: 11px;
    color: #000;
}

.issuehead.issuehead {
    margin: 0 0 5px 0;
    padding: 6px;
    background-color: #b2cedc;
    font: bold 14px Arial !important;
    color: #000;
}

.issueBox {
    margin: 0 0 0px 0;
    padding: 0 2px;
    border: solid 1px #999;
    height: 18px;
    width: 100%;
    font-family: Arial;
    font-size: 11px;
    /*color: #666;*/
    line-height: 18px;
}

.issueTextBox {
    margin: 0 0px 10px 0;
    padding: 0;
    border: solid 1px #999;
    min-height: 190px;
    font: normal 11px/15px Arial;
    color: #666;
    width: 107%;
    line-height: 12px;
}

.issueCheckBox {
    margin: 3px 10px 0px 0;
    *margin: 0px 10px 0px 0;
    padding: 0;
    height: 10px;
    display: block;
    float: left;
    width: 10px;
    font: normal 11px / 15px Arial;
    color: #666;
}

.issueDrop {
    margin: 0 0 0px 0px;
    padding: 0 0 0 0px;
    border: solid 1px #999;
    height: 20px;
    font: normal 11px/15px Arial;
    /*color: #666;*/
}

.clear {
    margin: 0;
    padding: 0;
    clear: both;
    font-size: 0;
    line-height: 0;
}

.issueAddBtn {
    margin: 0 0 0 414px;
    *margin: 000425px;
    font: normal11px/20pxArial;
    color: #5da9be;
    text-decoration: underline;
}

.issueBtnArea {
    margin: 10px 0 0 0;
    padding: 10px 0 20px 0;
    text-align: center;
}

.issueBtnRA {
    margin: 10px 0 0 0;
    padding: 0px 0 0px 0;
    text-align: center;
}


/* snjay new css start */

.kfwtable {
    border: 1px solid #deeff7;
    padding: 5px;
}

    .kfwtable p {
        font-family: Arial;
        font-size: 11px;
        color: #000;
        padding: 10px 0 10px 5px;
        margin: 0px;
        font-weight: bold;
    }

    .kfwtable ul {
        list-style: none;
        padding: 5px 0 0 10px;
        margin: 0px;
    }

        .kfwtable ul li {
            list-style: none;
            padding: 0 0 0 11px;
            margin: 0 0 8px 0;
            background: url(images/bullet.gif);
            background-repeat: no-repeat;
            background-position: left 5px;
            font-family: Arial;
            font-size: 11px;
            color: #000;
        }

    .kfwtable h1 {
        font-family: Arial;
        font-size: 11px;
        color: #000;
        padding: 5px;
        margin: 0px 0 5px 0;
        background-color: #dae5e9;
    }

.kfwtablesmall {
    border: 1px solid #deeff7;
}


.leftpad {
    padding: 0 0 0 10px;
}

.whitebg {
    background-color: #fff;
    padding: 10px 5px 10px 15px;
    font-family: Arial;
    font-size: 11px;
    color: #000;
    line-height: 24px;
}

.altbg {
    background-color: #eee;
    padding: 10px 5px 10px 15px;
    font-family: Arial;
    font-size: 11px;
    color: #000;
    line-height: 24px;
}


/* popup css start */
.logohld {
    padding: 10px 10px 20px 10px;
    text-align: center;
    /*width: 170px;*/
}

.lefthld {
    float: left;
    width: 50%;
    padding: 0px;
    margin: 0px;
}

    .lefthld p {
        font-family: Arial;
        font-size: 11px;
        color: #000;
        font-weight: bold;
        padding: 4px 0 4px 0;
        margin: 0px;
    }


/* job post add page css start */
.success {
    background: url("images/addPostBg.gif") no-repeat 13px 10px;
    padding: 12px 24px 12px 94px;
}

    .success h2 {
        padding: 0;
        font-size: 14px;
        font-weight: bold;
    }

    .success p {
        margin: 0 0 5px;
        background-color: #fff;
        font-weight: normal;
    }

ul.first {
    border: medium none;
    list-style: none;
}

    ul.first li {
        padding: 5px 0 0 0;
        background-color: Transparent;
    }

.success a:link, a:visited {
    color: #5a93af;
    outline: medium none;
    text-decoration: none;
    background-color: Transparent;
}

.message {
    background-color: #f4fafd;
    margin: 20px 0;
    overflow: hidden;
    padding: 9px;
    position: relative;
}

    .message h2 {
        background-color: #9fc7db;
        color: #FFFFFF;
        line-height: 1.385em;
        margin-bottom: 10px;
        margin-left: 0;
        padding: 5px 9px;
    }

.feature {
    border-right: 1px solid #B4DA80;
    float: left;
    margin: 12px 0;
    padding: 0 24px 10px 94px;
    width: 70%;
}

.share {
    float: right;
    padding: 12px;
    width: 25%;
}

fieldset {
    border-top: 1px solid #EBEBEB;
    clear: left;
    margin: 0 0 5px;
    padding: 10px 0 0;
    width: 100%;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
    width: auto !important;
}

.first {
    margin-left: 0;
}

.urgent {
    color: #bb2222;
    font-weight: bold;
}

/*job listing page css start*/

a:link, a:visited {
    color: #00547E;
    outline: medium none;
    text-decoration: none;
}

ol, ul {
    list-style: none outside none;
    margin-left: 0px; /* IE7 FIX */
}

.thumbnail {
    background-image: url("images/noimage-thumbnail.png");
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    position: relative;
    width: 79px;
}

a:link, a:visited {
    color: #00547E;
    outline: medium none;
    text-decoration: none;
}

.thumbnail img, .thumbnail a:link, .thumbnail a:visited, .thumbnail a:hover, .thumbnail a:active, .thumbnail a:focus {
    display: block;
    height: 56px;
    overflow: hidden;
    width: 75px;
}

ol.listing .thumbnail a:link, ol.listing .thumbnail a:visited, ol.listing .thumbnail a:hover, ol.listing .thumbnail a:active, ol.listing .thumbnail a:focus {
    background-image: url("images/thumbnail-loading.png");
    left: 0;
    position: absolute;
    top: -1px;
}

.thumbnail a:link, .thumbnail a:visited, .thumbnail a:hover, .thumbnail a:active, .thumbnail a:focus {
    background-image: url("images/noimage-thumbnail.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 2px solid #E0E0C3;
    display: block;
    overflow: hidden;
}

.thumbnail img, .thumbnail a:link, .thumbnail a:visited, .thumbnail a:hover, .thumbnail a:active, .thumbnail a:focus {
    display: block;
    height: 56px;
    overflow: hidden;
    width: 75px;
}

a:link, a:visited, a:hover {
    color: #000;
    outline: medium none;
    text-decoration: none;
}



/* Partners page css start */

.logohldnew {
    float: left;
    width: 100%;
    padding: 20px 0 10px 0;
    margin: 0px;
}

    .logohldnew ul {
        float: left;
        padding: 0;
        margin: 0px;
        width: 100%;
    }

        .logohldnew ul li {
            float: left;
            padding: 10px 10px 18px 10px;
            margin: 0px;
            display: inline;
            list-style: none;
            width: 15%;
            text-align: center;
        }

/* domains page css start */

.blklisthld {
    float: left;
    border-bottom: 2px solid #ccc;
    padding: 6px 0 6px 0;
    margin: 0px;
    width: 100%;
}

.scrollwidth {
    width: 1200px;
    overflow-x: auto;
    float: left;
}


/*------------------------Blog---------------------------*/
.contentArea,
.ajax__tab_body {
    font: normal 11px Arial, Helvetica, sans-serif;
    border: solid 1px #bbbbbb;
    margin: 0 0 0 0;
    padding: 5px;
    /*float: left;*/
    width: 690px;
    background-color: #fff;
    /*text-align: left;*/
    /* Fix for children with float */
    overflow: hidden;
}

.ajax__tab_body {
    text-align: left;
}

.contentArea h3,
.ajax__tab_panel h3 {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
}

.contentArea p,
.ajax__tab_panel p {
    padding: 6px 0 0px 0;
    font-size: 11px;
    margin-bottom: 11px;
}

.contentArea .bluebgtxt,
.ajax__tab_panel .bluebgtxt {
    padding: 12px 0 0 0;
}

.contentArea p span,
.ajax__tab_panel p span {
    /*color: #27839F;*/
    font-size: 11px;
}

.contentArea p a,
.contentArea p a span,
.ajax__tab_panel p a,
.contentArea p a:hover,
.contentArea p a:hover span,
.ajax__tab_panel p a:hover {
    color: #BB0000;
    font-size: 11px;
    text-decoration: underline;
    font-weight: bold;
}

.contentReviewContainer {
    text-align: center;
}

.mybullets li a,
.mybullets lo a {
    color: #BB0000 !important;
    font-size: 11px;
    text-decoration: underline;
    font-weight: bold;
}

.contactsbg {
    background-color: #27839F; /* #bedff0; */
    padding: 3px 0 3px 5px;
    height: 18px;
    line-height: 18px;
}

    .contactsbg span {
        color: #fff !important; /* #333; */
    }

    .contactsbg a {
        font-family: Arial !important;
        font-size: 12px !important;
        color: #fff !important; /* #02629c; */
        font-weight: bold !important;
        padding: 0px 0 0 0px !important;
        text-decoration: none !important;
        margin: 0px !important;
    }

        .contactsbg a:hover {
            font-family: Arial;
            font-size: 12px;
            color: #fff; /* #02629c; */
            font-weight: bold;
            padding: 0px 0 0 0px;
            text-decoration: none;
            margin: 0px;
        }

.tdnowrap {
    white-space: nowrap;
    height: 14px;
}

.monthRow {
    width: 100%;
    background-color: #ccc;
}

    .monthRow table {
        width: 100%;
    }

.prevMonth {
    width: 15%;
}

.currentMonth {
    width: 70%;
    text-align: center;
}

    .currentMonth a {
        color: #000;
        text-align: center;
    }

        .currentMonth a:hover {
            color: #000;
            text-align: center;
        }

        .currentMonth a:visited {
            color: #000;
            text-align: center;
        }

.nextMonth {
    width: 15%;
}

.calendarTable {
    width: 100%;
}

.activeDay a {
    color: #000;
}

    .activeDay a:hover {
        color: #000;
    }

    .activeDay a:Visited {
        color: #000;
    }

/* ------------------------ OTHER ------------------------ */
ul li .message {
    background-color: #F3F3F3;
    margin: 0;
    overflow: hidden;
    padding: 9px;
    font-size: 11px;
    font-family: Arial,sans-serif;
}

    ul li .message a {
        color: #006699;
        background-image: none;
        font-size: 11px;
        font-family: Arial,sans-serif;
        text-decoration: underline;
    }

        ul li .message a:active {
            color: #006699;
            background-image: none;
            font-size: 11px;
            font-family: Arial,sans-serif;
        }

        ul li .message a:visited {
            color: #006699;
            background-image: none;
            font-size: 11px;
            font-family: Arial,sans-serif;
        }

        ul li .message a:hover {
            color: #000;
            background-image: none;
            font-size: 11px;
            font-family: Arial,sans-serif;
        }

/* calender css */
.cmdDropDown label {
    padding-left: 5px;
    padding-right: 12px;
}

.chkRegister label {
    padding-left: 3px;
    padding-right: 3px;
}

.showonly {
    position: relative !important;
}

    .showonly label {
        position: relative;
        top: -2px;
    }

.clearTextBox {
    border: 1px solid #aaa;
    padding: 2px;
    width: 84px;
    background-color: White;
    /*float: right;*/
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.noBorder {
    background: #fff;
    border: none;
    width: 60px;
    font-size: 12px;
}

td.companylink a {
    color: #27839F;
}

    td.companylink a:hover {
        color: Red;
    }

a.customise {
    font-size: 12px;
    font-weight: bold;
    color: #0F6BFF !important;
}

    a.customise:hover {
        font-size: 12px;
        color: Red !important;
    }

.pageExample {
    width: 100%;
    border: dotted 2px red !important;
}

.DetailsView fieldset {
    width: auto;
    min-height: 58px;
    border: 1px solid #666;
    margin: 0 0 1.5em;
    padding: 1.4em;
}

.DetailsView .tabulatedFormGroup {
    width: 390px;
}

.DetailsView .tabulatedFormGroupMerged {
    width: 360px;
}

.DetailsView .tabulatedFormRow .floatR {
    width: 49%;
    text-align: right;
}

    .DetailsView .tabulatedFormRow .floatR.threeColWidth {
        width: 77%;
    }

    .DetailsView .tabulatedFormRow .floatR.tabulatedFormRowNumberField {
        width: 10%;
        text-align: right;
    }

.grouppanel_no-pad-bottom > fieldset {
    padding-bottom: 0;
}

.clearDateButton {
    position: relative;
    top: 2px;
    cursor: pointer;
}

    .clearDateButton[disabled='disabled'] {
        cursor: default;
    }

.modalBackground {
    background-color: #000000;
    opacity: 0.7;
}

.modalBody {
    background-color: white;
    padding: 5px;
}

.WizardNavigation {
    padding: 20px 10px 5px;
}

    /* Fix default asp:Wizard navigation*/
    .WizardNavigation > table {
        width: 100%;
    }

.loadingThrobber {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.chartFooter {
    /* float: left; */
    margin-top: 0;
    margin-bottom: 23px;
    /* overflow: visible; */
    position: relative;
    /* margin-left: 377px; */
    text-align: center;
    font-size: 10pt !important;
}


.chartTitle {
    margin-top: 27px;
    margin-bottom: 23px;
    position: relative;
    text-align: center;
    font-size: 13px !important;
    font-weight: 600;
}

.chartNoDataImage {
    margin: auto;
    width: 50%;
    display: block;
    margin-bottom: 7px;
}

.scrollToTop {
    width: 73px;
    height: 105px;
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    right: 40px;
    bottom: 4px;
    display: none;
    background: url('/images/arrow_up.png') no-repeat 0px 20px;
    background-position: center;
}

    .scrollToTop:hover {
        text-decoration: none;
    }

.googleGraph {
    display: inline-block;
    vertical-align: top;
    width: 90%;
    padding-top: 21px;
    height: 450px;
}

.graphThumbnail {
    display: inline-grid;
    display: -ms-inline-grid;
    margin: auto 10px;
    min-width: 201px;
    text-align: center;
    line-height: 7px;
}

.graphsThumbnails {
    border: 1px solid #4883a1;
    background: #eeeeee;
    padding: 14px;
}


.graphThumbnailImage {
    cursor: pointer;
    width: 306px;
    height: 170px;
    margin-bottom: 11px;
    margin-top: 11px;
    border-bottom: 2px solid #0474b5;
    /*margin-left: auto;
    margin-right: auto;*/
}


.graphDownloadBtn {
    /*margin-top: 500px;*/
    margin-left: 293px;
    margin-bottom: 10px;
    width: 235px;
    border: none;
    background: linear-gradient(to bottom, #3498db, #2980b9);
    /* background: linear-gradient(to bottom, #0f9d58, #1d6743); */
    border-radius: 3px;
    font-family: Arial;
    color: #ffffff;
    cursor: pointer;
    padding: 7px 10px 7px 10px;
    font-size: 10pt;
}


.gvCompareTable {
    /*border: solid 2px #3294d5;*/
    width: 330px;
    min-width: 83%;
    margin-bottom: 10px;
    /*margin-top: -3px;*/
}


    .gvCompareTable .gvHeader {
        background-color: #27839f;
        font-family: Arial;
        color: White;
        height: 25px;
        text-align: center;
        font-size: 9pt;
        height: 33px;
        vertical-align: middle;
    }

    .gvCompareTable .gvRows {
        background-color: #fff;
        font-family: Arial;
        font-size: 14px;
        color: #000;
        min-height: 25px;
        text-align: right;
        font-size: 10pt;
        vertical-align: middle;
    }

        .gvCompareTable .gvrows:hover {
            background-color: #5badff;
            color: #fff;
        }

        .gvCompareTable .gvRows td:first-child {
            text-align: left;
            padding-left: 10px;
            border-bottom: 1px solid #ddd;
        }

        .gvCompareTable .gvRows td:last-child {
            /*font-weight: 700;*/
        }

        .gvCompareTable .gvRows td {
            padding-right: 10px;
            text-align: left;
            padding-left: 10px;
            height: 26px;
            font-size: 11px;
            color: #27839F !important;
            font-family: Arial;
            font-size: 11px;
            font-weight: normal;
            text-decoration: none;
            line-height: 17px;
            word-wrap: break-word;
        }



/* Grid View Google table */

.placeHorizontal > div {
    margin-top: -85px;
}
 .gvTable__, .gvTableHV, .gvTableH_, .gvTable_V
 {
    width: 470px;
    margin-top: 65px;
    border: solid 2px #3294d5;
    min-width: 83%;
    margin-bottom: 10px;
    white-space: nowrap;
}


    .gvTable__ tr:last-child {
        font-weight: 300;
    }


    .gvTableHV tr:last-child {
        font-weight: 700;
    }


    .gvTableH_ tr:last-child {
        font-weight: 700;
    }


    .gvTable_V tr:last-child {
        font-weight: 300;
    }


.gvHeader {
    background-color: #308ecd;
    font-family: Arial;
    color: White;
    height: 25px;
    text-align: center;
    font-size: 10pt;
}

.gvRows {
    background-color: #fff;
    font-family: Arial;
    font-size: 14px;
    color: #000;
    min-height: 25px;
    text-align: right;
    font-size: 10pt;
    vertical-align: middle;
}

    .gvrows:hover {
        background-color: #5badff;
        color: #fff;
    }

    .gvRows td:first-child {
        text-align: left;
        padding-left: 10px;
    }

.gvTable_V .gvRows td:last-child {
    font-weight: 700;
}

.gvTableHV .gvRows td:last-child {
    font-weight: 700;
}

.gvRows td {
    padding-right: 10px;
}


.gvTable .gvCompareTable a /** FOR THE PAGING ICONS  **/ {
    background-color: Transparent;
    padding: 5px 5px 5px 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}


/** FOR THE PAGING ICONS  HOVER STYLES**/
/*gvTable a:hover  {
    background-color: #000;
    color: #fff;
}*/

/** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
/*.gvTable span  {
    background-color: #fff;
    color: #000;
    padding: 5px 5px 5px 5px;
}*/

.pager {
    background-color: #5badff;
    font-family: Arial;
    color: White;
    height: 30px;
    text-align: left;
}

.placeHorizontal {
    width: 100%!important;
   text-align:center;
}

.placeVertical {
   width:40%;
    float: left;
}




.gvTable__ .gvCompareTable td {
    padding: 5px;
}

.gvTable__ .gvCompareTable th {
    padding: 5px;
}

.comparePanel {
    /*border: 2px solid beige;*/
    display: inline-block;
    /*position: absolute;*/
    float:left;
    margin-left: 8px;
}

.template-checkbox {
    text-align: center;
}

.showPreviousbutton {
    position: relative;
    margin-left: 18px;
    bottom: 10px;
    width: 109px !important;
}

.hidePreviousbutton {
    position: relative;
    margin-left: 18px;
    bottom: 10px;
    width: 109px !important;
}

.center-checkbox {
    text-align: center;
}


/*   New Pop up*/

.white-popup {
    position: relative;
    background: #FFF;
    padding: 25px;
    width: auto;
    max-width: 90%;
    margin: 0 auto;
}

/* 

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
    /* start state */
    /* animate in */
    /* animate out */
}

    .mfp-move-horizontal .mfp-with-anim {
        opacity: 0;
        transition: all 0.3s;
        transform: translateX(-50px);
    }

    .mfp-move-horizontal.mfp-bg {
        opacity: 0;
        transition: all 0.3s;
    }

    .mfp-move-horizontal.mfp-ready .mfp-with-anim {
        opacity: 1;
        transform: translateX(0);
    }

    .mfp-move-horizontal.mfp-ready.mfp-bg {
        opacity: 0.8;
    }

    .mfp-move-horizontal.mfp-removing .mfp-with-anim {
        transform: translateX(50px);
        opacity: 0;
    }

    .mfp-move-horizontal.mfp-removing.mfp-bg {
        opacity: 0;
    }


/* */


.entityInfo {
    width: 100%;
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    padding: 0px 0px 1em;
}

    .entityInfo ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
    }

    .entityInfo li:first-child {
        border-bottom: 1px solid #90bade;
        font-size: 18px !important;
        margin: 0;
        background-color: #2175bc;
    }

    .entityInfo li {
        border-bottom: 1px solid #90bade;
        margin: 0;
        /*text-align: center;*/
        padding: 3px 0px 3px 3px;
    }

        .entityInfo li:last-child {
            border-bottom: 0px;
            padding-left: 0;
            /* margin-left: -13px; */
            width: 100%;
        }


        .entityInfo li:last-child span:first-child {
            padding-left: 66px;
        }


/*.entityInfo li a:hover {
        border-left: 10px solid #1c64d1;
        border-right: 10px solid #5ba3e0;
        background-color: #2586d7;
        color: #fff;
   
    }*/



/**---------------------- */



.popup-container {
    white-space: nowrap;
    border: 1px solid beige;
    width: auto;
    /*overflow-x: auto;*/
    padding: 11px;
}


    .popup-container .ChartVerticalContainer {
        width: 600px;
        margin-right: 10px;
        display: inline-block;
        background-color: white;
        *display: inline;
    }

    .popup-container .ChartHorizontalContainer {
        min-height: 500px;
        background-color: white;
    }


.hide {
    /*display: none !important;*/
    display: none ;
}

aside {
    /*width: 600px;
    color: white;*/
    width: 100%;
    color: white;
    position: initial;
    text-align: center;
}

aside a{
    color: white!important;
}

.position-fixed-y {
    padding-top: 11px;
    padding-bottom: 1px;
    position: relative;
    margin-top: -43px;
    top: 0px;
    height: 35px;
    vertical-align: middle;
    z-index: 100;
    width: 100%;
    background-color: rgba(33, 117, 188, 0.6);
}

.mineaside {
    width: 600px;
    color: white;
}



.fundM {
    text-align: center;
}

    .fundM ul {
        margin-left: 0;
        padding-left: 0;
        width: 100%;
        list-style: none;
        position: relative;
        display: inline-table;
    }



        .fundM ul ul {
            /*display: none;*/
            visibility: hidden;
            opacity: 0;
            transition: visibility 0s, opacity 0.3s linear;
            z-index: 9999;
            border-right: 1px solid #90bade;
            border-bottom: 1px solid #90bade;
            border-left: 1px solid #90bade;
        }

        .fundM ul li:hover > ul {
            visibility: visible;
            opacity: 1;
        }

        .fundM ul li {
            background-color: #fff;
            border-bottom: 0px solid #90bade;
            font-size: 12px !important;
            margin: 0;
            background-color: #fff;
            padding: 0;
            float: left;
            /*width: 592px;*/
            text-align: left;
            border-bottom: 0px solid #2ecc71;
            color: black;
        }

            .fundM ul li a {
                display: block;
                color: #fff;
                text-decoration: none;
                background-color: #fff;
                color: black;
                text-align: center;
                font-size: 12px;
                padding-left: 11px;
                padding-bottom: 4px;
            }

        .fundM ul ul {
            border-radius: 0px;
            padding: 0;
            position: absolute;
            /*top: 100%;*/
            top:20px;
            margin-left: -3px;
            background-color: white;
        }

            .fundM ul ul li {
                float: none;
                border-bottom: 2px solid #eaeaea;
                position: relative;
                padding-left: 0px;
            }

                .fundM ul ul li:first-child {
                    float: none;
                    border-bottom: 2px solid #eaeaea;
                    border-top: 2px solid #eaeaea;
                    position: relative;
                    background-color: white;
                    /* padding-left: 7px; */
                    width: 100%;
                }


                .fundM ul ul li:last-child {
                    margin: 0;
                }


                .fundM ul ul li a {
                    padding: 5px !important;
                    width: 150px;
                    margin: auto;
                    color: black;
                }

#down-triangle {
    float: right;
    width: 0;
    height: 0;
    margin-top: 4px;
    border-top: 10px solid #2175bc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

#showmore {
    width: 20px;
    height: 20px;
}

.button_right {
    float: right;
    margin-bottom: 10px;
}

.chartVerticalClass {
    width: 100%;
    border: 2px solid beige;
    float: left;
}

.chartHorizontalClass {
    border: 2px solid beige;
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px;
}

.comparetable tr:first-child td {
    padding-left: 0px;
    padding-right: 0px;
}

.showtableCheckbox {
    margin-left: 49px;
    font-size: 15px;
}


.spanKey {
    width: 50%;
    float: left;
    text-align: left;
    padding-left: 62px;
    font-weight:600;
}

.spanValue {
    width: 50%;
}

.tagsClass  {
    background: #deeff7; /* Old browsers */
    /*background: linear-gradient(#1aff62, #00cf42);*/
    border: 1px solid #000;
    display: inline-block;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: text-bottom;
    border-radius: 5px;
    font-weight: bold;
    padding: 0.5em 0.5em;
    margin: 4px 4px 4px 0px;

  
}

.tagsClass > input {
    background-size: 9px;
    height: 9px;
    width: 9px;
}