@import url(animate.css);
@import url(Charts.css);
@import url(theme.css);
@import url(font-awesome.min.css);
@import url(bootstrap.css);
@import url(editor.css);
@import url(kendo.custom.css);
@import url(theme.css);
@import url(jquery-jvectormap.css);
@import url(hint.min.css);

@font-face {
    font-family: Roboto-Regular;
    src: url("../fonts/Roboto-Regular.eot");
    src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.svg") format("svg");
}

@font-face {
    font-family: Roboto-Bold;
    src: url("../fonts/Roboto-Bold.eot");
    src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto-Bold.svg") format("svg");
}

@font-face {
    font-family: Roboto-Medium;
    src: url("../fonts/Roboto-Medium.eot");
    src: url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"), url("../fonts/Roboto-Medium.svg") format("svg");
}

/* line 89, Sass/styles.scss */
body {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

/* line 95, Sass/styles.scss */
.font24 {
    font-size: 24px;
}

.font20 {
    font-size: 20px;
}
/* line 98, Sass/styles.scss */
.fullwidthcls {
    width: 100%;
}

/* line 101, Sass/styles.scss */
.paddingleft0 {
    padding-left: 0px;
}

/* line 104, Sass/styles.scss */
.nomargin {
    margin: 0 !important;
}

/* line 107, Sass/styles.scss */
.noborder {
    border: 0 !important;
}

/* line 110, Sass/styles.scss */
.nopadding {
    padding: 0px !important;
}

/* line 113, Sass/styles.scss */
.marginright {
    margin-right: 5px !important;
}

/* line 116, Sass/styles.scss */
.margintop {
    margin-top: 5px !important;
}

/* line 119, Sass/styles.scss */
.margintop20 {
    margin-top: 20px;
}

/* line 122, Sass/styles.scss */
.marginbottom {
    margin-bottom: 5px !important;
}

/* line 125, Sass/styles.scss */
.marginbottom0 {
    margin-bottom: 0px !important;
}

/* line 128, Sass/styles.scss */
.marginbottom20 {
    margin-bottom: 20px;
}

/* line 131, Sass/styles.scss */
.marginleft {
    margin-left: 5px !important;
}

/* line 134, Sass/styles.scss */
.marginleft0 {
    margin-left: 0px !important;
}

/* line 137, Sass/styles.scss */
.padding10 {
    padding: 10px;
}

/* line 140, Sass/styles.scss */
.marginleft10 {
    margin-left: 10px !important;
}

/* line 143, Sass/styles.scss */
.margintop10 {
    margin-top: 10px !important;
}

/* line 146, Sass/styles.scss */
.marginright10 {
    margin-right: 10px !important;
}

/* line 149, Sass/styles.scss */
.marginright20 {
    margin-right: 20px !important;
}

/* line 152, Sass/styles.scss */
i {
    margin: 0 3px 0 0;
}

/* line 155, Sass/styles.scss */
a, .cursor {
    cursor: pointer;
}

/* line 159, Sass/styles.scss */
input[type="button"], button.commonbutton {
    border: 0;
}

/* line 162, Sass/styles.scss */
.fullwidth {
    width: 100% !important;
}

/* line 165, Sass/styles.scss */
.commonbutton {
    background: #2f3d5c;
    -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-radius: 3px;
    padding: 4px 7px;
    vertical-align: middle;
    margin: 1px 0 0 0;
    color: white !important;
    cursor: pointer;
}
    /* line 175, Sass/styles.scss */
    .commonbutton:hover {
        color: #d6cfcf !important;
        background: #425682 !important;
    }
    /* line 180, Sass/styles.scss */
    .commonbutton i {
        margin: 0 3px 0 0;
    }

/* line 184, Sass/styles.scss */
.createaccount:before {
    content: "\f055" !important;
    right: 0.7em !important;
}

/* line 188, Sass/styles.scss */
b, strong {
    font-weight: bold;
    color: #666;
}

/* line 193, Sass/styles.scss */
input[type="text"] {
    margin: 0;
    font-weight: normal;
}

/* line 197, Sass/styles.scss */
textarea.form-control {
    height: auto;
    font-weight: normal;
}

/* line 201, Sass/styles.scss */
textarea {
    resize: none;
}

/* line 204, Sass/styles.scss */
.margin5 {
    margin: 5px !important;
}

/* line 209, Sass/styles.scss */
.checkbox label {
    position: relative;
    color: #666;
    padding-left: 20px;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
}

    /* line 217, Sass/styles.scss */
    .checkbox label:before, .checkbox label:after {
        font-family: FontAwesome;
        font-size: 17px;
        /*absolutely positioned*/
        position: absolute;
        top: -2px;
        left: 0;
    }

    /* line 223, Sass/styles.scss */
    .checkbox label:before {
        content: '\f096';
        /*unchecked*/
    }

    /* line 226, Sass/styles.scss */
    .checkbox label:after {
        content: '\f046';
        /*checked*/
        /*checked icon will be hidden by default by using 0 max-width and overflow hidden*/
        max-width: 0;
        overflow: hidden;
        opacity: 0.5;
        /*CSS3 transitions for animated effect*/
        transition: all 0.35s;
    }

/* line 235, Sass/styles.scss */
label.checkbox:before, label.checkbox :after {
    color: #389438;
}

/*hiding the original checkboxes*/
/* line 238, Sass/styles.scss */
.checkbox input[type="checkbox"] {
    display: none;
}

    /*when the user checks the checkbox the checked icon will animate in*/
    /* line 242, Sass/styles.scss */
    .checkbox input[type="checkbox"]:checked + label:after {
        max-width: 25px;
        /*an arbitratry number more than the icon's width*/
        opacity: 1;
        /*for fade in effect*/
    }

/* line 247, Sass/styles.scss */
.main-header .navbar {
    background-color: #343f4b;
}

/* line 250, Sass/styles.scss */
.main-header .logo {
    background: #222c38;
}

/* line 253, Sass/styles.scss */
.wrapper, .main-sidebar, .left-side {
    background-color: #4baed0;
}

/* line 256, Sass/styles.scss */
.innerheader {
    width: 90%;
    margin: 0px auto;
    height: auto;
    overflow: hidden;
}

/* line 263, Sass/styles.scss */
.sidebar-menu > li.active:after, .sidebar-menu > li.active:before {
    right: 0%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

/* line 274, Sass/styles.scss */
.sidebar-menu > li.active:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #ECF0F5;
    border-width: 10px;
    margin-top: -10px;
}

/* line 280, Sass/styles.scss */
.sidebar-menu > li.active:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #ECF0F5;
    border-width: 16px;
    margin-top: -16px;
}

/* line 286, Sass/styles.scss */
.leftsidediv {
    width: 24%;
    min-height: 650px;
    overflow: visible;
    max-height: 3500px;
    border: 1px solid #e2edeb;
    box-shadow: 0 0 3px rgba(16, 16, 16, 0.25);
    background: white;
    border-radius: 3px;
}
    /* line 296, Sass/styles.scss */
    .leftsidediv h4 {
        cursor: pointer;
        border-bottom: 1px solid #cccccc;
        padding: 10px 0 10px 10px;
        color: #269AC1;
        width: 100%;
        margin: 0;
        float: left;
        font-size: 16px;
    }
    /* line 306, Sass/styles.scss */
    .leftsidediv h3 {
        background-color: #0C375B;
        border-left: 4px solid #F6CC00;
        color: #FFFFFF;
        float: left;
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        max-width: 195px;
        padding: 0 5px;
        position: relative;
        text-align: center;
        text-transform: capitalize;
        margin: 13px 0 0 0;
    }
        /* line 321, Sass/styles.scss */
        .leftsidediv h3:after {
            border-bottom: 13px solid #0C375B;
            border-right: 13px solid rgba(0, 0, 0, 0);
            border-top: 13px solid #0C375B;
            content: "";
            height: 0;
            position: absolute;
            right: -13px;
            top: 0;
            width: 0;
        }
    /* line 335, Sass/styles.scss */
    .leftsidediv label span.RegName label {
        color: #666;
        font-size: 13px !important;
        word-break: break-word;
        overflow-wrap: break-word;
        display: inherit;
        float: left;
        max-width: 100%;
    }

/* line 348, Sass/styles.scss */
.rightsidediv {
    width: 75%;
    height: auto;
    border: 1px solid #e2edeb;
    box-shadow: 0 0 3px rgba(16, 16, 16, 0.25);
    background: white;
    padding: 15px;
}

/* line 356, Sass/styles.scss */
.insightmaindiv {
    width: 100%;
    border-bottom: 1px solid #cccccc;
    margin: 0px 0px;
    padding: 5px 0px 5px 5px;
}

/* line 362, Sass/styles.scss */
.checkbox {
    margin: 0;
    padding: 0;
    width: auto;
    display: initial;
}

/* line 368, Sass/styles.scss */
.contenttitle {
    margin: 6px 0 0 0;
    width: 80%;
}
    /* line 373, Sass/styles.scss */
    .contenttitle a {
        text-decoration: none;
        color: #0da1d4;
        font-size: 16px;
        font-family: Roboto-Bold;
        /*word-break: break-all;
        -ms-word-break: break-all;*/
    }
        /* line 381, Sass/styles.scss */
        .contenttitle a:hover {
            text-decoration: underline;
            color: #036384;
        }

/* line 388, Sass/styles.scss */
.reference {
    width: 87%;
    margin: 5px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    font-style: italic;
}
    /* line 394, Sass/styles.scss */
    .reference a {
        color: #006621;
        font-size: 12px;
    }

/* line 400, Sass/styles.scss */
.editdiv {
    background: #efefef;
    margin: 0 0px 0 5px;
    padding: 5px 0px 5px 5px;
    border: 1px solid #cccccc;
}
    /* line 406, Sass/styles.scss */
    .editdiv a {
        padding: 5px;
        border-right: 1px solid #cccccc;
        font-size: 16px;
        cursor: pointer;
    }
        /* line 412, Sass/styles.scss */
        .editdiv a:last-child {
            border-right: 0 !important;
        }

/* line 417, Sass/styles.scss */
.createddiv {
    width: 20%;
    margin: 5px 5px 5px 0px;
    padding: 5px 5px 5px 0px;
    min-height: 55px;
}
    /* line 423, Sass/styles.scss */
    .createddiv label {
        font-weight: normal;
    }
    /* line 426, Sass/styles.scss */
    .createddiv span {
        color: #aaaaaa;
    }

/* line 434, Sass/styles.scss */
.synopsis {
    margin: 5px;
    width: 100%;
}
    /* line 438, Sass/styles.scss */
    .synopsis p {
        width: 100% !important;
    }

/* line 443, Sass/styles.scss */
.searchdiv {
    margin: 15px 0px;
}
    /* line 446, Sass/styles.scss */
    .searchdiv .btn {
        padding: 9px 12px;
    }

/* line 451, Sass/styles.scss */
.clearfilter {
    text-decoration: underline;
    line-height: 28px;
    color: #0da1d4;
}
    /* line 455, Sass/styles.scss */
    .clearfilter:hover {
        color: #2f3d5c;
        text-decoration: underline;
    }

/* line 460, Sass/styles.scss */
.centerpaging {
    margin: 0 0 0 20px;
}

/* line 463, Sass/styles.scss */
.pagination li {
    float: left;
}

/* line 466, Sass/styles.scss */
.pagination {
    width: 100%;
}

/* line 469, Sass/styles.scss */
.grid_page_size {
    padding: 5px 0 0 10px;
    width: 140px;
}
    /* line 473, Sass/styles.scss */
    .grid_page_size label {
        font-size: 13px;
        font-weight: 500;
        margin: 0 0 0 10px;
    }
    /* line 478, Sass/styles.scss */
    .grid_page_size select {
        width: 50px;
        padding: 0px;
        margin: -3px 0 0 4px;
        font-size: 12px;
        height: 28px;
    }

/* line 486, Sass/styles.scss */
.grid_pagging_details {
    margin: 6px 0px 0 0px;
}
    /* line 489, Sass/styles.scss */
    .grid_pagging_details label {
        font-weight: normal;
    }

/* line 495, Sass/styles.scss */
.createinsightmaindiv {
    width: 100%;
    height: auto;
    border: 1px solid #e2edeb;
    box-shadow: 0 0 3px rgba(16, 16, 16, 0.25);
    background: white;
    padding: 20px;
}
.RIcreateinsightmaindiv {
    width: 100%;
    /*height: 100%;*/
    border: 1px solid #e2edeb;
    box-shadow: 0 0 3px rgba(16, 16, 16, 0.25);
    background: white;
    padding: 20px;
}

/* line 503, Sass/styles.scss */
.devices {
    width: 100%;
}

/* line 510, Sass/styles.scss */
.padding h3 {
    margin: 10px 0;
    color: #269AC1;
}

/* line 515, Sass/styles.scss */
ul.rating {
    margin: 0 0 0 14px;
    color: #a9a9a9;
    padding: 0;
}
    /* line 520, Sass/styles.scss */
    ul.rating li {
        list-style-type: none;
        display: inline-block;
        padding: 1px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
    }

/* line 530, Sass/styles.scss */
.datepicker {
    width: 240px;
    margin: 0 20px 20px 0px;
    padding: 0 !important;
}

    /* line 531, Sass/styles.scss */
    .datepicker > span:hover {
        cursor: pointer;
    }

    /* line 532, Sass/styles.scss */
    .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
        margin: 0 0 0 0;
        width: 228px;
    }

/* line 536, Sass/styles.scss */
.categorieschkboxdiv label {
    margin: 4px 0;
    font-size: 14px;
}

/* line 540, Sass/styles.scss */
.btnsmaindiv {
    width: 100%;
    margin: 0px auto;
}
    /* line 544, Sass/styles.scss */
    .btnsmaindiv a {
        margin: 0 6px 0 0;
    }

/* line 549, Sass/styles.scss */
.closeicon {
    color: #e86820;
    font-size: 14px;
    cursor: pointer;
    margin-top: 4px;
}

/* line 555, Sass/styles.scss */
.textoverflow {
    display: inline-block;
    width: 93%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

/* line 562, Sass/styles.scss */
.uploadfilediv {
    margin: 5px;
}

/* line 565, Sass/styles.scss */
.div_ins_infobox, .div_ins_actionbox {
    padding: 10px 20px;
    background: #F1F8FC;
    border: 1px solid #C8E0ED;
    position: relative;
    margin: 10px 0 0 0;
    min-height: 390px;
}
    /* line 573, Sass/styles.scss */
    .div_ins_infobox a, .div_ins_actionbox a {
        text-decoration: none;
    }
        /* line 575, Sass/styles.scss */
        .div_ins_infobox a:hover, .div_ins_actionbox a:hover {
            text-decoration: underline;
        }
    /* line 579, Sass/styles.scss */
    .div_ins_infobox .innerinsbox, .div_ins_actionbox .innerinsbox {
        margin: 10px 0;
        width: 100%;
    }
        /* line 583, Sass/styles.scss */
        .div_ins_infobox .innerinsbox label, .div_ins_actionbox .innerinsbox label {
            width: 100%;
        }
    /* line 586, Sass/styles.scss */
    .div_ins_infobox .btnsmaindiv, .div_ins_actionbox .btnsmaindiv {
        margin: 30px 0px;
    }
    /* line 589, Sass/styles.scss */
    .div_ins_infobox .errormessage, .div_ins_actionbox .errormessage {
        color: #e26363;
        font-size: 11px;
    }

/* line 594, Sass/styles.scss */
.errormessage {
    color: #e26363;
    font-size: 11px;
}

/* line 598, Sass/styles.scss */
.div_ins_infobox > div, .div_ins_actionbox > div {
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: heightindiv;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/* line 608, Sass/styles.scss */
.div_ins_infobox:after, .div_ins_infobox:before, .div_ins_actionbox:after, .div_ins_actionbox:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

/* line 619, Sass/styles.scss */
.div_ins_infobox:after, .div_ins_actionbox:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #F1F8FC;
    border-width: 20px;
    margin-left: -20px;
}

/* line 626, Sass/styles.scss */
.div_ins_infobox:before, .div_ins_actionbox:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #C8E0ED;
    border-width: 21px;
    margin-left: -21px;
}

@-webkit-keyframes heightindiv {
    /* line 634, Sass/styles.scss */
    0% {
        opacity: 0;
    }
    /* line 638, Sass/styles.scss */
    100% {
        opacity: 1;
        /* Set our transitions up. */
    }
}

@keyframes heightindiv {
    /* line 645, Sass/styles.scss */
    0% {
        opacity: 0;
    }
    /* line 649, Sass/styles.scss */
    100% {
        opacity: 1;
        /* Set our transitions up. */
    }
}

/* line 654, Sass/styles.scss */
.k-picker-wrap .k-icon {
    margin: 6px 0 0 0;
}

/* line 657, Sass/styles.scss */
.k-picker-wrap .k-input {
    padding: 0.3em 0 !important;
}

/* line 660, Sass/styles.scss */
.validate {
    border: 1px solid #e26363;
}

/* line 665, Sass/styles.scss */
.multisearch_dd input[type="text"] {
    margin: 5px 0px;
}

/* line 669, Sass/styles.scss */
.multisearch_dd label {
    font-weight: normal;
}

/* line 673, Sass/styles.scss */
.dropdownzeroitems {
    min-width: 200px;
}

/* line 677, Sass/styles.scss */
.div_subentry {
    float: left;
    margin-left: 20px;
    width: 90%;
}

/* line 683, Sass/styles.scss */
.dropdownProdCat dd, .dropdownProdCat dt {
    margin: 0;
    padding: 0;
}

/* line 688, Sass/styles.scss */
.dropdownProdCat ul {
    margin: -3px 0 0 0;
    overflow: auto;
}

/* line 693, Sass/styles.scss */
.dropdownProdCat dd {
    position: relative;
}

/* line 697, Sass/styles.scss */
.dropdownProdCat a, .dropdownProdCat a:visited {
    color: white;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}

/* line 704, Sass/styles.scss */
.dropdownProdCat dt, .ProdCatComboBox span {
    cursor: pointer;
    min-width: 180px;
    display: inline-block;
    padding: 0 2px 2px 0;
}

/* line 711, Sass/styles.scss */
.ProdCatComboBox .caret {
    border-top: 7px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top-color: #999;
    margin: 10px 0 0 0px;
    padding: 0px;
    float: right;
    cursor: pointer;
}

/* line 722, Sass/styles.scss */
.dropdownProdCat span.value {
    display: none;
}

/* line 726, Sass/styles.scss */
.dropdownProdCat dd ul li a {
    padding: 5px;
    display: block;
}

    /* line 731, Sass/styles.scss */
    .dropdownProdCat dd ul li a:hover {
        background-color: white;
    }

/* line 735, Sass/styles.scss */
.col-centered {
    float: none;
    margin: 0 auto;
}

/* line 740, Sass/styles.scss */
.dd_plus, .dd_minus {
    float: left;
    width: 5%;
    color: #646464;
    font-weight: bold;
    font-size: 16px;
    margin: 0 4px 0 0;
    padding: 0px;
    line-height: 16px;
}

/* line 751, Sass/styles.scss */
#divCheckALLSearch_1 {
    float: left;
    width: 92%;
    color: #333;
    font-size: 13px;
    text-align: left;
}

/* line 759, Sass/styles.scss */
.ProdCatComboBox {
    min-width: 200px;
    border-radius: 3px;
    padding: 3px;
    font-weight: normal;
    border: 1px solid #cccccc;
    float: left;
    text-align: left;
    padding-left: 12px;
    height: 34px;
    line-height: 26px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* line 774, Sass/styles.scss */
.dropdownProdCat dd ul {
    background-color: white;
    height: 170px;
    display: none;
    max-height: 300px;
    overflow: auto !important;
    min-width: 210px;
    border: 1px solid #cccccc;
    position: absolute;
    z-index: 10;
    padding: 0 5px 10px;
    overflow-x: hidden !important;
    list-style-type: none;
}

/* line 788, Sass/styles.scss */
.detailscategorydiv {
    width: 100%;
    box-shadow: 0 0 3px rgba(16, 16, 16, 0.25);
    border: 1px solid #cccccc;
    margin: 10px 0;
    height: auto;
}

/* line 795, Sass/styles.scss */
.titlediv {
    width: 100%;
    height: auto;
    overflow: hidden;
}
    /* line 800, Sass/styles.scss */
    .titlediv .pagetitle, .titlediv .references {
        width: 45%;
        float: left;
        font-size: 14px;
        color: #999;
    }
        /* line 806, Sass/styles.scss */
        .titlediv .pagetitle p, .titlediv .references p {
            color: #5198C6;
            font-size: 14px;
            font-weight: bold;
            word-break: break-all;
            padding: 0px;
            margin: 0px;
        }
    /* line 815, Sass/styles.scss */
    .titlediv .attachments {
        width: 32% !important;
    }
    /* line 818, Sass/styles.scss */
    .titlediv .references {
        width: 45%;
        margin: 0 0 0 30px;
    }
        /* line 821, Sass/styles.scss */
        .titlediv .references a {
            font-size: 12px;
            color: #5198C6;
            width: 100%;
            font-weight: bold;
        }
            /* line 827, Sass/styles.scss */
            .titlediv .references a:hover {
                text-decoration: underline;
            }

/* line 834, Sass/styles.scss */
.releasedate_main {
    margin: 10px 0;
    overflow: hidden;
}

/* line 838, Sass/styles.scss */
.releasedate, .effectivedate {
    border: 0 !important;
    box-shadow: none !important;
    min-height: 20px !important;
}

/* line 844, Sass/styles.scss */
.releasedate, .description, .shorttext, .effectivedate, .excipients {
    margin: 0px 0px 11px 8px;
    float: left;
    line-height: 17px;
    color: #999999;
    text-align: left;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    height: auto;
    padding: 12px;
    min-height: 100px;
    width: 13%;
    word-break: break-all;
}

/* line 859, Sass/styles.scss */
.description {
    width: 50%;
    margin: 0px 0px 11px 0px;
}

/* line 863, Sass/styles.scss */
.shorttext {
    width: 49%;
}

/* line 866, Sass/styles.scss */
.reg_ins_details .effectivedate, .reg_ins_details .excipients {
    width: 11%;
}

/* line 869, Sass/styles.scss */
.effectivedate {
    width: 19.4%;
    margin: 0px 8px 0 1px;
}

/* line 873, Sass/styles.scss */
.releasedate {
    width: 19%;
}

    /* line 876, Sass/styles.scss */
    .releasedate span, .description span, .shorttext span, .effectivedate span, .excipients span {
        color: #aaa;
        word-break: break-all;
    }

/* line 880, Sass/styles.scss */
.synopsisheader {
    width: 100%;
    float: left;
}
    /* line 883, Sass/styles.scss */
    .synopsisheader h3 {
        margin: 0px;
    }
    /* line 886, Sass/styles.scss */
    .synopsisheader .synopsisheight {
        max-height: 520px !important;
        min-height: 50px;
        padding-bottom: 50px !important;
        overflow: auto;
    }

/* line 894, Sass/styles.scss */
.synopsis_maindiv {
    width: 100%;
    margin: 0;
    border: 1px solid #cccccc;
    text-align: justify;
    overflow: auto;
    max-height: 300px;
    padding: 5px 10px 10px;
    height: auto;
    line-height: 20px;
}
    /* line 905, Sass/styles.scss */
    .synopsis_maindiv p {
        padding: 0 15px 0 0px;
    }

/* line 910, Sass/styles.scss */
.heading:after {
    border-bottom: 13px solid #4BAED0;
    border-right: 13px solid rgba(0, 0, 0, 0);
    border-top: 13px solid #4BAED0;
    content: "";
    height: 0;
    position: absolute;
    right: -13px;
    top: 0;
    width: 0;
}

/* line 922, Sass/styles.scss */
.heading {
    background-color: #4BAED0;
    border-left: 7px solid #005C7B;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    max-width: 230px;
    padding: 0 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

/* line 936, Sass/styles.scss */
.tab-content {
    border-top: 0;
}

/* line 940, Sass/styles.scss */
.medicalproducts {
    margin: 20px 0;
}

/* line 943, Sass/styles.scss */
.innermedicalproductsdiv {
    padding: 15px;
    background: #F7F7F7;
    margin: 15px 0px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    min-height: 200px;
    max-height: 200px;
    overflow: auto;
}
    /* line 953, Sass/styles.scss */
    .innermedicalproductsdiv h4 {
        color: #4BAED0;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        margin-top: 0px;
    }

/* line 960, Sass/styles.scss */
.nav-tabs > li.active a {
    border-top: 3px solid #4baed0 !important;
}

/* line 963, Sass/styles.scss */
.autocompletebox {
    background: #F7F7F7;
    padding: 10px;
    overflow: auto;
    max-height: 100px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    width: 90%;
    position: absolute;
    z-index: 9;
}
    /* line 974, Sass/styles.scss */
    .autocompletebox ul li {
        line-height: 26px;
        padding: 5px;
        display: block;
    }
        /* line 979, Sass/styles.scss */
        .autocompletebox ul li:hover {
            background: #4BAED0;
            color: #fff;
            curser: pointer;
        }

/* line 987, Sass/styles.scss */
.closecolor {
    color: #e26363;
}

/* line 990, Sass/styles.scss */
.c_btn {
    width: 100%;
    margin: 0px auto !important;
    background: #f0f0f0;
    border: 1px solid #c8c8c8;
    margin: auto;
    padding: 10px;
}
    /* line 998, Sass/styles.scss */
    .c_btn textarea {
        width: 91%;
    }

/* line 1002, Sass/styles.scss */
.divActionReq {
    margin: 0 0 20px 0;
}

/* line 1008, Sass/styles.scss */
.articleinfo {
    background: #FFFDFD;
    border: 1px solid #e7e7e7;
    padding: 10px;
    margin: 5px;
    box-sahdw: 0 3px 24px -11px #4c5e7e;
    border-radius: 3px;
}
    /* line 1015, Sass/styles.scss */
    .articleinfo ul li {
        line-height: 27px;
    }
    /* line 1018, Sass/styles.scss */
    .articleinfo span {
        color: #4baed0;
    }

    /* line 1022, Sass/styles.scss */
    .articleinfo.col-md-4 {
        width: 32.2%;
    }

/* line 1025, Sass/styles.scss */
.checkbox_toggel {
    position: relative;
    display: inline-block;
}

    /* line 1029, Sass/styles.scss */
    .checkbox_toggel:after, .checkbox_toggel:before {
        font-family: FontAwesome;
        -webkit-font-feature-settings: normal;
        font-feature-settings: normal;
        -webkit-font-kerning: auto;
        font-kerning: auto;
        -webkit-font-language-override: normal;
        font-language-override: normal;
        font-stretch: normal;
        font-style: normal;
        font-synthesis: weight style;
        font-variant: normal;
        font-weight: normal;
        text-rendering: auto;
    }

    /* line 1044, Sass/styles.scss */
    .checkbox_toggel label {
        width: 90px;
        height: 42px;
        background: #ccc;
        position: relative;
        display: inline-block;
        border-radius: 46px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

        /* line 1054, Sass/styles.scss */
        .checkbox_toggel label:after {
            content: '';
            position: absolute;
            width: 50px;
            height: 50px;
            border-radius: 100%;
            left: 0;
            top: -5px;
            z-index: 2;
            background: #fff;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
            -webkit-transition: 0.4s;
            transition: 0.4s;
        }

    /* line 1068, Sass/styles.scss */
    .checkbox_toggel input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        opacity: 0;
        cursor: pointer;
    }

        /* line 1078, Sass/styles.scss */
        .checkbox_toggel input:hover + label:after {
            box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
        }

        /* line 1081, Sass/styles.scss */
        .checkbox_toggel input:checked + label:after {
            left: 40px;
        }

/* line 1085, Sass/styles.scss */
.model-13 .checkbox_toggel:after {
    content: 'Inactive';
    font-family: Arial;
    position: absolute;
    color: #666;
    top: 6px;
    font-size: 13px;
    right: 7px;
}

/* line 1094, Sass/styles.scss */
.model-13 .checkbox_toggel label {
    background: none;
    border: 3px solid #777;
    height: 30px;
    border-radius: 20px;
}

    /* line 1100, Sass/styles.scss */
    .model-13 .checkbox_toggel label:after {
        content: 'Active';
        padding: 0 0 0 10px;
        font-weight: normal;
        font-family: Arial;
        color: #fff;
        line-height: 22px;
        text-indent: 100px;
        background: #777;
        overflow: hidden;
        box-shadow: none;
        border-radius: 14px;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        -moz-transition: all 0.4s 0.2s, width 0.2s linear, text-indent 0.4s linear;
        -o-transition: all 0.4s 0.2s, width 0.2s linear, text-indent 0.4s linear;
        -webkit-transition: all 0.4s, width 0.2s linear, text-indent 0.4s linear;
        -webkit-transition-delay: 0.2s, 0s, 0s;
        -webkit-transition: all 0.4s 0.2s, width 0.2s linear, text-indent 0.4s linear;
        transition: all 0.4s 0.2s, width 0.2s linear, text-indent 0.4s linear;
        top: 1px;
        left: auto;
        right: 2px;
        width: 28px;
        height: 22px;
    }

/* line 1126, Sass/styles.scss */
.model-13 .checkbox_toggel input:checked + label {
    border-color: #329043;
}

    /* line 1129, Sass/styles.scss */
    .model-13 .checkbox_toggel input:checked + label:after {
        background: #3fb454;
        left: auto;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        -moz-transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
        -o-transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
        -webkit-transition: all 0.4s, width 0.2s linear, text-indent 0.3s linear;
        -webkit-transition-delay: 0s, 0.4s, 0.4s;
        -webkit-transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
        transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
        width: 80px;
        text-indent: 0;
    }

/* line 1143, Sass/styles.scss */
.tabs .tab-content {
    padding: 15px;
    border-radius: 3px;
    background: #fff;
    margin: 0 0 0 1px;
    overflow: visible;
    width: 100%;
}

/* line 1151, Sass/styles.scss */
.btns_center {
    margin: 0px auto;
    float: none !important;
}

/* line 1155, Sass/styles.scss */
.manage_group_add {
    width: 540px;
    overflow: hidden;
    margin: 0px auto;
}

/* line 1160, Sass/styles.scss */
.manage_usctrl {
    padding: 22px 0 0 0 !important;
}

    /* line 1163, Sass/styles.scss */
    .manage_usctrl .btn.btn-primary {
        width: 30px;
    }

/* line 1166, Sass/styles.scss */
.sroting {
    opacity: 0.2;
}

/* line 1169, Sass/styles.scss */
.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

/* line 1172, Sass/styles.scss */
.showfiltermetadata {
    margin: -34px 10px 0 0;
}
    /* line 1174, Sass/styles.scss */
    .showfiltermetadata input {
        margin: 0px 5px 0 0;
        vertical-align: middle;
    }

/* line 1179, Sass/styles.scss */
.regionfiltersdiv {
    margin: 0px 0 0 0;
    position: relative;
    top: 4px;
    right: 10px;
}
    /* line 1184, Sass/styles.scss */
    .regionfiltersdiv label {
        margin: 2px 10px 0 0;
    }
    /* line 1187, Sass/styles.scss */
    .regionfiltersdiv input {
        margin: 0 5px 0 0;
        vertical-align: middle;
    }

/* line 1192, Sass/styles.scss */
.lblcolumncount {
    margin: 37px 25px 0 0;
}

/* line 1195, Sass/styles.scss */
.dropdownarrow {
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    padding: 3px;
    font-weight: normal;
    border: 1px solid #CECECE;
    background: url(../images/allicons.png) no-repeat 125% -12px white;
    float: left;
    text-align: left;
    padding-left: 12px;
    height: 34px;
    line-height: 26px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* line 1211, Sass/styles.scss */
.popupscrollctrl, .popupscrollctrl_draftins {
    max-height: 400px;
    overflow: auto;
    width: 100%;
}

/* line 1216, Sass/styles.scss */
.popupscrollctrl_draftins {
    max-height: 550px;
    overflow-x: hidden;
    min-height: 300px;
}

/* line 1222, Sass/styles.scss */
.popup_big {
    width: 900px;
}

/* line 1225, Sass/styles.scss */
.popup_bigdraftinsight {
    width: 90%;
}

/* line 1228, Sass/styles.scss */
.glyphicon-trash, .fa-trash-o, .fa-trash-o:before {
    color: #e26363 !important;
}

/* line 1231, Sass/styles.scss */
.fa-pencil, .fa-pencil:before {
    color: #72afd2 !important;
}

/* line 1234, Sass/styles.scss */
.k-i-seek-w {
    background-position: 0 -107px;
}

/* line 1237, Sass/styles.scss */
.k-i-arrow-w {
    background-position: 0 -43px;
}

/* line 1240, Sass/styles.scss */
.k-i-arrow-e {
    background-position: 0 -11px;
}

/* line 1243, Sass/styles.scss */
.k-i-seek-e {
    background-position: 0 -76px;
}

/* line 1246, Sass/styles.scss */
.k-state-hover {
    background-position: -16px -28px;
}

/* line 1249, Sass/styles.scss */
.k-i-refresh {
    background-position: -47px -111px;
    margin-top: 5px;
}

/* line 1252, Sass/styles.scss */
.k-i-arrow-s {
    background-position: 0 -27px;
}

/* line 1256, Sass/styles.scss */
.callout-danger span {
    font-size: 14px;
}

/* line 1260, Sass/styles.scss */
.insifgterrormsg {
    position: fixed;
    z-index: 9999;
    right: 0;
    top: 180px;
}

/* line 1266, Sass/styles.scss */
.toggleexpand {
    background: #FFF;
    padding: 3px;
    border-radius: 3px;
    text-align: center;
    margin: 0 10px 0 0;
    box-shadow: 0 0 3px rgba(16, 16, 16, 0.25);
}

    /* line 1274, Sass/styles.scss */
    .toggleexpand:before {
        content: "\002b";
        font-family: 'Glyphicons Halflings';
        font-size: 7px;
        color: #B1B1B1;
    }

/* line 1280, Sass/styles.scss */
.toggleMin .toggleexpand:before {
    content: "\2212";
}

/* line 1284, Sass/styles.scss */
.morerightmargin {
    margin-right: 10px;
}

/* line 1288, Sass/styles.scss */
.jvectormap-container {
    background-color: white !important;
}

/* line 1291, Sass/styles.scss */
.chartminheight {
    min-height: 400px;
}

    /* line 1294, Sass/styles.scss */
    .chartminheight:nth-child(2n+3) {
        clear: left;
    }

/* line 1297, Sass/styles.scss */
.backbtn {
    font-size: 18px;
}

/* line 1302, Sass/styles.scss */
.form-item {
    position: relative;
    margin: 0 0 10px 0;
    clear: both;
}

    /* line 1307, Sass/styles.scss */
    .form-item label, .form-item input {
        display: inline-block;
        -webkit-transition: all 150ms;
        transition: all 150ms;
    }

    /* line 1312, Sass/styles.scss */
    .form-item input {
        margin-top: 5px;
        padding: 6px 15px;
        border: 1px solid #999;
        border-radius: 16px;
        line-height: 20px;
        font-size: 14px;
        color: #222;
    }

        /* line 1321, Sass/styles.scss */
        .form-item input:valid + label {
            color: #999;
            -webkit-transform: translateY(-17px) scale(0.75);
            transform: translateY(-17px) scale(0.75);
        }

        /* line 1326, Sass/styles.scss */
        .form-item input:focus + label {
            color: #999;
            -webkit-transform: translateY(-17px) scale(0.75);
            transform: translateY(-17px) scale(0.75);
        }

        /* line 1331, Sass/styles.scss */
        .form-item input:focus {
            outline: none;
            box-shadow: inset 0 -0.25em 0.5em #e6f0ff;
            border-color: #4BAED0;
        }

    /* line 1336, Sass/styles.scss */
    .form-item span:after {
        content: "\f002";
        color: #C5C5C5;
        font: normal normal normal 14px/1 FontAwesome !important;
        position: absolute;
        right: 11px;
        top: 16px;
    }

    /* line 1344, Sass/styles.scss */
    .form-item input:focus + label {
        color: #4BAED0;
    }

    /* line 1347, Sass/styles.scss */
    .form-item label {
        position: absolute;
        top: 12px;
        left: 17px;
        padding: 0 2px;
        line-height: 20px;
        font-size: 12px;
        color: #999;
        background: #fff;
        pointer-events: none;
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }

/* line 1364, Sass/styles.scss */
.PieChartBtn {
    background-color: transparent;
    border: none;
    font-size: 12px;
    white-space: pre-wrap;
    width: 130px;
    float: left;
    text-align: left;
    padding: 8px 0 2px 10px;
    line-height: 14px;
    font-weight: noraml;
}

/* line 1377, Sass/styles.scss */
.dashboard_content svg.mypiechart {
    display: block;
    height: 250px;
    width: 250px;
    margin: 20px 2px 0 0px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

/* line 1390, Sass/styles.scss */
.piecolorshow {
    width: 10px;
    height: 10px;
    float: left;
    margin: 10px 0px 0px 10px;
    border-radius: 50%;
    box-shadow: 1px 1px 1px 1px #D2D2D2;
}

/* line 1399, Sass/styles.scss */
.piechart_label {
    line-height: 20px;
    float: left;
    margin: 0px 0 2px 8px;
}

    /* line 1405, Sass/styles.scss */
    .piechart_label input[type="checkbox"] {
        display: none;
    }

/* line 1408, Sass/styles.scss */
.expandsidebar section.content-header, .expandsidebar .content {
    width: 78%;
    margin: 0;
}

/* line 1412, Sass/styles.scss */
.expandsidebar .policy_type {
    height: auto;
}

/* line 1418, Sass/styles.scss */
.panel ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

/* line 1425, Sass/styles.scss */
.news-item {
    padding: 4px 4px;
    margin: 0px;
    border-bottom: 1px dotted #555;
}

/* line 1430, Sass/styles.scss */
.filtersicon:after {
    content: "\f0b0";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    color: #ccc;
    right: 7px;
    top: 10;
    cursor: pointer;
}

/* line 1439, Sass/styles.scss */
.filtersicon:hover::after {
    color: #343f4b;
}

/* line 1442, Sass/styles.scss */
.slidearrowrap {
    position: relative;
}

/* line 1445, Sass/styles.scss */
.slidearrow {
    border: 1px solid #cccccc;
    background: white;
    position: absolute;
    width: 105px;
    right: -39px;
    margin: 9px 0 0 0px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
    /* line 1455, Sass/styles.scss */
    .slidearrow input[type="button"] {
        background: none;
        padding: 5px;
        font-weight: 600;
    }
        /* line 1460, Sass/styles.scss */
        .slidearrow input[type="button"]:hover {
            background: #efefef;
            width: 100%;
            text-align: left;
        }

    /* line 1466, Sass/styles.scss */
    .slidearrow:after, .slidearrow:before {
        right: 39%;
        top: -10px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    /* line 1477, Sass/styles.scss */
    .slidearrow:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #FFFFFF;
        border-width: 10px;
        margin-top: -10px;
    }

    /* line 1483, Sass/styles.scss */
    .slidearrow:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #ccc;
        border-width: 10px;
        margin-top: -11px;
    }

/* line 1490, Sass/styles.scss */
.bodyoverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

/* line 1499, Sass/styles.scss */
.loading_img {
    position: fixed;
    top: 45%;
    left: 50%;
}

/* line 1506, Sass/styles.scss */
.loader:before,
.loader:after,
.loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

/* line 1515, Sass/styles.scss */
.loader {
    color: #ffffff;
    font-size: 10px;
    margin: -20px auto 0 auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    /* line 1527, Sass/styles.scss */
    .loader:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    /* line 1532, Sass/styles.scss */
    .loader:after {
        left: 3.5em;
    }

    /* line 1536, Sass/styles.scss */
    .loader:before,
    .loader:after {
        content: '';
        position: absolute;
        top: 0;
    }

@-webkit-keyframes load7 {
    /* line 1544, Sass/styles.scss */
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    /* line 1547, Sass/styles.scss */
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    /* line 1554, Sass/styles.scss */
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    /* line 1557, Sass/styles.scss */
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

/* line 1561, Sass/styles.scss */
.extramargin {
    margin: 10px 0 0 0;
}

/* line 1564, Sass/styles.scss */
.panel-heading span:after {
    cursor: pointer;
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: right;
    color: grey;
}

/* line 1571, Sass/styles.scss */
.panel-heading span.collapsed:after {
    content: "\e114";
}

/* line 1575, Sass/styles.scss */
.panel-heading span[data-toggle="collapse"]:after {
    cursor: pointer;
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: right;
    color: grey;
    position: relative;
    z-index: 10000000;
}

/* line 1584, Sass/styles.scss */
.panel-heading span[data-toggle="collapse"].collapsed:after {
    content: "\e114";
}

/* line 1588, Sass/styles.scss */
.InsightsFixedBtns {
    top: 0;
    height: 90px;
    padding: 0px 10px 5px;
    background: #EFEFEF;
    border: 1px solid #E7F1D2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 1000;
}

/* line 1600, Sass/styles.scss */
.box.callout {
    width: auto;
}
    /* line 1602, Sass/styles.scss */
    .box.callout h4 {
        color: #fff;
        border: 0;
    }
    /* line 1606, Sass/styles.scss */
    .box.callout .box-header {
        border: 0;
    }
    /* line 1609, Sass/styles.scss */
    .box.callout .btn-box-tool {
        color: #fff;
        margin: 2px -30px 0 0px;
    }
        /* line 1612, Sass/styles.scss */
        .box.callout .btn-box-tool:hover {
            color: #f8f8f8;
        }

/* line 1617, Sass/styles.scss */
.flaotnone {
    float: none;
}

/* line 1620, Sass/styles.scss */
fieldset.mianmarketsdiv {
    margin: 10px 0 20px 0;
}
    /* line 1623, Sass/styles.scss */
    fieldset.mianmarketsdiv legend {
        font-size: 18px;
        width: auto;
        padding: 2px 5px;
        border-bottom: 1px solid #ccc;
        margin: 0 0 0 6px;
        color: #038CBB;
    }

/* line 1632, Sass/styles.scss */
.InsHighNo {
    font-size: 24px;
    color: #4BAED0;
}

/* line 1636, Sass/styles.scss */
.InsightDisabled {
    cursor: not-allowed !important;
}

/* line 1639, Sass/styles.scss */
.sadmin_grid_success.bs-example-bg-classes {
    padding: 0px;
    margin: 0px;
    position: fixed;
    top: 0px;
    z-index: 100000000;
    left: 40%;
    min-width: 80px;
}

/* line 1648, Sass/styles.scss */
.bg-danger {
    border-top: 0 !important;
    border: 1px solid #F7A6B4;
}

/* line 1652, Sass/styles.scss */
.bs-example-bg-classes p {
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    height: 45px\0;
}

/* line 1660, Sass/styles.scss */
.success_msg_icon {
    width: 20px;
    height: 20px;
    margin: -4px 5px 0 0;
}

/* line 1665, Sass/styles.scss */
fieldset.ManageBtns {
    background: none;
    border: 1px solid #CECECE;
    border-radius: 0;
    width: auto;
    margin: 0 0 0px 0px;
    padding: 2px 10px 8px 10px;
    float: right;
}

    /* line 1674, Sass/styles.scss */
    fieldset.ManageBtns legend {
        background: #efefef;
        width: 134px;
        margin: 0px 0px 8px -4px;
        border: 0;
        color: #2FB0E7;
        padding: 3px 11px;
        font-size: 16px;
        border-radius: 2px;
        display: block;
        text-align: left;
    }

/* line 1686, Sass/styles.scss */
h3.InsightsTitle {
    line-height: 30px;
    color: #269AC1;
    padding: 0 0px 0 10px;
    font-size: 17px;
        width: 100%; /*This is added to maintain h3 width*/
}

/* line 1692, Sass/styles.scss */
.btnsmaindiv button.btn.btn-cancel {
    color: #333 !important;
    background-color: #fff;
    border-color: #ccc;
    padding: 6px;
    margin: -5px 6px 0 0 !important;
    line-height: 17px;
}

/* line 1700, Sass/styles.scss */
.impactedcomapniesdiv {
    padding: 10px 0 0px 10px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
}
    /* line 1706, Sass/styles.scss */
    .impactedcomapniesdiv b {
        padding: 0px 0 10px 0;
        display: block;
    }

/* line 1721, Sass/styles.scss */
button#InsightChkSearch.InsSearchFixed {
    position: fixed;
    z-index: 9999;
    top: 0px;
    right: 35px;
    transition: none;
    margin: 0px !important;
}

    /* line 1729, Sass/styles.scss */
    button#InsightChkSearch.InsSearchFixed.insightsearchbtn {
        right: 2.4%;
    }

/* line 1732, Sass/styles.scss */
.glyphicon-duplicate:before {
    content: "\e224";
}

/* line 1735, Sass/styles.scss */
.Editor-editor {
    max-height: 300px;
    min-height: 150px;
    height: auto;
    padding: 1%;
    border: 1px solid #EEE;
    border-radius: 0;
    word-wrap: break-word;
}

/* line 1744, Sass/styles.scss */
.InsCatType {
    word-break: break-all;
    color: #5FBD1A;
    max-width: 80%;
}

/* line 1749, Sass/styles.scss */
.InsRegId {
    color: #e26363;
    font-size: 18px;
}

/* line 1753, Sass/styles.scss */
.insgreeenlbl {
    font-size: 18px;
    color: #5198c6;
}

/* line 1757, Sass/styles.scss */
.createdname {
    color: #aaaaaa;
}

/* line 1760, Sass/styles.scss */
.InsDetailsMarkets {
    color: #4BAED0;
    padding-bottom: 5px;
    margin-top: 0px;
    width: 100%;
    font-weight: normal;
    font-size: 18px;
    margin: 14px 0 8px 0;
}

@media screen and (max-width: 1000px) {
    /* line 1771, Sass/styles.scss */
    .InsightsFixedBtns {
        background: #EFEFEF;
        width: 708px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1320px) {
    /* line 1778, Sass/styles.scss */
    .PieChartBtn {
        width: 125px;
    }

    /* line 1779, Sass/styles.scss */
    .InsightsFixedBtns {
        width: 1003px !important;
    }

    /* line 1780, Sass/styles.scss */
    fieldset.ManageBtns {
        width: 690px;
    }
}

@media screen and (min-width: 1180px) and (max-width: 1380px) {
    /* line 1783, Sass/styles.scss */
    .InsightsFixedBtns {
        background: #EFEFEF;
        width: 1089px;
    }

    /* line 1787, Sass/styles.scss */
    .sidebar-collapse .InsightsFixedBtns {
        background: #EFEFEF;
        width: 1270px;
    }
}

@media screen and (min-width: 1380px) {
    /* line 1793, Sass/styles.scss */
    .InsightsFixedBtns {
        background: #EFEFEF;
        width: 1158px;
    }

    /* line 1797, Sass/styles.scss */
    .sidebar-collapse .InsightsFixedBtns {
        background: #EFEFEF;
        width: 1503px;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1600px) {
    /* line 1804, Sass/styles.scss */
    .insightselectbox {
        width: 20% !important;
    }

    /* line 1807, Sass/styles.scss */
    .expandsidebar .keyword-sraechradiobtns {
        right: 530px;
    }
}
/* line 1812, Sass/styles.scss */
.marketsmiandiv {
    min-height: 100px;
    max-height: 50px;
    overflow: auto;
    border: 1px solid #cccccc;
    padding: 5px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.21);
}
    /* line 1819, Sass/styles.scss */
    .marketsmiandiv li {
        list-style-position: inside;
        list-style: none;
        line-height: 36px;
        margin: 0px 10px;
    }
        /* line 1825, Sass/styles.scss */
        .marketsmiandiv li:before {
            content: "\f041";
            font: normal normal normal 15px/1 FontAwesome;
            position: relative;
            left: -7px;
            color: #428bca;
            top: -1px;
        }

/* line 1841, Sass/styles.scss */
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

/* line 1847, Sass/styles.scss */
.scrollbar::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

/* line 1853, Sass/styles.scss */
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ccc;
}

/* line 1857, Sass/styles.scss */
.nodata_piechart {
    font-size: 24px;
    float: left;
    position: relative;
    top: 130px;
    left: 27%;
    color: #ccc;
}

    /* line 1861, Sass/styles.scss */
    .nodata_piechart:before {
        content: "\f1c0";
        font: normal normal normal 54px/1 FontAwesome;
        margin: 0 23px 0 0;
    }

/* line 1863, Sass/styles.scss */
.highlighted {
    background: yellow;
}

/* line 1867, Sass/styles.scss */
.regclass {
    border: 1px solid #F17B7B;
}

/* line 1871, Sass/styles.scss */
.errorstar {
    font-size: 12px;
    color: #FD1212;
}

/* line 1876, Sass/styles.scss */
.ins_swith_btn {
    float: right;
    margin: 0px 0px 0 0px;
}

/* line 1881, Sass/styles.scss */
.error_message {
    color: #D9534F;
    font-weight: normal;
    float: right;
    margin: -33px 0 0 0;
    padding: 2px 0px 0 0;
}

/* line 1889, Sass/styles.scss */
.searchTextbox.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    background: #ECECEC;
    left: 0;
    z-index: 992;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

    /* line 1900, Sass/styles.scss */
    .searchTextbox.fixed .form-item label {
        background: transparent;
    }

/* line 1904, Sass/styles.scss */
.pdfsearchdiv span {
    font-weight: normal;
}

/* line 1909, Sass/styles.scss */
.insightcount {
    margin: 5px 17px 0 0;
}

/* line 1914, Sass/styles.scss */
.categoryclass {
    font-size: 20px;
    color: #4BAED0;
}

/* line 1919, Sass/styles.scss */
.variantbox.dynamicpopupdiv {
    top: 0px !important;
}

    /* line 1922, Sass/styles.scss */
    .variantbox.dynamicpopupdiv:after, .variantbox.dynamicpopupdiv:before {
        top: 58px !important;
    }

/* line 1925, Sass/styles.scss */
.variantbox:after, .variantbox:before {
    right: 100%;
    top: 188px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

/* line 1936, Sass/styles.scss */
.variantbox:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #FFFFFF;
    border-width: 10px;
    margin-top: -45px;
}

/* line 1943, Sass/styles.scss */
.variantbox:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #A9A9A9;
    border-width: 11px;
    margin-top: -46px;
}

/* line 1949, Sass/styles.scss */
.variantbox {
    width: 700px;
    min-height: 150px;
    background: #F7F7F7;
    z-index: 555;
    top: -140px;
    position: absolute;
    left: 100%;
    border: 1px solid #cacaca;
    padding: 10px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 2px 2px rgba(145, 145, 145, 0.4);
    -moz-box-shadow: 1px 2px 2px rgba(145, 145, 145, 0.4);
    box-shadow: 1px 2px 2px rgba(145, 145, 145, 0.4);
}

/* line 1964, Sass/styles.scss */
.overflowmaindiv {
    min-height: 100px;
    max-height: 100px;
    overflow: auto;
    overflow-x: hidden;
}

/* line 1971, Sass/styles.scss */
.mainmarketsdiv {
    width: 100%;
    z-index: 999;
    position: relative;
}

/* line 1976, Sass/styles.scss */
.productsdiv {
    width: 23%;
}

/* line 1981, Sass/styles.scss */
.overflowmaindiv .productsdiv:nth-child(4n+5) {
    clear: left;
}

/* line 1984, Sass/styles.scss */
.pdfsearchscrolldiv {
    min-height: 300px;
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
}

/* line 1990, Sass/styles.scss */
.noofdocumentscount {
    margin: -21px 30px 0px 0px;
}

/* line 1993, Sass/styles.scss */
.searchbtnheight {
    height: 50px;
}

/* line 1996, Sass/styles.scss */
.DocTypeStatus {
    background: #fff;
    width: 180px;
    margin: 0 0 0 30px;
    padding: 2px 10px 7px;
    border-radius: 2px;
    float: left;
}
    /* line 2004, Sass/styles.scss */
    .DocTypeStatus .checkbox {
        float: left;
        width: 50%;
        margin: 0px;
    }

/* line 2011, Sass/styles.scss */
.row.AdvanceInsSearch {
    margin: 0px;
    float: left;
    padding: 6px 0;
}
    /* line 2016, Sass/styles.scss */
    .row.AdvanceInsSearch label {
        margin: 0px;
    }
    /* line 2019, Sass/styles.scss */
    .row.AdvanceInsSearch .radio {
        padding: 0px 0px 0 30px;
        float: left;
        width: 100%;
    }
    /* line 2024, Sass/styles.scss */
    .row.AdvanceInsSearch .DocTypeStatus + .radio {
        margin-top: 0px;
    }

/* line 2028, Sass/styles.scss */
.InsAdvSearch {
    width: 100%;
}

/* line 2031, Sass/styles.scss */
.tags {
    list-style: none;
    margin: 0;
    overflow: hidden;
}

    /* line 2036, Sass/styles.scss */
    .tags li, .tags > div {
        float: left;
    }

    /* line 2040, Sass/styles.scss */
    .tag, .tags > div {
        background: #DADADA;
        border-radius: 3px 0 0 3px;
        color: #999;
        font-size: 12px;
        display: inline-block;
        height: 26px;
        line-height: 26px;
        padding: 0 20px 0 8px;
        position: relative;
        margin: 0 10px 10px 0;
        text-decoration: none;
        -webkit-transition: color 0.2s;
    }

        /* line 2057, Sass/styles.scss */
        .tag::after, .tags > div::after {
            background: #F7F7F7;
            border-bottom: 13px solid transparent;
            border-left: 10px solid #DADADA;
            border-top: 13px solid transparent;
            content: '';
            position: absolute;
            right: 0;
            top: 0;
        }

        /* line 2068, Sass/styles.scss */
        .tags > div.TabRegionName {
            background: #269AC1;
            color: #fff;
        }

            /* line 2073, Sass/styles.scss */
            .tags > div.TabRegionName::after {
                border-left: 10px solid #269AC1;
            }

        /* line 2076, Sass/styles.scss */
        .tags > div.TabSubRegionName {
            background: #4BAED0;
            color: #fff;
        }
            /* line 2081, Sass/styles.scss */
            .tags > div.TabSubRegionName a i:before {
                color: white !important;
            }

            /* line 2088, Sass/styles.scss */
            .tags > div.TabSubRegionName::after {
                border-left: 10px solid #4BAED0;
            }

/* line 2092, Sass/styles.scss */
.selectedinputs {
    border: 1px solid #cccccc;
    background: #F7F7F7;
    width: 94%;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
    /* line 2100, Sass/styles.scss */
    .selectedinputs legend {
        border: 1px solid #cccccc;
        width: auto;
        border-radius: 3px;
        margin: 0px 5px;
        background: #EFEFEF;
        font-size: 15px;
        padding: 2px 5px;
    }
    /* line 2109, Sass/styles.scss */
    .selectedinputs .searchlabels {
        width: 92%;
        margin: 3px 0 0 0;
    }
    /* line 2113, Sass/styles.scss */
    .selectedinputs .recentsearchscrolldiv {
        max-height: 150px;
        overflow: auto;
    }

/* line 2118, Sass/styles.scss */
.panel-title {
    cursor: pointer;
}
    /* line 2120, Sass/styles.scss */
    .panel-title span {
        display: block;
    }

/* line 2125, Sass/styles.scss */
.smallpopup {
    width: 450px !important;
}
.bigpopup {
    width: 70% !important;
}

/* line 2128, Sass/styles.scss */
h4.mainheading {
    border: 0;
    width: auto;
}

/* line 2132, Sass/styles.scss */
.radiocheckbox.checkbox:after {
    content: "";
    font-family: FontAwesome;
}

/* line 2136, Sass/styles.scss */
.radiocheckbox.checkbox:before {
    content: "";
    font-family: FontAwesome;
}

/* line 2140, Sass/styles.scss */
.radiocheckbox.checkbox label:before {
    content: "";
    width: 13px;
    height: 13px;
    border: 2px solid #666;
    border-radius: 50%;
    top: 2px;
    left: 2px;
}

/* line 2149, Sass/styles.scss */
.radiocheckbox.checkbox input[type="checkbox"]:checked + label:after {
    border: 0;
    top: 5px;
    left: 5px;
    border-radius: 50%;
    background: #389438;
    content: '';
    width: 7px;
    height: 7px;
    line-height: 10px;
    font-size: 8px;
    opacity: 1;
}

/* line 2162, Sass/styles.scss */
.actioncommentsdiv {
    overflow: hidden;
    margin: 0 0 20px 0;
}

/* line 2166, Sass/styles.scss */
.paginationcenter {
    margin: 0px auto;
    width: auto !important;
    display: table;
}

/* line 2171, Sass/styles.scss */
.table-bordered > tbody > tr > th {
    font-size: 15px;
}

/* line 2174, Sass/styles.scss */
.table-bordered > tbody > tr > td {
    font-size: 13px;
}

/* line 2177, Sass/styles.scss */
.styledchkbox.checkbox input[type="checkbox"] + label:before {
    opacity: 0;
}

/* line 2180, Sass/styles.scss */
.styledchkbox.checkbox input[type="checkbox"] + label:after {
    left: 90%;
    content: "\f00c";
    top: 6px;
    font-size: 12px;
}

/* line 2186, Sass/styles.scss */
.checkbox.styledchkbox label {
    width: 100%;
    padding: 4px;
}

/* line 2191, Sass/styles.scss */
.styledchkbox.checkbox input[type="checkbox"]:checked + label {
    background: #4BAED0;
    color: white !important;
    width: 100%;
}

/* line 2196, Sass/styles.scss */
.lbltxt {
    width: 93%;
}

/* line 2199, Sass/styles.scss */
.bg-success {
    background-color: #A8EBC4;
    color: #1b7943;
}

/* line 2203, Sass/styles.scss */
.keywordsdiv {
    width: 56%;
}

/* line 2206, Sass/styles.scss */
.active-pagination {
    background-color: #448203 !important;
    border-color: #85b850 !important;
    color: white !important;
}

/* line 2211, Sass/styles.scss */
.pagination .btn {
    border-radius: 0 !important;
}

/* line 2214, Sass/styles.scss */
.btnlogin {
    font-size: 16px !important;
}

/* line 2217, Sass/styles.scss */
.fixedfilter, .fixedsavedseach {
    position: fixed;
    text-decoration: none;
    z-index: 9999;
    top: 0;
    margin: 0;
    padding: 2px 8px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #4BAED0;
    color: #fff;
    right: 100px;
}

/* line 2230, Sass/styles.scss */
.fixedsavedseach {
    right: 220px;
}

/* line 2234, Sass/styles.scss */
.marketdtcontrol {
    width: 100%;
}
    /* line 2236, Sass/styles.scss */
    .marketdtcontrol .dropdownarrow {
        background: url(../images/allicons.png) no-repeat 112% -12px white;
    }

/* line 2240, Sass/styles.scss */
.marketdropdowncontrol {
    width: 100%;
}

/* line 2243, Sass/styles.scss */
.catgories-innerdiv {
    background: #f8f8f8;
    border: 1px solid #e2edeb;
    padding: 10px;
}
    /* line 2247, Sass/styles.scss */
    .catgories-innerdiv h4 {
        color: #4BAED0;
        font-weight: bold;
    }

/* line 2252, Sass/styles.scss */
.categoriesdiv {
    margin-left: 15px;
}

/* line 2255, Sass/styles.scss */
.categoryimage {
    background: #eeeeee;
    padding: 5px;
    border: 1px solid #cccccc;
    border-radius: 15px;
}

/* line 2262, Sass/styles.scss */
input#toggle {
    max-height: 0;
    max-width: 0;
    opacity: 0;
}

    /* line 2267, Sass/styles.scss */
    input#toggle + label {
        display: block;
        margin: -8px 0 0 0;
        position: relative;
        box-shadow: inset 0 0 0px 1px #d5d5d5;
        text-indent: -5000px;
        height: 28px;
        width: 61px;
        border-radius: 15px;
    }

        /* line 2278, Sass/styles.scss */
        input#toggle + label:before {
            content: "";
            position: absolute;
            display: block;
            height: 27px;
            width: 30px;
            top: 0;
            left: 0;
            border-radius: 15px;
            background: rgba(19, 191, 17, 0);
            -moz-transition: .25s ease-in-out;
            -webkit-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
        }

        /* line 2293, Sass/styles.scss */
        input#toggle + label:after {
            content: "";
            position: absolute;
            display: block;
            height: 18px;
            width: 19px;
            top: 5px;
            left: 3px;
            border-radius: 15px;
            background: white;
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
            -moz-transition: .25s ease-in-out;
            -webkit-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
        }

    /* line 2308, Sass/styles.scss */
    input#toggle:checked + label:before {
        width: 60px;
        background: #13bf11;
    }

    /* line 2313, Sass/styles.scss */
    input#toggle:checked + label:after {
        left: 36px;
        top: 4px;
        box-shadow: inset 0 0 0 1px #13bf11, 0 2px 4px rgba(0, 0, 0, 0.2);
    }

/* line 2318, Sass/styles.scss */
.insightheading {
    color: #4BAED0;
}

/* line 2321, Sass/styles.scss */
.bigcontentdescription {
    height: 50px;
    overflow: auto;
}

/* line 2325, Sass/styles.scss */
.btnmargin {
    margin-top: 12px !important;
}

/* line 2328, Sass/styles.scss */
#InformationCmts {
    margin-right: 11px;
}

/* line 2343, Sass/styles.scss */
.insightselectbox {
    width: 14%;
    margin: 0px 20px 0 0px;
}
    /* line 2346, Sass/styles.scss */
    .insightselectbox select {
        padding: 2px 4px;
        border: 1px solid #96C7DB;
        background: none;
        margin-top: -2px;
        font-size: 13px;
        width: 100%;
    }

/* line 2355, Sass/styles.scss */
.k-grid-excel {
    float: right;
    border: 1px solid #cccccc !important;
    padding: 5px !important;
}

/* line 2360, Sass/styles.scss */
.buttonsforsearch {
    background-color: #ECF9FF;
    border: 1px solid #96C7DB;
    width: 100%;
    padding: 5px;
}
    /* line 2365, Sass/styles.scss */
    .buttonsforsearch a {
        color: #1A8DBE;
        margin-right: 15px;
    }
        /* line 2368, Sass/styles.scss */
        .buttonsforsearch a:hover {
            color: #02618a;
            text-decoration: underline;
        }

/* line 2374, Sass/styles.scss */
button.k-i-seek-w, button.k-i-seek-e, button.k-i-arrow-w, button.k-i-arrow-e {
    min-width: 2em;
    height: 2em;
    border: 1px solid #cccccc;
}

/* line 2379, Sass/styles.scss */
button.k-i-seek-w {
    background-position: 2px -109px;
}

/* line 2382, Sass/styles.scss */
button.k-i-arrow-w {
    background-position: 0 -44px;
}

/* line 2385, Sass/styles.scss */
button.k-i-arrow-e {
    background-position: 3px -13px;
}

/* line 2388, Sass/styles.scss */
button.k-i-seek-e {
    background-position: 4px -77px;
}

/* line 2391, Sass/styles.scss */
.insightpagination .btn-sm {
    line-height: 1;
}

/* line 2395, Sass/styles.scss */
.checkbox.export_option {
    margin: 0px 9px 0 0;
    float: left;
    width: 120px;
}

    /* line 2400, Sass/styles.scss */
    .checkbox.export_option label:before, .checkbox.export_option label:after {
        top: 0px;
        left: 3px;
    }

/* line 2404, Sass/styles.scss */
.export_option label {
    float: left;
    padding: 0px 8px 2px 20px;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    background-color: #E6E6E6;
}

/* Place Holder CSS */
/* line 2414, Sass/styles.scss */
::-webkit-input-placeholder {
    color: #000;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

/* line 2420, Sass/styles.scss */
:-moz-placeholder {
    color: #000;
    opacity: 0.5;
    -moz-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

/* line 2426, Sass/styles.scss */
::-moz-placeholder {
    color: #000;
    opacity: 0.5;
    -moz-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

/* line 2432, Sass/styles.scss */
:-ms-input-placeholder {
    color: #000;
    opacity: 0.5;
    -ms-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

/* Place Holder CSS for Focus */
/* line 2440, Sass/styles.scss */
:hover::-webkit-input-placeholder {
    opacity: 0.75;
    -webkit-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

/* line 2445, Sass/styles.scss */
:hover:-moz-placeholder {
    opacity: 0.75;
    -moz-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

/* line 2450, Sass/styles.scss */
:hover::-moz-placeholder {
    opacity: 0.75;
    -moz-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

/* line 2455, Sass/styles.scss */
:hover:-ms-input-placeholder {
    opacity: 0.75;
    -ms-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

/* Place Holder CSS for Focus */
/* line 2462, Sass/styles.scss */
:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

/* line 2467, Sass/styles.scss */
:focus:-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

/* line 2472, Sass/styles.scss */
:focus::-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

/* line 2477, Sass/styles.scss */
:focus:-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out;
}

/* line 2483, Sass/styles.scss */
.editor-label input:hover {
    outline: none;
    border-color: #AAA;
}

/* line 2487, Sass/styles.scss */
.editor-label input:focus {
    outline: none;
    border-color: #888;
}

/* line 2494, Sass/styles.scss */
.editor-field input + i.fa {
    color: #fff;
    font-size: 1em;
    position: absolute;
    /*margin-top: -27px;
    margin-top: 14px\0;*/
    margin-top:12px;
    left: 52px\0;
    opacity: 0;
    left: 80px;
    transition: all 0.1s ease-in;
}
    /* line 2505, Sass/styles.scss */
    .editor-field input + i.fa.fa-key {
        /*margin-top: -37px;
        margin-top: 14px\0;*/
        margin-top:12px
    }
/* line 2509, Sass/styles.scss */
.editor-field input:focus {
    outline: none;
    color: #444;
    border-color: #2196f3;
    border-left-width: 35px;
}
    /* line 2510, Sass/styles.scss */
    .editor-field input:focus + i.fa {
        opacity: 1;
        left: 50px;
        transition: all 0.25s ease-out;
    }
/*FIREFOX CSS*/
    @-moz-document url-prefix() {
    input#toggle + label {
       margin: -22px 0 0 0;
    }
}

@-moz-document url-prefix() {
    /* line 2525, Sass/styles.scss */
    .editor-field input + i.fa.fa-key

{
    margin-top: 16px;
}

/* line 2528, Sass/styles.scss */
.editor-field input + i.fa {
    margin-top: 15px;
}

}

/* line 2533, Sass/styles.scss */
.sharepdfscrolldiv {
    max-height: 112px;
    width: 100%;
    overflow: auto;
    border: 1px solid #cccccc;
    padding-left: 5px;
}

/* line 2540, Sass/styles.scss */
.navbar-nav > .tasks-menu > .dropdown-menu {
    width: 150px;
}

/* line 2543, Sass/styles.scss */
.link_btn {
    text-decoration: underline;
    line-height: 35px;
    margin-right: 20px;
}

/* line 2548, Sass/styles.scss */
#control-sidebar-bg .demo2 li {
    height: 210px;
    overflow: auto;
}

/* line 2553, Sass/styles.scss */
.reportspolicy_type {
    border: 1px solid #c8c8c8;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 3px;
}

/* line 2559, Sass/styles.scss */
.btn.piechart_showall {
    padding: 4px 7px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 9px 0px 0px 0px;
}

/* line 2566, Sass/styles.scss */
.reportsPieChartAllDivs {
    width: 50%;
    float: left;
    position: relative;
    z-index: 10;
}

/* line 2573, Sass/styles.scss */
.insightreports.reportsPieChartAllDivs {
    height: 120px;
    overflow: auto;
    width:100%;
}

/* line 2577, Sass/styles.scss */
.reportspolicy_type svg.mypiechart {
    display: block;
    height: 280px;
    width: 250px;
    margin: 10px 32px 0 0px;
}

/* line 2583, Sass/styles.scss */
.graphicalreportview {
    min-height: 350px !important;
    max-height: 360px !important;
    margin-bottom: 0;
}

/* line 2588, Sass/styles.scss */
.reportsgraphicaldiv .box-body {
    padding: 0 !important;
}

/* line 2591, Sass/styles.scss */
.graphicalreportview svg.mypiechart {
    margin: 0px 2px 0px 0px;
}

/* line 2594, Sass/styles.scss */
.reportsgraphicaldiv {
    max-height: 490px !important;
}

/* line 2597, Sass/styles.scss */
.ststicgrapharea {
    height: 426px;
}

/* line 2602, Sass/styles.scss */
.radiobtn label {
    width: 140px;
    border-radius: 3px;
    border: 1px solid #d1d3d4;
}

/* hide input */
/* line 2609, Sass/styles.scss */
input.radio:empty {
    margin-left: -99999px;
}

    /* style label */
    /* line 2614, Sass/styles.scss */
    input.radio:empty ~ label {
        position: relative;
        float: left;
        line-height: 2.5em;
        text-indent: 3.25em;
        margin-bottom: 10px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* line 2627, Sass/styles.scss */
        input.radio:empty ~ label:before {
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            content: '';
            width: 2.5em;
            background: #D1D3D4;
            border-radius: 3px 0 0 3px;
        }

/* toggle hover */
/* line 2640, Sass/styles.scss */
input.radio:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2;
}

/* line 2646, Sass/styles.scss */
input.radio:hover:not(:checked) ~ label {
    color: #888;
}

/* toggle on */
/* line 2651, Sass/styles.scss */
input.radio:checked ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: #4baed0;
}

/* line 2659, Sass/styles.scss */
input.radio:checked ~ label {
    color: #777;
}

/* line 2663, Sass/styles.scss */
.keyword-sraechradiobtns {
    position: absolute;
    z-index: 9;
    right: 180px;
    margin: -21px 0 0 10px;
}

/* line 2670, Sass/styles.scss */
.expandsidebar .keyword-sraechradiobtns {
    right: 430px;
}

/* line 2673, Sass/styles.scss */
.company_dyn_logo {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 5px;
}

/* line 2678, Sass/styles.scss */
.imageWrapper {
    position: relative;
    width: 150px;
    height: 100px;
}
    /* line 2683, Sass/styles.scss */
    .imageWrapper img {
        display: block;
    }
    /* line 2686, Sass/styles.scss */
    .imageWrapper .cornerLink {
        opacity: 0;
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        padding: 2px 0px;
        color: #ffffff;
        background: #000000;
        text-decoration: none;
        text-align: center;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
        margin: 0 0 0 16px;
        border-radius: 5px;
        width: 150px;
    }
    /* line 2706, Sass/styles.scss */
    .imageWrapper:hover .cornerLink {
        opacity: 0.8;
    }

/* line 2711, Sass/styles.scss */
.cornerLink.glyphicon-trash:before {
    content: "\e020";
    top: 39px;
    position: absolute;
    font-size: 28px;
    left: 60px;
}

/* line 2718, Sass/styles.scss */
.expandsidebar .buttonsforsearch a {
    display: inline-block;
}

/* line 2721, Sass/styles.scss */
.marginright0 {
    margin-right: 0px !important;
}

/* line 2724, Sass/styles.scss */
.contentresultsmarginright {
    margin-right: 18px;
}

/* line 2727, Sass/styles.scss */
.discussionmaincommentsarea {
    max-height: 150px;
    overflow: auto;
    overflow-x: hidden;
    padding: 10px;
    margin-bottom: 10px;
}

/* line 2735, Sass/styles.scss */
.variationdiv {
    width: 100%;
    float: left;
}
    /* line 2740, Sass/styles.scss */
    .variationdiv .dropdown-toggle h4 {
        border-bottom: 1px solid #cccccc;
    }

/* line 2745, Sass/styles.scss */
.fullborder {
    border: 1px solid #cccccc !important;
}

/* line 2748, Sass/styles.scss */
.fontsize12 {
    font-size: 12px;
}

/* line 2751, Sass/styles.scss */
.k-link:not(.k-state-disabled):hover > .k-i-arrow-e, .k-state-hover > .k-i-arrow-e, .k-state-hover > * > .k-i-arrow-e, .k-button:not(.k-state-disabled):hover .k-i-arrow-e, .k-textbox:hover .k-i-arrow-e, .k-button:active .k-i-arrow-e {
    margin: 5px 0 0 0 !important;
}

/* line 2755, Sass/styles.scss */
.k-grid .k-pager-numbers .k-link:hover, .k-grid .k-link.k-pager-nav:hover {
    background-color: white !important;
    border-color: #cccccc;
}

/* line 2759, Sass/styles.scss */


/* line 2762, Sass/styles.scss */
.modal-header .close {
    font-size: 30px;
}

/* line 2765, Sass/styles.scss */
.marginbotton0 {
    margin-bottom: 0px;
}

/* line 2769, Sass/styles.scss */
.metadatspan {
    margin-right: 70px;
}

/* Search Style 
#search_main {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;

		input[type="search"] {
			position: absolute;
			top: 20%;
			left: 0;
			height: 50px;
			width: 60%;
			margin-left: 20%;
			color: rgb(255, 255, 255);
  			background: transparent;
  			border:$greyborder;
			font-size: 28px;
			border-radius:50px;
			font-weight: 300;
			text-align: center;
			outline: none;
  			padding: 10px;
	}
	  .close {
			position: fixed;
			right: 15px;
			opacity: 1;
			font-size: 27px;
  			color: #fff;
				&:hover{
			  color: #4BAED0;
			  cursor: pointer;
			   text-shadow: none;
		}
	}
		&.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 9999;
    display: block;
}
}*/
/* line 2833, Sass/styles.scss */
.userautoscrolling {
    height: 50px;
    overflow: auto;
}

/* line 2837, Sass/styles.scss */
.contentiframe {
    width: 100%;
    border: 1px solid #cccccc;
    height: 500px;
}

/* line 2842, Sass/styles.scss */
.linkscrowldiv {
    max-height: 120px;
    overflow: auto;
    border: 0px solid #cccccc;
    padding: 5px;
}

/* line 2849, Sass/styles.scss */
.indicationmsg span {
    width: 15px;
    height: 15px;
    background: #FFFF00;
    border-radius: 50px;
    border: 1px solid #cccccc;
}
/* line 2856, Sass/styles.scss */
.indicationmsg label {
    line-height: 15px;
}

/*STYLES FOR RIBBON*/
/* line 2861, Sass/styles.scss */
.ribbon {
    display: inline-block;
    width: 48%;
    height: auto;
    position: relative;
    float: right;
    margin: -20px -20px 30px 0px;
    background-size: cover;
    color: white;
}

    /* line 2871, Sass/styles.scss */
    .ribbon:nth-child(even) {
        margin-right: 4%;
    }

@media (max-width: 500px) {
    /* line 2873, Sass/styles.scss */
    .ribbon {
        width: 100%;
    }
}
/* line 2875, Sass/styles.scss */
.ribbon1 {
    position: absolute;
    top: -6px;
    right: 10px;
}

    /* line 2880, Sass/styles.scss */
    .ribbon1:after {
        position: absolute;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 37px solid transparent;
        border-right: 53px solid transparent;
        border-top: 10px solid #4CAF50;
    }

    /* line 2890, Sass/styles.scss */
    .ribbon1 span {
        position: relative;
        display: inline-block;
        text-align: center;
        background: #4CAF50;
        font-size: 12px;
        line-height: 1;
        padding: 12px 8px 10px;
        border-top-right-radius: 8px;
        width: 90px;
    }

        /* line 2901, Sass/styles.scss */
        .ribbon1 span:before, .ribbon1 span:after {
            position: absolute;
            content: "";
            display: block;
        }

        /* line 2906, Sass/styles.scss */
        .ribbon1 span:before {
            background: #035807;
            height: 6px;
            width: 6px;
            left: -6px;
            top: 0;
        }

        /* line 2913, Sass/styles.scss */
        .ribbon1 span:after {
            background: #0b8010;
            height: 6px;
            width: 8px;
            border-radius: 8px 8px 0 0;
            left: -8px;
            top: 0;
        }

/* line 2921, Sass/styles.scss */
.distributionloading_img {
    position: absolute;
    margin: 30px 0 0 470px;
}

/* line 2925, Sass/styles.scss */
.piechartreport {
    box-shadow: 0 0 3px rgba(16, 16, 16, 0.25);
    margin: 0px 5px 20px 7px;
    padding: 12px;
    width: 95%;
    overflow: hidden;
}

/* line 2932, Sass/styles.scss */
.insights_leftcircle {
    margin-right: 6px;
    max-width: 47%;
}

/* line 2936, Sass/styles.scss */
.insights_rightchart {
    width: 45%;
    margin: 0px 0 0 20px;
}

/* line 2940, Sass/styles.scss */
.chartinfo {
    margin: 5px;
    padding: 3px;
    width: 97%;
}

/* line 2946, Sass/styles.scss */
.totalinsightsdiv {
    width: 130px;
    position: relative;
    margin: -182px 0 0 54px;
    text-align: center;
}
    /* line 2952, Sass/styles.scss */
    .totalinsightsdiv .title {
        font-size: 12px;
    }
    /* line 2955, Sass/styles.scss */
    .totalinsightsdiv .count {
        font-size: 29px;
        position: relative;
    }

/* line 2960, Sass/styles.scss */
.main_chart {
    width: 100%;
    height: 280px;
}

/* line 2964, Sass/styles.scss */
.chartfillheight {
    height: 15px;
}

/* line 2967, Sass/styles.scss */
.leftmarginreports {
    margin-left: 24px;
}

/* line 2971, Sass/styles.scss */
.synopsisheader_reports h3 {
    background-color: #0C375B;
    border-left: 4px solid #F6CC00;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    max-width: 195px;
    padding: 0 5px;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    margin: 13px 0 0 7px;
}
    /* line 2986, Sass/styles.scss */
    .synopsisheader_reports h3:after {
        border-bottom: 13px solid #0C375B;
        border-right: 13px solid rgba(0, 0, 0, 0);
        border-top: 13px solid #0C375B;
        content: "";
        height: 0;
        position: absolute;
        right: -13px;
        top: 0;
        width: 0;
    }

/* line 2999, Sass/styles.scss */
.extratopmargin {
    margin-left: 23px !important;
}

/* line 3003, Sass/styles.scss */
span.k-widget {
    border: 0 !important;
}

/* line 3008, Sass/styles.scss */
.sidebar-collapse .sidebar-toggle:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 15px;
}

/* line 3013, Sass/styles.scss */
.k-grid td {
    font-size: 13px;
    line-height: 19px;
}
    /*.k-grid td * {
         font-size: 13px !important;
    }*/
    .k-grid td.has-tooltip{
        overflow:visible;
    }
/* line 3018, Sass/styles.scss */
.marketspopup ul {
    margin: 0px;
    padding: 0px;
}
    /* line 3021, Sass/styles.scss */
    .marketspopup ul li {
        list-style-position: inside;
        list-style-type: none;
    }

/* line 3027, Sass/styles.scss */
.tabbable ul li {
    list-style-position: inside;
}

/* line 3031, Sass/styles.scss */
#InsertLink1 .form-group input, #InsertLink .form-group input {
    margin-right: 20px !important;
}

/* line 3038, Sass/styles.scss */
#InsertTable, #InsertLink, #InsertImage, #InsertLink1, #InsertLink, #InsertImage1, #InsertTable {
    z-index: 99999;
}

/* line 3041, Sass/styles.scss */
.modal-header h3 {
    margin: 0px;
}

/* line 3044, Sass/styles.scss */
.discussionboarddiv {
    position: fixed;
    float: right;
    width: 40px;
    height: 108px;
    background: #ccc;
    top: 56px;
    right: -40px;
}
    /* line 3052, Sass/styles.scss */
    .discussionboarddiv a {
        color: #676767;
        border-bottom: 1px solid #9e9e9e;
        width: 100%;
        float: left;
        text-align: center;
        padding: 10px;
    }
        /* line 3059, Sass/styles.scss */
        .discussionboarddiv a:hover {
            color: #000;
        }

/* line 3064, Sass/styles.scss */
.fa-shopping-bag:before {
    content: "\f290";
    font-family: FontAwesome;
    font-size: 17px;
}

/* line 3070, Sass/styles.scss */
.indicationmsgsearch span {
    width: 12px;
    height: 12px;
    margin-top: 5px;
    background: #269AC1;
    border-radius: 50px;
    border: 1px solid #cccccc;
}
/* line 3078, Sass/styles.scss */
.indicationmsgsearch label {
    font-weight: normal;
}

/* line 3084, Sass/styles.scss */
.indicationmsgSearched span {
    width: 12px;
    height: 12px;
    margin-top: 5px;
    background: #2f3d5c;
    border-radius: 50px;
    border: 1px solid #cccccc;
}
/* line 3092, Sass/styles.scss */
.indicationmsgSearched label {
    font-weight: normal;
}

/* line 3097, Sass/styles.scss */
.tags > div.TabRegionNameNew {
    background: #2f3d5c;
    color: #fff;
}

    /* line 3101, Sass/styles.scss */
    .tags > div.TabRegionNameNew::after {
        border-left: 10px solid #2f3d5c;
    }

/* line 3104, Sass/styles.scss */
.tags > div.TabSubRegionNameNew {
    background: #2f3d5c;
    color: #fff;
}
    /* line 3107, Sass/styles.scss */
    .tags > div.TabSubRegionNameNew:after {
        border-left: 10px solid #2f3d5c;
    }
    /* line 3112, Sass/styles.scss */
    .tags > div.TabSubRegionNameNew a i:before {
        color: white !important;
    }

/* line 3118, Sass/styles.scss */
.datamargin {
    margin: -29px 130px 10px 0;
}

/* line 3121, Sass/styles.scss */
a.active {
    text-decoration: underline;
    font-weight: bold;
}

/* line 3125, Sass/styles.scss */
.modal-header {
    padding: 8px;
}

/* line 3128, Sass/styles.scss */
.customizetooltip {
    position: absolute;
    right: 10px;
    z-index: 999;
    margin-top: 10px;
    background: #d4d4d4;
    width: 170px;
    padding: 10px;
    border-radius: 5px;
}
    /* line 3138, Sass/styles.scss */
    .customizetooltip:before {
        content: '';
        top: -10px;
        left: 59px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #d4d4d4;
        position: absolute;
    }

/* line 3148, Sass/styles.scss */
.statusdiv {
    position: absolute;
    right: 0;
    margin: -54px 10px 0px 0px;
}

/* line 3153, Sass/styles.scss */
.lblpartial {
    font-size: 14px;
    font-weight: normal;
    color: #f3990b;
}

/* line 3158, Sass/styles.scss */
.topheadergrid {
    width: 100%;
    background-color: #eaeaea;
    line-height: 35px;
    height: 35px;
    border: 1px solid #dadada;
    border-bottom: 0;
}

.InsDetailsMarkets {
    color: #4BAED0;
    padding-bottom: 5px;
    margin-top: 0px;
    width: 100%;
    font-weight: normal;
    font-size: 18px;
    margin: 14px 0 8px 0;
}

.sourceslist li {
    list-style-type: none;
    width: 30%;
    background: #f8f8f8;
    float: left;
    border: 1px solid #eee;
    padding: 10px;
    margin: 0 0 0 10px;
    text-align: center;
    height: 180px;
    font-weight: 200;
    cursor: pointer;
    -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;
}

    .sourceslist li p {
        padding: 10px 0 0;
    }

    .sourceslist li:hover {
        -webkit-animation: pulse 0.3s ease-in-out;
        animation: pulse 0.3s ease-in-out;
        -moz-animation: pulse 0.3s ease-in-out;
    }
/* line 3166, Sass/styles.scss */
.customizetooltipTitle {
    position: absolute;
    z-index: 999;
    margin-top: 10px;
    box-shadow: #e2e2e2 3px 3px 10px;
    border: 1px solid #ccc;
    background: white;
    padding: 5px;
    color: #999;
    width: 150px;
}
    /* line 3177, Sass/styles.scss */
    .customizetooltipTitle:before {
        content: '';
        top: -10px;
        left: 59px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ccc;
        position: absolute;
    }
    /* line 3186, Sass/styles.scss */
    .customizetooltipTitle a {
        width: 100%;
        font-size: 13px;
        font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
        color: #999;
        display: inline-block;
        padding: 2px;
    }
        /* line 3193, Sass/styles.scss */
        .customizetooltipTitle a:hover {
            background: #17aee0;
            color: #fff;
            text-decoration: none;
        }
    /* line 3199, Sass/styles.scss */
    .customizetooltipTitle .headingdropdown {
        border-bottom: 1px solid #cccccc;
        width: 100%;
        color: #414141;
        font-size: 13px;
    }

.btn.piechart_showall.reportsbtn {
    border-radius: 0px 0px 0px 10px;
    top: -4px;
    bottom: inherit;
}

.reportlegenddiv {
    width: 40%;
    margin: 50px 0 0 10px;
}
.pdfresults {
    color: #fff;
}

    .pdfresults .fa.fa-check-circle-o {
        font-size: 34px;
        color: #fff;
    }

    .pdfresults p {
        color: #fff;
        font-size: 13px !important;
        line-height: 18px !important;
    }

        .pdfresults p a {
            color: #000;
        }

    .pdfresults .box.callout .btn-box-tool {
        margin: -8px -50px 0 10px;
    }

.callout.pdfresults {
    padding: 0px 30px 4px 15px;
}

.insifgterrormsg.pdfresults {
    right: 16px;
    top: 190px;
}

.pdfresults .btn {
    margin: -8px -40px 0 10px !important;
}

.totalinscount {
    font-weight: 400;
    color: #f6921e;
}

h2.insightpreview {
    margin: 0px 0 0px 0;
    font-size: 22px;
    color: #428bca;
    font-weight: 600;
    text-align: center;
}

.pagination .btn {
        min-width: 1em !important;
    height: 1.6em !important;
    padding-top: 2px !important;
}
.text-ellipsis {
    width: 100%;
    height: 40px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Requests UI*/

.page-header-filters {
    float:left;
}
.page-header-filters .col-filter {
    text-align: center;
    line-height: 12px;
    width: 78px;
    height: 50px;
    margin-right: 5px;
    border: none;
    border-bottom: 3px solid #ccc;
}

.full-width {
    width: 100%;
    float: left;
    padding: 5px 10px;
    margin: 0px -15px 20px;
  /*  background: #e9edf2;*/
}
.statusmaindiv {
  margin: 0;float:left;width:100%; }

.statusmaindiv .col-filter {
  text-align: center;
  line-height: 12px;
  width: 78px;
  height: 50px;
  margin-right: 5px;
  border: none;
  border-bottom: 3px solid #ccc; }

.statusmaindiv .mini-card-left {
  margin: 0px 0px;
  display: flex;
  cursor: pointer;
  padding: 0px 0px;
  flex-direction: column; }

.statusmaindiv h2 {
  font-size: 18px !important;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  font-weight: 700;
  color: #555;
  margin-top: 5px; }

.statusmaindiv .col-filter span {
  font-size: 11px; }
  .statusmaindiv .col-filter span .heading-display div .add-btn-margin {
    margin-top: 17px !important;
    margin-left: 5px; }

.statusmaindiv .col-filter:first-child {
  border-color: #e98ca9; }

.statusmaindiv .col-filter:first-child.mini-active h2 {
  color: #cd285c; }

.statusmaindiv .col-filter:first-child.mini-active span {
  color: #cd285c; }

.statusmaindiv .col-filter:nth-child(2) {
  border-color: #f4ad73; }

.statusmaindiv .col-filter:nth-child(2).mini-active h2 {
  color: #d66a11; }

.statusmaindiv .col-filter:nth-child(2).mini-active span {
  color: #d66a11; }

.statusmaindiv .col-filter:nth-child(3) {
  border-color: #f2d26f; }

.statusmaindiv .col-filter:nth-child(3).mini-active h2 {
  color: #cea013; }

.statusmaindiv .col-filter:nth-child(3).mini-active span {
  color: #cea013; }

.statusmaindiv .col-filter:nth-child(4) {
  border-color: #8cd708; }

.statusmaindiv .col-filter:nth-child(4).mini-active h2 {
  color: #5c8d05; }

.statusmaindiv .col-filter:nth-child(4).mini-active span {
  color: #5c8d05; }

.statusmaindiv .col-filter:nth-child(5) {
  border-color: #3cd761; }

.statusmaindiv .col-filter:nth-child(5).mini-active h2 {
  color: #197b30; }

.statusmaindiv .col-filter:nth-child(5).mini-active span {
  color: #197b30; }

.statusmaindiv .col-filter:nth-child(6) {
  border-color: #7e8cdc; }

.statusmaindiv .col-filter:nth-child(6).mini-active h2 {
  color: #2f42ab; }

.statusmaindiv .col-filter:nth-child(6).mini-active span {
  color: #2f42ab; }

.statusmaindiv .col-filter:nth-child(7) {
  border-color: #ff8080; }

.statusmaindiv .col-filter:nth-child(7).mini-active h2 {
  color: #ff0000; }

.statusmaindiv .col-filter:nth-child(7).mini-active span {
  color: #ff0000; }

.statusmaindiv .col-filter:nth-child(8) {
  border-color: #7bb6ef; }

.statusmaindiv .col-filter:nth-child(8).mini-active h2 {
  color: #1976d2; }

.statusmaindiv .col-filter:nth-child(8).mini-active span {
  color: #1976d2; }

.statusmaindiv .col-filter:nth-child(9) {
  border-color: #fbb4af; }

.statusmaindiv .col-filter:nth-child(9).mini-active h2 {
  color: #f44336; }

.statusmaindiv .col-filter:nth-child(9).mini-active span {
  color: #f44336; }

.icon-btn a {
    float: left;
    background: #f5f5f5;
    padding: 2px 8px;
    border: 1px solid #ccc;
    color: #555;
    border-radius: 4px;
    margin-left: 6px;
    font-size: 15px;
}
.icon-btn a .fa {
    padding: 0;
}
.margin-lr-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.search-div {
    margin:10px 0;
}

.wrap-content {
    margin: 0 auto !important;
    width: 99% !important;
        -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
}
.k-listview{
  min-height: 410px;
  background: none;
  border: none;
  width: 100%;    border: none;
    box-shadow: none; }
.k-listview .kendo-list-item{
    float: left;
    box-sizing: border-box;
    padding: 0 0.75rem;
    min-height: 1px;
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
}
.k-listview .kendo-list-item .ccds-card {
 float: left;
    position: relative;
    border-radius: 2px;
    padding: 10px 10px 0;
    margin: 10px 0;
    background: #fff;
    box-shadow: 2px 2px 2px #eaeaea;
    border-radius: 5px;
    width: 95%;
}
.statusmaindiv .mini-card-left {
    margin: 0px 5px 0 5px;
    display: flex;
    cursor: pointer;
    padding: 0px 5px;
    flex-direction: column;
}

.statusmaindiv .mini-card-left span {
    font-size: 12px;
    color: #777;
    margin-top: 3px;
}


/* Coments popup */

.taskcomment-btn {
  position: fixed;
  top: 20%;
  right: -30px;
  padding: 10px;
  background: #1976d2;
  color: #fff;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  cursor: pointer;
  }
  .taskcomment-btn:hover, .taskcomment-btn:focus, .taskcomment-btn:active {
    cursor: pointer;
    color: #fff;
    background: #145ca4; }
  .taskcomment-btn.active {
    right: 266px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; }

.tasks-conversations {
  width: 0;
  height: 560px;
  float: left;
  min-height: 455px;
  background: #f2f4f8;
  border: 1px solid #e4e4e4;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  right: 0;
  top: 10%;
  transition: width 0.5s ease-in-out;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out; }
  .tasks-conversations.taskshow {
    width: 300px;
    padding: 10px;
    transition: width 0.5s ease-in-out;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.18); }

.task-conversation-content {
  background: #ffffff;
  padding: 8px 10px;
  border-radius: 3px;
  float: left;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.0902) 0px 2px 6px;
  margin-top: 5px;
  position: relative; }

.task-conversation-footer {
  font-size: 10px;
  margin-top: 5px;
  float: left;
  width: 100%;
  color: #999; }

.task-conversation-comment {
  float: left;
  width: 100%;
  font-size: 13px;    
  padding-top: 18px; }

/* New Styles by Vinod 29.08.2018 */
.main-header .logo {
    background: #333758;
}
.main-header .navbar {
    background-color: #ffffff;
    box-shadow: 1px 1px 4px 1px #c7c7c7;
    -moz-box-shadow: 1px 1px 4px 1px #c7c7c7;
    -webkit-box-shadow: 1px 1px 4px 1px #c7c7c7;
}
.wrapper, .main-sidebar, .left-side {
    background-color: #333758;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    color: #fff;
    background: #2A2C44;
    border-left-color: #008ED3;
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #008ed3;
      background-color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #ffffff;
       color: #333758;
}
.navbar-custom-menu .dropdown.tasks-menu{
    display:none;
}
.skin-blue .main-header .navbar .nav > li > a,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav > li > a:hover {
    color: #fff  !important;
}
.m-0{
    margin:0 !important;
}
.m-t-10 {
    margin-top:10px !important;
}
.m-t-20 {
    margin-top:20px !important;
}
.m-b-10{
    margin-bottom:10px !important;
}
.m-b-20{
    margin-bottom:20px !important;
}
.p-l-0{
    padding-left:0 !important;
}
.p-lr-10{
    padding-left:10px;
    padding-right:10px;
}
.line-30{
    line-height:30px;
}
.line-35{
    line-height:35px;
}
.commonbutton{
    padding: 5px 10px !important;
    text-transform: capitalize !important;
    font-size: 13px !important;
}
.k-pager-wrap.k-grid-pager.k-widget .k-icon.k-i-arrow-e {
    background-position: 0 -16px;
}
.k-pager-wrap.k-grid-pager.k-widget .k-icon.k-i-seek-e {
    background-position: 0 -80px;
}
.k-pager-wrap.k-grid-pager.k-widget .k-icon.k-i-arrow-w {
    background-position: 0 -48px;
}
.k-pager-wrap.k-grid-pager.k-widget .k-icon.k-i-seek-w {
    background-position: 0 -112px;
}
.k-pager-wrap.k-widget .k-icon.k-i-arrow-e {
    background-position: 0 -16px;
}
.k-pager-wrap.k-widget .k-icon.k-i-seek-e {
    background-position: 0 -80px;
}
.k-pager-wrap.k-widget .k-icon.k-i-arrow-w {
    background-position: 0 -48px;
}
.k-pager-wrap.k-widget .k-icon.k-i-seek-w {
    background-position: 0 -112px;
}
.k-pager-sizes .k-dropdown-wrap .k-select{
        line-height: 1em;
}

.form-section {
    padding: 10px 15px;
    float: left;
    width: 100%;
    background: #fbfbfb;
    margin: 0 -10px 10px 0px;
    border: 1px dashed #cccccc;
}
.k-editor-widget .k-i-arrow-s {
    background-position: 0 -34px;
}
.page-content{
        float: left;
    width: 100%;
}
.page-header-filters {
    float: left;
    background: #fff;
        box-shadow: 1px 1px 4px 1px #c7c7c7;
    -moz-box-shadow: 1px 1px 4px 1px #c7c7c7;
    -webkit-box-shadow: 1px 1px 4px 1px #c7c7c7;
}
.search-div input.k-input {
    background: #fafafa;
    border: 1px solid #eee;
}
.search-div .searchbox-dd:after{
        content: "\f002";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
        position: absolute;
    right: 3%;
    top: 22%;
}
.text-date{
    color:#666;
}
.text-duedate{
    color: #ec1c0c;
    font-weight: 500;
}
.status{
font-size: 12px;
    margin: -7px 0 -3px -4px;
    width: 100%;
    color: #fff;
    padding: 2px 5px;
    border-radius: 3px;
    font-weight: 500;
    float: left;
}
.status.Created{
      color: #333;
}

.links-scroll{
    float:left;
    width:100%;
    max-height:130px;
    overflow-y:auto;
}
.k-listview .kendo-list-item .ccds-card{
        margin: 10px 0 0px;
        padding-bottom:10px;
}
.links-scroll .fullwidthcls a label,
.links-scroll .fullwidthcols {
    background: none;
    margin-bottom: 4px;
    padding: 1px 10px;
    font-weight: 400;
    float: left;
   /* width: 100%;*/
}
.links-scroll .fullwidthcls a label:hover,
.links-scroll .fullwidthcols:hover{
    cursor:pointer;
}
.links-scroll .fullwidthcls a label{
    cursor:pointer;
}
.linkscrowldiv .fullwidthcls a label {
      cursor:pointer;
}
table.k-widget.k-editor.k-header.k-editor-widget {
    background: #fff;
}
body{
    height:100vh;
}
.ccds-card .status em {
      width: 0;
    height: 0;
    border-top: 13px solid #e98ca9;
    border-right: 13px solid transparent;
    position: absolute;
    left: 3px;
    top: 3px;
}
.ccds-card .product-name{
    text-transform:uppercase;
    font-size:15px;
    font-weight:600;
}
.ccds-card .product-name a{
    color:#008ed3;
}
.gr-top-z-index.gr-top-zero{
    display:none;
}

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }


[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0; }

[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 25px;
  padding-right: 5px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  -webkit-transition: .28s ease;
  -o-transition: .28s ease;
  transition: .28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

[type=radio] + label:after,
[type=radio] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: .28s ease;
  -o-transition: .28s ease;
  transition: 0.28s ease; }

[type=radio].with-gap:checked + label:after,
[type=radio].with-gap:checked + label:before,
[type=radio]:checked + label:after,
[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:after,
[type=radio]:not(:checked) + label:before {
  border-radius: 50%; }

[type=radio]:not(:checked) + label:after,
[type=radio]:not(:checked) + label:before {
  border: 1px solid #b1b8bb; }

[type=radio]:not(:checked) + label:after {
  z-index: -1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

[type=radio]:checked + label:before {
  border: 2px solid transparent;
  -webkit-animation: ripple 0.2s linear forwards;
  animation: ripple 0.2s linear forwards; }

[type=radio].with-gap:checked + label:after,
[type=radio].with-gap:checked + label:before,
[type=radio]:checked + label:after {
  border: 2px solid #1976d2; }

[type=radio].with-gap:checked + label:after,
[type=radio]:checked + label:after {
  background-color: #1976d2;
  z-index: 0; }

[type=radio]:checked + label:after {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02); }

[type=radio].with-gap:checked + label:after {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5); }

[type=radio].tabbed:focus + label:before {
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-animation: ripple 0.2s linear forwards;
  animation: ripple 0.2s linear forwards; }

[type=radio].with-gap:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, 0.26);
  -webkit-animation: ripple 0.2s linear forwards;
  animation: ripple 0.2s linear forwards; }

[type=radio].with-gap:disabled:checked + label:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.26); }

[type=radio]:disabled:checked + label:before,
[type=radio]:disabled:not(:checked) + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
  -webkit-animation: ripple 0.2s linear forwards;
  animation: ripple 0.2s linear forwards; }

[type=radio]:disabled + label {
  color: rgba(0, 0, 0, 0.26); }

[type=radio]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.26); }

[type=radio]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.26);
  border-color: #adb5bd; }

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0; }

[type=checkbox] + label {
  position: relative;
  padding-left: 25px;
  padding-right: 15px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

[type=checkbox] + label:before,
[type=checkbox]:not(.filled-in) + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  z-index: 0;
  border: 1px solid #b1b8bb;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: 0.2s; }

[type=checkbox]:not(.filled-in) + label:after {
  border: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

[type=checkbox]:not(:checked):disabled + label:before {
  border: none;
  background-color: rgba(0, 0, 0, 0.26); }

[type=checkbox].tabbed:focus + label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1); }

[type=checkbox]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #1976d2;
  border-bottom: 2px solid #1976d2;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type=checkbox]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

[type=checkbox]:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #1976d2;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type=checkbox]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent; }

[type=checkbox].filled-in + label:after {
  border-radius: 2px; }

[type=checkbox].filled-in + label:after,
[type=checkbox].filled-in + label:before {
  content: '';
  left: 0;
  position: absolute;
  -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  -o-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type=checkbox].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type=checkbox].filled-in:not(:checked) + label:after {
  height: 16px;
  width: 16px;
  background-color: transparent;
  border: 1px solid #b1b8bb;
  top: 4px;
  z-index: 0; }

[type=checkbox].filled-in:checked + label:before {
top: 3px;
    left: 0px;
    width: 7px;
    height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type=checkbox].filled-in:checked + label:after {
  top: 4px;
  width: 16px;
  height: 16px;
  border: 2px solid #1976d2;
  background-color: #1976d2;
  z-index: 0; }

[type=checkbox].filled-in.tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #495057;
  background-color: rgba(0, 0, 0, 0.1); }

[type=checkbox].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #1976d2;
  border-color: #1976d2; }

[type=checkbox].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }

[type=checkbox].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #adb5bd; }

[type=checkbox].filled-in:disabled:checked + label:before {
  background-color: transparent; }

[type=checkbox].filled-in:disabled:checked + label:after {
  background-color: #adb5bd;
  border-color: #adb5bd; }

input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever:after,
input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); }

input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever:after,
input[type=checkbox]:not(:disabled) ~ .lever:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }


.w-auto{
    width:auto;
}
/*inline css*/
.countnu {
        /*margin-left: 40px;
        margin-top: 9px;*/
        color: #fff;
        /*border-radius: 90px;
        line-height: 48px;*/
        /*padding: 10px;*/
        font-size: 20px;
    }

.countnu:hover {
    color: #fff;
}
/* end inline css*/



.label-bg-yellow {
    
    color: #FFD700;
    padding: 4px 7px;
    /*font-size: 13px;*/
    font-weight: 600;
}
.label-bg-red{
 
    color: #F55A47;
    padding: 4px 7px;
    /*font-size: 13px;*/
    font-weight: 600;
}
.label-bg-gray{
  
   color: #5D6D7E;
    padding: 4px 7px;
    /*font-size: 13px;*/
    font-weight: 600;
}
.label-bg-green{
   
   color: #27AE60;
    padding: 4px 7px;
    /*font-size: 13px;*/
    font-weight: 600;
}
.label-bg-pink{
   
   color: #ff00ff;
    padding: 4px 7px;
    /*font-size: 13px;*/
    font-weight: 600;
}
.no-scroll{
    overflow:hidden !important;
}
.scroll-y{
    overflow-y:auto !important;
}
.scroll-x{
    overflow-x:auto !important;
}
.ingredients-max-scroll {
    max-height: 325px;
    overflow: auto;
    width: 99%;
}
/*new css*/
.font-weight-500{
        font-weight: 500 !important;
}
.height-67{
    height:67vh !important;
}
.text-color{
    color:#2367ab !important;
}
.bradcoms{
    background: #fff !important;
    box-shadow: 6px 6px 6px rgba(31, 31, 55, 0.05);
}
.bradcoms h5{
    font-size: 17px;
    margin: 5px 0 2px 0;
    color: #303e67;
}
.bradcoms span{
    color:#999;
    font-size: 12px;
}
    .bradcoms span:last-child {
        color: #303e67;
    }

.inputfealds ul input .k-floatwrap:after, .k-slider-items:after, .k-grid-toolbar:after{
    display:none !important;

}


/* width */
/*::-webkit-scrollbar {
  width: 10px;
}*/

/* Track */
::-webkit-scrollbar-track {
  background: #555; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.ststus-brid{
    height: auto;
    width: auto;
    padding: .15rem .75rem;
    border-radius: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.new-ststus-bg span {
    height: auto;
    width: auto;
    padding: .15rem .75rem;
    border-radius: 10px;
}
.border-right{
    border-right: 1px solid #ffffff;
}
.height-map-page{
    height:79vh !important;
}
.rightside-infopannal{
    transform: rotate(-90deg);
   
    right: -49px;
    top: 39%;
    transform: rotate(-90deg);
    z-index: 100;
    background: #384ad7 !important;
    padding: 4px 10px;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    left: auto;
    transition: right .3s ease-in-out;
    -webkit-transition: right .3s ease-in-out;
    -moz-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
    width: auto;
    white-space: nowrap;
}
.height-76vh{
    height:76vh !important;
}
.searchicon-btn{
    margin-top:-3px;height:32px;
    width:30px;background-color:#2196F3;
    border: none;
}
.searchicon-btn i {
    color: #fff;
}
 .k-multiselect .k-multiselect-wrap span.k-icon {
        display: none !important;
    }

    [type=checkbox]:checked, [type=checkbox]:not(:checked) {
        opacity: 1;
        position: relative;
        left: 0;
    }

    .k-i-sort-asc-sm:before {
        content: "\e004";
        position: absolute;
        left: -8px;
        top: 8px;
    }

    .k-i-sort-desc-sm:before {
        content: "\e006";
        position: absolute;
        left: -8px;
        top: 8px;
    }
    /*.k-pager-sizes{
        display:none !important;
    }*/
    .k-nodata {
        display: none !important;
    }

      .chart-dylegends > span {
        float: left;
        clear: left;
        margin-bottom: 10px;
        line-height: 12px;
    }

    /*.chart-dylegends {
        margin-top: -6%;
        max-height: 140px;
        overflow-y: auto;
        width: 28%;
        position: relative;
        z-index: 10000;
    }*/
    .customChart-dylegends{
        margin-top: 100px !important;
        padding-left: 35px;
    }

    .k-floatwrap:after, .k-slider-items:after, .k-grid-toolbar:after {
        display: none !important;
    }

    .form-control.k-widget.k-multiselect .k-multiselect-wrap input.k-input {
        height: 10px !important;
    }

    #CountrylistPOP {
        position: fixed;
        top: 30% !important;
        left: 10%;
    }

    #NotifyPOP {
        position: fixed;
        top: 30% !important;
        left: 10%;
    }

    #Popup_AllRegulatoryStatus {
        /*position: fixed;*/
        top: 10% !important;
        /*left: 10%;*/
    }

    #Popup_RegDesc {
        position: fixed;
        top: 30% !important;
        left: 10%;
        z-index: 999999;
    }
    #Popup_ChemRegDesc {
        position: fixed;
        top: 30% !important;
        left: 10%;
        z-index: 999999;
    }

.k-webkit .k-picker-wrap:before {
    height: 2.15em !important;
}