[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
    /* -------------------------------------
            GLOBAL
    ------------------------------------- */
    * {
        margin: 0;
        padding: 0;
    }

   /* * {
        font-family: "Calibri (Body)", sans-serif;

    }*/

    p.scoreValue {
        padding-top: 30px;
        font-size: 80px;
        font-weight: 1200;
        text-align: center;
        color: black;
        line-height: 1;
		vertical-align:middle;
        /*text-shadow: 3px 3px #ffd777;*/
    }

    img.score {
        width: 25px;
    }

    img.act {
        width: 100px;
    }

    img {
        max-width: 100%;
    }

    .collapse {
        margin: 0;
        padding: 0;
    }

    body {
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: none;
        width: 100% !important;
        height: 100%;
    }


    /* -------------------------------------
            ELEMENTS
    ------------------------------------- */
    a {
        color: #black;
    }

    .btnnew{
        text-decoration: none;
        color: #FFF;
        background-color: #666;
        padding: 10px 16px;
        font-weight: bold;
        margin-right: 10px;
        text-align: center;
        cursor: pointer;
        display: inline-block;
    }

    p.callout {
        padding: 15px;
        /*background-color:#ECF8FF;*/
        margin-bottom: 15px;
    }

    .callout a {
        font-weight: bold;
        color: #2BA6CB;
    }

    table.social {
        /* 	padding:15px; */
        /*	background-color: #ebebeb;
        */
    }

    .social .soc-btn {
        padding: 3px 7px;
        font-size: 12px;
        margin-bottom: 10px;
        text-decoration: none;
        color: #FFF;
        font-weight: bold;
        text-align: center;
    }

    a.fb {
        background-color: #3B5998 !important;
    }

    a.tw {
        background-color: #1daced !important;
    }

    a.li {
        background-color: #007bb6 !important;
    }

    a.ms {
        background-color: #000 !important;
    }

    .sidebar .soc-btn {
        display: block;
        width: 100%;
        font-size: 10px;
    }

    /* -------------------------------------
            HEADER
    ------------------------------------- */
    table.head-wrap {
        width: 100%;
    }

    .header.container table td.logo {
        padding: 15px;
    }

    .header.container table td.label {
        padding: 15px;
        padding-left: 0px;
    }


    /* -------------------------------------
            BODY
    ------------------------------------- */
    table.body-wrap {
        width: 100%;
    }


    /* -------------------------------------
            FOOTER
    ------------------------------------- */
    table.footer-wrap {
        width: 100%;
        clear: both !important;
    }

    .footer-wrap .container td.content p {
        border-top: 1px solid rgb(215,215,215);
        padding-top: 15px;
    }

    .footer-wrap .container td.content p {
        font-size: 10px;
        font-weight: bold;
    }


    /* -------------------------------------
            TYPOGRAPHY
    ------------------------------------- */
    h1, h2, h3, h4, h5, h6 {
      /*  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        */ font-family: 'Ruda', sans-serif;

		line-height: 1.1;
        margin-bottom: 15px;
        color: #000;
    }

        h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
            font-size: 60%;
            color: #6f6f6f;
            line-height: 0;
            text-transform: none;
        }

    h1 {
        font-weight: 200;
        font-size: 44px;
    }

    h2 {
        font-weight: 200;
        font-size: 37px;
    }

    h3 {
        font-weight: 500;
        font-size: 27px;
    }

    h4 {
        font-weight: 500;
        font-size: 23px;
    }

    h5 {
        font-weight: 900;
        font-size: 17px;
        color: white;
    }

    h6 {
        font-weight: 900;
        font-size: 14px;
        text-transform: uppercase;
        color: #444;
    }

    .collapse {
        margin: 0 !important;
    }

    p, ul {
        margin-bottom: 10px;
        font-weight: normal;
        font-size: 14px;
        line-height: 1.6;
    }

        p.lead {
            font-size: 14px;
        }

        p.last {
            margin-bottom: 0px;
        }

        p.highlight {
            font-size: 16px;
            font-weight: 400;
            font-family: Calibri (body);
            color: #ffd777 text-align:right;
        }

/*        ul li {
            margin-left: 5px;
            list-style-position: inside;
        }
*/
        /* -------------------------------------
            SIDEBAR
    ------------------------------------- */
        ul.sidebar {
            background: black;
            display: block;
            list-style-type: none;
        }

        ul.zuput {
            background: #white;
            display: block;
            border-color: black;
            list-style-type: none;
        }

        ul.sidebar li {
                color: white;
                padding: 10px 16px;
                font-size: 12px;
                /* 	font-weight:bold; */
                margin-right: 10px;
                /* 	text-align:center; */
                border-bottom: 1px solid #777777;
                border-top: 1px solid #FFFFFF;
                display: block;
                margin: 0;
        }

            ul.sidebar li a {
                text-decoration: none;
                color: white;
                cursor: pointer;

                display: block;
                margin: 0;
            }

                ul.sidebar li a.last {
                    border-bottom-width: 0px;
                }

                ul.sidebar li a h1, ul.sidebar li a h2, ul.sidebar li a h3, ul.sidebar li a h4, ul.sidebar li a h5, ul.sidebar li a h6, ul.sidebar li a p {
                    margin-bottom: 0 !important;
                }



    /* ---------------------------------------------------
            RESPONSIVENESS
            Nuke it from orbit. It's the only way to be sure.
    ------------------------------------------------------ */

    /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
    .container {
        display: block !important;
        max-width: 600px !important;
        margin: 0 auto !important; /* makes it centered */
        clear: both !important;
    }

    /* This should also be a block element, so that it will fill 100% of the .container */
    .content {
        padding-top: 10px;
        margin: 0 auto;
        display: block;
    }

        /* Let's make sure tables in the content area are 100% wide */
        .content table {
            width: 100%;
        }


    /* Odds and ends */
    .column {
        width: 50%;
        float: left;
    }

        .column tr td {
            padding: 10px;
        }

    .column-wrap {
        padding: 0 !important;
        margin: 0 auto;
        max-width: 600px !important;
    }

    .column table {
        width: 100%;
    }

    .social .column {
        width: 280px;
        min-width: 279px;
        float: left;
    }

    /* Be sure to place a .clear element after each set of columns, just to be safe */
    .clear {
        display: block;
        clear: both;
    }

    .investors {
        padding: 5px;
    }

    .investors li {
        margin: 10px;
    }

    #founders {
        display: flex;
    }

    .founder {
        justify-content: space-between;
        width: 500px;
        float: left;
    }

    .founder .founder-image {
        margin: 0 auto;
        display: block;
    }

    .founder h6 {
        text-align: center;
    }

    .founder-social-links {
        width: 100%;
    }

    .founder-social-links-container {
        margin: 0 auto;
        width: 75px;
        display: flex;
        justify-content: space-around;
    }

    ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
        color: #333;
        font-weight: bold;
        font-size: 13px;
    }

    ul.sidebar-menu li a.active i, ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
        color: #333;
    }

    .logout {
        color: #333 !important;
        font-weight: bold;
    }

    .short-description {
        text-align: justify;
        display: block;
    }

    .reports-container .col-lg-4 {
        margin-bottom: 15px;
    }

    .filter-input {
        margin-bottom: 10px;
    }

    .companies-count {
        margin: 26px 0;
    }

    .pagination {
        margin-right: 10px;
    }

    .z_alert {
        background-color: #fff;
        padding: 15px 35px 15px 15px;
        margin-bottom: 20px;
    }

    /*
    Keeping this in here in case @anand decides to go with an icon approach. Will cleanup otherwise.
    .z_alert-danger:before {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        display: block;
        text-decoration: inherit;
        content: "\f071";
        float: left;
        font-size: 30px;
        background-color: #e7c3c3;
        padding: 1px 8px;
        border-radius: 30px;
        color: #a94442;
        margin-right: 5px;
    }*/

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

    .z_alert-info {
        background-color: #d9edf7;
        color: #31708f;
    }

    .z_alert-warning {
        background-color: #fcf8e3;
        color: #715422;
    }

    .z_alert-danger {
        background-color: #f2dede;
        color: #a94442;
    }

    .user-form .row{
        margin-bottom: 15px;
    }

    .user-form .list-or {
        text-align: center;
    }

    .user-form select>option:nth-last-child(2) {
        border-bottom: 1px solid #000;
    }

    .company-grid-filter {
        border:0 none !important;
        margin-bottom:0px !important;
        padding-bottom:0px !important;
        padding-top: 10px;
    }

    .list-dropdown {
        overflow: auto;
    }

    .lists-checkbox {
        padding: 0 20px;
    }

    .breadcrumb-wrapper {
        padding-bottom: 0px;
    }

    .breadcrumb {
        margin-bottom: 5px;
    }

    .lists-expand-collapse-button {
        color: #333;
        width: 5px;
    }

    .lists-expand-collapse-button:hover {
        color: #333;
        background: none !important;
    }

    .archived-notice-container {
        background-color: #424a5d;
        color: #fff;
        display: table;
        margin-top: 5px;
        height: 40px;
        opacity: 0.5;
        text-align: center;
        width: 100%;
    }

    .archived-notice {
        display: table-cell;
        vertical-align: middle;
    }

    .lists-dropdown .dropdown-toggle {
        width: 100%;
    }
    .lists-dropdown .dropdown-menu {
        width: 100%;
    }

    .lists-dropdown .caret {
        float: right;
        margin-top: 7px;
    }

    .lists-dropdown .buttonText {
        float: left;
    }

    .form-error-message {
        color: red;
        margin: 0 20px;
    }

    #fileButton {
        width: 100%;
    }

    .file-hint {
        float: right;
        font-size: 12px;
        font-style: italic;
        color: #888;
    }

    .progressbar {
        top: 60px !important;
        margin-left: 210px !important;
        position:absolute;
        left:0px;
        width:85%;
        height:3px;
        bottom:0px;
        position: fixed;
        z-index: 1002;
    }

     @media screen and (max-device-width: 1198px) {
        .progressbar {
            margin-left: 0px !important;
            width:100% !important;
            top: 122px !important;
        }
    }
    @media screen and (max-device-width: 800px) {
        .progressbar {
            margin-left: 0px !important;
            width:100% !important;
            top: 122px !important;
        }
    }
    @media screen and (max-device-width: 767px) {
        .progressbar {
            margin-left: 0px !important;
            width:100% !important;
            top: 124px !important;
        }
    }
    @media screen and (max-device-width: 320px) {
        .progressbar {
            margin-left: 0px !important;
            width:100% !important;
            top: 118px !important;
        }
    }
    @media only screen and (min-width: 768px) {
        .company-grid-filter .col-smx-2 {
            width: 14%;
        }
    }

    @media only screen and (max-width: 770px) {
         .list-dropdown {
            max-width: 200px;
            word-wrap: break-word;
        }
    }

    /* -------------------------------------------
            PHONE
            For clients that support media queries.
            Nothing fancy.
    -------------------------------------------- */
    @media only screen and (max-width: 480px) {

        a[class="btn"] {
            display: block !important;
            margin-bottom: 10px !important;
            background-image: none !important;
            margin-right: 0 !important;
        }

        div[class="column"] {
            width: auto !important;
            float: none !important;
        }



        table.social div[class="column"] {
            width: auto !important;
        }

		 p.callout {
            padding: 5px;

            /*background-color:#ECF8FF;*/
            margin-bottom: 15px;

        }

        #founders {
            display: block;
            margin: 10px auto;
        }

        .founder {
            width: 150px;
            margin: 40px auto;
        }

        .form-group {
            display: block;
        }

        .tags {
            display: none !important;
        }

        #no-more-tables td:nth-last-child(2) {
            border: none;
        }

        .grid-table-score, .grid-table-text {
            width: 100%;
            min-height: 31px;
        }

        .website-url {
            word-wrap: break-word;
        }

        .notify-row {
            margin-left: 0px;
        }

        ul.top-menu.notify-row > li {
            float: left;
        }

        .dropdown-menu.extended.inbox {
            left: -200px;
        }

        .inbox .notify-arrow {
            left: 206px;
        }
    }

    @media only screen and (max-width: 800px) {
        /*  The last child is tags/categories which will be hidden.
            Hence remove the bottom border for the second last td */

        .import-csv-fab {
            display: none;
        }

        .logout {
            padding: 5px 15px !important;
        }

    }

    .dropdown-menu.inbox {
        max-height: 400px;
        overflow: visible;
    }

    .dropdown-menu.inbox ul {
        overflow-y: scroll;
        max-height: 400px;
        overflow: auto;
    }

    .dropdown-menu.profile-options {
        overflow: visible;
    }

    .dropdown-menu.profile-options ul {
        overflow-y: scroll;
        overflow: auto;
    }

    .notifications-header {
        padding: 2px 8px;
        font-size: 12px;
        position: fixed;
        width: 300px;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }
    .first-notification-item {
        margin-top: 23px;
    }

    .dotted-underline {
        border-bottom: 1px dotted #888;
    }

    .person-details.media-body {
        padding-left: 7px;
    }

    .emailQuestion {
        cursor: pointer;
        margin-left: 3px;
    }

    .emailInfo {
        font-size: 11px;
        color: #888;
        font-style: italic;
    }
    .form-success-message {
        color: green;
        margin: 0 20px;
    }