.MLMainBack {
    /*background-image: url('/images/ML_top_back_wlogo.png');*/
    background-image: url('/images/ML_top_back.png');
    background-size: initial;
    background-repeat: no-repeat;
    /*background-position: right;*/
    height: 160px;
}

.CQBottomBtnsNav {
    width: 98%;
    position: fixed;
    bottom: 25px;
    left: 1%;
    z-index: 100;
    border: 2px #CCC solid;
    background-color: #666;
}

.asc_div_Products {
    margin-top: 100px;
    display: block;
}

.btn_tech_prod, .btn_export_pdf, .a_saveProduct {
    width: auto;
    height: 35px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    word-wrap: break-word;
    overflow: hidden;
    margin: 5px;
    text-wrap-mode: wrap;
    padding:5px;
}

.colflex-container {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.colflex {
    flex: 0 0 calc(100% / var(--columns));
    max-width: calc(100% / var(--columns));
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

.border1B {
    border-bottom: 1px solid #CCC;
}

.border1R {
    border-right: 1px solid #CCC;
}

.fittext {
    white-space: nowrap; /* Prevent wrapping inside the element */
    overflow: hidden; /* Hide overflow text */
    text-overflow: ellipsis; /* Add ellipsis (...) to truncated text */
    display: inline-block; /* Allow elements to fit side by side */
    vertical-align: top; /* Align elements vertically in a row */
    text-align: center; /* Optional: Center-align the text */
}


/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) {
    .asc_div_Products {
        margin-top: 20px;
    }

    .colflex-container {
        --columns: 1 !important;
    }

    .TopNavCompanyName {
        display: none;
    }

    ._baseBreadCrumbs {
        display: none;
    }

    .asc_div_TrackerName {
        position: inherit !important;
    }

    .btn_export_pdf {
        position: inherit !important;
        transform: translate(0%, 0%);
    }

    .adminButtonsCQ {
        width: 100% !important;
    }

    .CQBottomBtnsNav {
        position: inherit !important;
    }

    .btn_tech_prod, .btn_export_pdf, .a_saveProduct {
        width: 23%;
        height: 75px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        word-wrap: break-word;
        overflow: hidden;
        margin: 1%;
        text-wrap-mode: wrap;
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }

    /* No media query since this is the default in Bootstrap */
    .bodytopindicator::before {
        content: "xs - Extra small devices (phones, less than 768px)";
    }

    .MLMainBack {
        width: 100%;
        display: table;
        height: auto !important;
    }

    .navbar-fixed-top {
        position: relative;
    }

    .navbar-nav > li > a {
        padding: 5px 5px;
        margin-right: 5px;
    }

    .divModuleProfile {
        display: inline-flex;
        position: relative;
        float: right;
    }

        .divModuleProfile .nav {
            margin: 0px;
        }

    .navbar-default {
        background-color: #2B3D4C;
        border-color: #2f404e;
        border-left: 1px solid #4a6f93;
    }
}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .bodytopindicator::before {
        content: "sm - Small devices (tablets, 768px and up)";
    }

    .MLMainBack {
        width: 100%;
        display: table;
    }

    .navbar-fixed-top {
        position: relative;
    }

    .navbar-nav {
        float: unset;
    }

        .navbar-nav > li > a {
            padding: 5px 5px;
            margin-right: 5px;
        }

    .divModuleProfile {
        display: inline-flex;
        position: relative;
        float: right;
    }

        .divModuleProfile .nav {
            margin: 0px;
        }

    .navbar-default {
        background-color: #2B3D4C;
        border-color: #2f404e;
        border-left: 1px solid #4a6f93;
    }
}
/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .bodytopindicator::before {
        content: "md - Medium devices (desktops, 992px and up)";
    }

    .MLMainBack {
        width: 100%;
        display: table;
    }

    .navbar-fixed-top {
        position: relative;
    }

    .navbar-nav {
        float: unset;
    }

        .navbar-nav > li > a {
            padding: 5px 5px;
            margin-right: 5px;
        }

    .divModuleProfile {
        white-space: nowrap;
    }

        .divModuleProfile .nav {
            margin: 0px;
        }

        .divModuleProfile .navbar-nav {
            float: right;
        }

    .navbar-default {
        background-color: #2B3D4C;
        border-color: #2f404e;
        border-left: 1px solid #4a6f93;
    }
}
/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .bodytopindicator::before {
        content: "lg - Large devices (large desktops, 1200px and up)";
    }

    .navbar-fixed-top {
        position: relative;
    }

    body {
        padding-top: 160px;
    }

    .divModuleProfile {
        white-space: nowrap;
    }

        .divModuleProfile .nav {
            margin: 0px;
        }

        .divModuleProfile .navbar-nav {
            float: right;
        }

    .navbar-default {
        background-color: rgba(255,255,255,0);
        border-color: #2f404e;
        border-left: 1px solid #4a6f93;
    }
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/*=============================================================================================
===============================================================================================
===============================================================================================
===============================================================================================
=============================================================================================*/

.navbar-brand {
    height: 110px;
    padding: 10px 10px;
}

    .navbar-brand img {
        height: 100%;
    }

.top_logo {
    padding-left: 10px;
}

.top_logo_micert {
    height: 80px;
}

.top_logo_ml {
    height: 110px;
}

.div-center-block {
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #2f404e !important;
    /*background-color: transparent;*/
    background-color: #d0e1f3 !important;
}

.navbar-default .navbar-nav > .active1 > a,
.navbar-default .navbar-nav > .active1 > a:hover,
.navbar-default .navbar-nav > .active1 > a:focus {
    color: #2f404e !important;
    background-color: #d0e1f3 !important;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited {
    background-color: #2f404e;
    color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.dropdown-menu li {
    background-color: #FFF;
}

.whiteback {
    background-color: #FFF;
}

.zindex1000 {
    z-index: 1000;
}

.bodytopindicator {
    background-color: #2f404e;
    color: #FFF;
    position: fixed;
    top: 5px;
    left: 15px;
    z-index: 1040;
    font-size: xx-small;
}

    .bodytopindicator::before {
        font-size: xx-small;
        color: #FFF;
    }

.breadcrumb {
    margin-top: 7px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.padTop15 {
    padding-top: 15px;
}

.padTop15i {
    padding-top: 15px !important;
}

.ul-border-right > li {
    border-right: 1px solid #2f404e;
}

.border-top {
    border-top: 1px solid #2f404e;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-left: 1px solid #2f404e !important;
}

.navbar-fixed-top {
    /*border-bottom: 1px solid #C7C7C7 !Important;*/
    border-bottom: 0px !Important;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,.15), 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0 rgba(255,255,255,.15), 0 0px 0px rgba(0,0,0,.075);
}

#advanced_search {
    display: none !important;
}

#advanced_options {
    display: none !important;
}

#search {
    display: none !important;
}


.color_MiCOM_Blue {
    color: #69AAE4 !important;
}

.color_Strap_Grey {
    color: #75787B !important;
}

.color_Cert_Dk_Blue {
    color: #2B3D4C !important;
}

.color_Cert_Grey {
    color: #93A5A2 !important;
}

.color_Cert_Yellow {
    color: #F9DB94 !important;
}

.color_MiCOM_Blue_Back {
    background-color: #69AAE4 !important;
}

.vMiddle, .vMiddle td {
    vertical-align: middle !important;
}

.verticalWrite {
    /*transform: rotate(-90deg);
    white-space: nowrap;*/
    width: 50px;
}

.color_Strap_Grey_Back {
    background-image: -webkit-linear-gradient(top,#75787B 0,#75787B 100%) !important;
    background-image: -o-linear-gradient(top,#75787B 0,#75787B 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#75787B),to(#75787B)) !important;
    background-image: linear-gradient(to bottom,#75787B 0,#75787B 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75787B', endColorstr='#ff75787B', GradientType=0) !important;
    background-color: #75787B !important;
}

.color_Cert_Dk_Blue_Back {
    background-color: #2B3D4C !important;
}

.color_Cert_Grey_Back {
    background-image: -webkit-linear-gradient(top,#93A5A2 0,#93A5A2 100%) !important;
    background-image: -o-linear-gradient(top,#93A5A2 0,#93A5A2 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#93A5A2),to(#93A5A2)) !important;
    background-image: linear-gradient(to bottom,#93A5A2 0,#93A5A2 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff93A5A2', endColorstr='#ff93A5A2', GradientType=0) !important;
    background-color: #93A5A2 !important;
}

.color_Cert_Yellow_Back {
    background-color: #F9DB94 !important;
}

.backflag {
    background-position: left center !important;
    padding-left: 35px !important;
}

/*MiComms Begin===============================*/

.lblFeedCount {
    color: #000;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    display: block;
}

    .lblFeedCount a {
        white-space: normal;
    }

.UDiv {
}

.UDivHeader {
    padding-bottom: 15px;
}

.UCountry {
    text-align: right;
    margin-top: -10px;
    margin-right: -15px;
}

    .UCountry .label {
        display: inline-block;
        margin-bottom: 5px;
        border: 1px solid #337ab7;
    }

.UType {
}
/*MiComms End===============================*/

.SO_Item_RTI {
    border: 1px solid #66FF66;
}

    .SO_Item_RTI td {
        background-image: linear-gradient(#CCFFCC, #EEFFEE 100%);
        background-color: #EEFFEE;
    }

.SO_Item_Cancelled {
    border: 1px solid #FFFF66;
}

    .SO_Item_Cancelled td {
        background-image: linear-gradient(#FFFFCC, #FFFFEE 100%);
        background-color: #FFFFEE;
    }

.marked4Delete {
    border: 1px solid red;
}

    .marked4Delete td {
        background-image: linear-gradient(#FFCCCC, #FF6666 100%);
        background-color: #FFCCCC;
    }

        .marked4Delete td input, .marked4Delete td textarea, .marked4Delete td select, .marked4Delete td .select2-selection__choice, .marked4Delete td .select2-selection__rendered {
            /*text-decoration: line-through;*/
            background-image: linear-gradient(transparent 10px,#cc1f1f 10px,#cc1f1f 13px,transparent 13px);
            background-color: #FFDDDD;
            /*display:none;*/
        }

.clslt {
    /*position: fixed;
    bottom: 170px;
    left: -31px;
    font-size: 1em;
    padding: 5px;
    width: 100px;
    z-index: 1;
    transform: rotate(-90deg);*/
    position: fixed;
    bottom: 0px;
    left: 120px;
    font-size: xx-small;
    padding: 2px;
    z-index: 1;
}



.colorFFF {
    color: #FFF !important;
}

.color000 {
    color: #000 !important;
}

.height40 {
    height: 40px;
}

.minheight50i {
    min-height: 50px !important;
    /*height: 50px;*/
}

.trheight50, .trheight50 td {
    height: 50px !important;
    vertical-align: middle !important;
}

.trheight60, .trheight60 td {
    height: 60px !important;
    vertical-align: middle !important;
}

.minheight40 {
    min-height: 40px !important;
}


textarea {
    height: auto;
}

.spaceColEven {
    display: inline-grid;
    margin-right: 1%;
}

.spaceColEvenWiz {
    display: inline-block;
    margin-right: 1%;
}

.srch {
    padding: 0px !Important;
    margin: 0px !Important;
    background-color: #5cb85c;
    display: inline;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.prevSelTest {
    /*border: 2px solid #419641 !important;*/
    color: #003300;
    font-weight: bold;
}

.SystemTabs {
    float: right;
}

    .SystemTabs ul {
        float: right;
    }

@media (min-width: 768px) {
    .mainContents {
        /*padding-top: 100px;*/
    }

    .navbar-fixed-top {
        position: relative;
    }
}

@media (min-width: 992px) {
    .mainContents {
        /*padding-top: 50px;*/
    }

    .navbar-fixed-top {
        position: relative;
    }
}

@media (min-width: 1200px) {
    .mainContents {
        /*padding-top: 5px;*/
    }

    .navbar-fixed-top {
        position: fixed;
    }
}

ul.menuDashList {
    padding-inline-start: 0px !important;
}

.menuDashList li {
    list-style-type: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #CCC;
    padding: 0px !important;
    margin: 5px 0px;
}

    .menuDashList li a {
        width: 100% !important;
        background-color: transparent;
        background-image: none;
        border: 0px;
        height: 40px;
        padding: 8px 0px !important;
    }

tr.borderaround:last-child {
    border-bottom: 2px solid #999;
}

tr.borderaround:first-child {
    border-top: 2px solid #999;
}


.blink_me {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        color: #FFF;
    }
}

.CurrencyRMB {
    background-color: #d0e1f3;
    color: #000000;
    padding: 2px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #9acfea;
}

.CheckBox16, .CheckBox16 input {
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 0px;
}

.pleaseWait {
    background-image: url('/images/wait_ml_spinner.svg');
    background-size: initial;
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

.divWorkingGif {
    /*background-image: url('/images/wait_bar.gif');
    background-size:contain;
    background-repeat:no-repeat;*/
    animation: blinker 2s linear infinite;
}

.divWorking {
    background-color: #FFFFCC;
    color: #000;
    font-size: medium;
    position: fixed;
    padding: 5px;
}

.background_blue,
.background_ReviewWIP,
.background_AdminUpload,
.background_AddReview {
    background: #B8E2EF;
}

.background_blue_i {
    background: #B8E2EF !important;
}

.background_ReviewCheck {
    background: #4B0082;
    color: #FFF;
}

.text-purple {
    color: #4B0082;
}

.background_purple,
.background_DocChecking,
.background_Regulator {
    background: #F0C4F0;
}

.background_purple_i {
    background: #F0C4F0 !important;
}

.background_RegPushBack {
    background: #f7d7f7;
    color: #900;
}

.background_lightGreen,
.background_DocChecking {
    background: #e8ffaf;
    color: #000;
}

.background_yellow,
.background_DocPending {
    background: #FFFFAA !important;
}

.background_yellow2,
.background_DocIncomplete {
    background: #FFB27F;
}

.background_darkyellow,
.background_ClientApproval {
    background: #CCCC33;
}

.background-green,
.background_green,
.background_CertificationWIP {
    background: #A4F0B7;
}

.background-green-i {
    background: #A4F0B7 !important;
}

select.background_green_ddl {
    background: #A4F0B7;
    color: #000;
}

    select.background_green_ddl > option {
        background: #FFF;
        color: #000;
    }

.background_gray,
.background_Certified {
    background: #EEEEEE;
    border-color: #999999;
    color: #333333;
    font-weight: bold;
}

.background_gray_2 {
    background: #EEEEEE;
    border-color: #999999;
    color: #333333;
}

.background_red,
.background_Decliend {
    background: #FFA8A8;
}

.table.table-relative td {
    position: relative;
}

table.table-midddle td {
    vertical-align: middle;
}

.PL_input {
    color: #000;
    font-weight: bold;
    text-align: center;
}

.colval3 {
    padding: 0px !important;
}

.width50px {
    width: 50px;
    display: inline-block;
}

.width50p {
    width: 50%;
}

.width45p {
    width: 45% !important;
}

.width50p_i {
    width: 50% !important;
}

.width49p_i {
    width: 49% !important;
}

.width45p_i {
    width: 45% !important;
    display: inherit !important;
}

.selResultCls {
    min-width: 85px !important;
}

.lstDuration {
    width: 48% !important;
    display: inherit !important;
    min-width: 65px !important;
}

.width48p_i {
    width: 48% !important;
    display: inherit !important;
}

.displayinline {
    display: inline-block;
}

.UserAdminPopupMenu li a {
    margin: 2px;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

    .separator::before, .separator::after {
        content: '';
        flex: 1;
        border-bottom: 2px solid #000;
    }

    .separator::before {
        margin-right: .25em;
    }

    .separator::after {
        margin-left: .25em;
    }

.padding5 {
    padding: 5px 0px !important;
}

.ui-sortable-placeholder,
.ui-sortable-helper {
    background-color: yellow !important;
}

.divRequired, .divCostImpact {
    padding: 2px 2px !important;
    font-size: small;
}

.padding2_2 {
    padding: 2px 2px !important;
}

.padding5_5 {
    padding: 5px !important;
}

.padding10_10 {
    padding: 10px !important;
}

.padding1_5 {
    padding: 1px 5px !important;
}

.fontxsmall {
    font-size: x-small !important;
}

.fontxlarge {
    font-size: x-large !important;
}

.fontxxsmall {
    font-size: xx-small !important;
}

.aViewpriceDetails {
    font-size: larger;
    color: #660000;
}

.color666 {
    color: #666 !important;
}

.absoluteBottomLeft {
    position: absolute !important;
    bottom: 0px !important;
    left: 0px !important;
    top: unset !important;
}

.absoluteBottomLeftOver {
    position: absolute !important;
    bottom: 0px !important;
    left: 0px !important;
    top: unset !important;
    transform: translate(0%, 50%);
}

.absoluteBottomLeftUnder {
    position: absolute;
    bottom: 0%;
    left: 0%;
    top: unset !important;
    transform: translate(0%, 50%);
}

.absoluteLeft {
    position: absolute !important;
    left: 0px !important;
    top: auto !important;
}

.absoluteTopCenter {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%);
}

.absoluteCenterCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.absoluteTopCenterOver {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.absoluteBottomCenter {
    position: absolute;
    bottom: 0%;
    left: 50%;
    top: unset !important;
    transform: translate(-50%);
}

.absoluteBottomCenterOver {
    position: absolute;
    bottom: 0%;
    left: 50%;
    top: unset !important;
    transform: translate(-50%, -50%);
}

.absoluteBottomCenterUnder {
    position: absolute !important;
    top: unset !important;
    bottom: 0%;
    left: 50%;
    top: unset !important;
    transform: translate(-50%, 50%);
}

.absoluteTopLeft {
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
}

.absoluteTopLeftOver {
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    transform: translate(0%, -80%);
}

.absoluteTopRight {
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
}

.absoluteTopRightOver {
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    transform: translate(0%, -50%);
}

.absoluteTopRight-5 {
    position: absolute !important;
    top: -5px !important;
    right: 5px !important;
}

.absoluteBottomRight {
    position: absolute !important;
    bottom: 0px !important;
    top: unset !important;
    right: 0px !important;
}

.absoluteBottomRightUnder {
    position: absolute !important;
    bottom: 0px !important;
    right: 0px !important;
    top: unset !important;
    transform: translate(0%, 50%);
}


.fixedBottomRight {
    position: fixed;
    bottom: 20px;
    right: 48px;
    padding: 10px;
}

.fixedBottomLeft {
    position: fixed;
    bottom: 10px;
    left: 10px;
    padding: 10px;
}

.fixedTopLeft {
    /*position: fixed;
    bottom: 76px;
    left: -20px;
    padding: 5px;
    z-index: 1;
    transform: rotate(-90deg);*/
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 2px;
    z-index: 1;
    font-size: xx-small;
}

.fixedTopRight {
    position: fixed;
    top: 10px;
    right: 48px;
    padding: 10px;
    z-index: 12345;
}

.absolutepos {
    position: absolute;
    right: 0px;
    bottom: 3px;
}

/*#cboxLoadedContent .panel-heading {
    top: -37px;
    position: absolute;
    width: 100%;
    font-weight: bold;
}*/

.wordback {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #666666;
    /*min-height: 100vh;*/
}

.paperback {
    padding: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #FFFFFF;
    /*min-height: 100vh;*/
}



.divHelpMain {
    position: fixed;
    z-index: 2000;
    top: 52px;
    right: 0px;
}

.width75px {
    width: 75px;
    display: inline-block;
}

.width100px {
    width: 100px;
    display: inline-block;
}

.width100p {
    width: 100% !important;
}

.width12per {
    width: 12% !important;
}

.btnHelpStart {
    margin: 10px;
}

.text-black {
    color: #000;
}

.text-white {
    color: #FFF;
}

.paperback .form-control {
    border: 0px;
    border-bottom: 1px solid #EEEEEE;
}

.paperback .table-bordered {
    border-color: #000;
    border-width: 1px;
}

.logocolor23 {
    /*background-image: -webkit-linear-gradient(left,#4A6F93 0,#D0E1F3 100%);
    background-image: -o-linear-gradient(left,#4A6F93 0,#D0E1F3 100%);
    background-image: -webkit-gradient(linear,left,right,from(#4A6F93),to(#D0E1F3));
    background-image: linear-gradient(to right,#4A6F93 0,#D0E1F3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4A6F93', endColorstr='#ffD0E1F3', GradientType=0);
    background-repeat: repeat-x;*/
}

.th {
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.overHelp {
    position: absolute;
    z-index: 30000;
}

.btn-default.active, .btn-default:active {
    background-color: #5cb85c;
    border-color: #419641;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000;
}

.text-shadow {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black !important;
}

.text-shadow-white {
    color: #000 !important;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white !important;
}

.text-red-shadow {
    color: #900 !important;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white !important;
}

.text-yellow {
    color: #FF0 !important;
}

.certCheck .carousel-caption {
    bottom: 2px !important;
    padding: 1px !important;
}

.nextDis {
    position: relative;
    float: right;
    bottom: -10px;
    right: -11px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.margintop10 {
    margin-top: 10px !important;
}

.marginright20 {
    margin-right: 20px !important;
}

.marginsides5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.arrow_box {
    position: absolute;
    background: #FBF6D9;
    color: #000000;
    z-index: 20000;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 10px;
}


    .arrow_box:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(245, 245, 245, 0);
        border-bottom-color: #FBF6D9;
        border-width: 10px;
        margin-left: -10px;
    }


.panel-bottom {
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.badgetop {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
}

select option[disabled] {
    color: #CCCCCC;
}

.isRequiredError.input-warning {
    background: #FFCCCC !Important;
    background: -webkit-linear-gradient(left, #FFCCCC, #ffdbaa) !Important;
    background: -o-linear-gradient(right, #FFCCCC #ffdbaa) !Important;
    background: -moz-linear-gradient(right, #FFCCCC #ffdbaa) !Important;
    background: linear-gradient(to right, #FFCCCC, #ffdbaa) !Important;
    background-repeat: repeat-x !Important;
    border-color: #FF0000 !Important;
}

.isRequiredError .select2-selection {
    border-color: rgb(185, 74, 72) !important;
}

/*.progress {
    border: 1px solid #999999;
    margin-top: 3px;
}*/

/*.progress-bar {
    background-image: -webkit-linear-gradient(top,#fcd424 0,#fcd424 100%);
    background-image: -o-linear-gradient(top,#fcd424 0,#fcd424 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fcd424),to(#fcd424));
    background-image: linear-gradient(to bottom,#fcd424 0,#fcd424 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcd424', endColorstr='#fffcd424', GradientType=0);
    background-repeat: repeat-x;
    color: #000000;
    font-weight: bold;
}*/

.progress-bar0 {
    color: #FF0000;
}

[class *= "progress-bar0"],
[class *= "progress-bar1"]:not([class $= "progress-bar100"]),
[class *= "progress-bar2"],
[class *= "progress-bar3"],
[class *= "progress-bar4"],
[class *= "progress-bar5"],
[class *= "progress-bar6"],
[class *= "progress-bar7"],
[class *= "progress-bar8"],
[class *= "progress-bar9"] {
    /*background-image: -webkit-linear-gradient(top,#fbcf0c 0,#fde889 100%);
    background-image: -o-linear-gradient(top,#fbcf0c 0,#fde889 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fbcf0c ),to(#fde889 ));
    background-image: linear-gradient(to bottom,#fbcf0c 0,#fde889 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbcf0c', endColorstr='#fffde889', GradientType=0);
    border-right: 1px solid #d1ab03;*/
}

.progress-bar100 {
    background-image: -webkit-linear-gradient(top,#419641 0,#67bd67 100%);
    background-image: -o-linear-gradient(top,#419641 0,#67bd67 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#419641),to(#67bd67));
    background-image: linear-gradient(to bottom,#419641 0,#67bd67 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff419641', endColorstr='#ff67bd67', GradientType=0);
    /*color: #FFFFFF;*/
}

.isRequired {
    font-weight: bold;
    /*white-space: nowrap;*/
    font-stretch: condensed;
    color: #006600;
}

.isRequiredError, select.isRequiredError > option {
    background-color: #FFCCCC !Important;
    border: 1px solid #FF0000 !Important;
}

.isError, select.isError > option {
    background-color: #FFCCCC !Important;
    border: 1px solid #FF0000 !Important;
}

.isRequired:after {
    content: "*";
}

/* Small Devices Potrait */
@media (max-width : 767px) {
    .anchor {
        position: absolute;
        left: -100px;
        top: -50px;
    }
}

@media (min-width : 767px) {
    .anchor {
        position: absolute;
        left: -100px;
        top: -100px;
    }
}

.divCFUpdate {
    margin-bottom: 40px;
}

.marginB2 {
    margin-bottom: 2px !important;
}

.marginB5 {
    margin-bottom: 5px !important;
}

.marginB10 {
    margin-bottom: 10px !important;
}

.marginB20 {
    margin-bottom: 20px !important;
}

input.isRequired, select.isRequired {
    font-weight: normal !Important;
    border: 1px solid #006600;
}

.posreli {
    position: relative !important;
}

.isCC_Style {
    margin-top: -24px;
    float: right;
    margin-right: 5px;
}

.om_chk {
    width: 20px;
    height: 20px;
}

.bigCheckInput, .bigCheckInput input {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.bigCheckInput17, .bigCheckInput17 input {
    width: 17px;
    height: 17px;
    padding-left: 3px;
    cursor: pointer;
}

.bigCheck {
    display: block;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 34px;
    padding: 3px;
    /*vertical-align: middle;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .bigCheck input {
        width: 20px;
        height: 20px;
    }

    .bigCheck label {
        height: 34px;
        padding: 1px;
        margin: 0px;
        vertical-align: middle;
    }


.bigCheckBox {
    display: block;
    color: #555;
    /*background-color: #fff;
    background-image: none;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 34px;
    padding: 3px;
    /*vertical-align: middle;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .bigCheckBox input {
        width: 20px;
        height: 20px;
    }

    .bigCheckBox label {
        height: 34px;
        padding: 1px;
        margin: 0px;
        vertical-align: middle;
    }

.checkbox-large {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .checkbox-large input {
        width: 20px;
        height: 20px;
    }

.panel-header {
    display: flex;
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

    .panel-header .btn {
        margin-top: -2px;
        padding: 1px 12px;
    }

.alert .h1, .alert .h2, .alert .h3, .alert h1, .alert h2, .alert h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: bold;
}

.red-text {
    color: #AA0000;
}

.green-text {
    color: #00AA00;
}

.blue-text {
    color: #0000AA;
}

.badge-red,
.badge-danger {
    color: #FFFFFF !Important;
    background-color: #AA0000 !Important;
}

.badge-amber,
.badge-warning {
    color: #FFFFFF !Important;
    background-color: #f0ad4e !Important;
}

.badge {
    min-width: 20px !important;
}

.tr_cp_top {
    border-top: 2px solid #000066;
}

    .tr_cp_top > td:first-child {
        border-left: 2px solid #000066;
    }

    .tr_cp_top > td:last-child {
        border-right: 2px solid #000066;
    }

    .tr_cp_top > td {
        font-weight: bold !Important;
        background-color: #d0e1f3;
    }

.tr_cp_bottom {
    border-bottom: 2px solid #000066;
}

    .tr_cp_bottom > td:first-child {
        border-left: 2px solid #000066;
    }

    .tr_cp_bottom > td:last-child {
        border-right: 2px solid #000066;
    }

    .tr_cp_bottom > td {
        background-color: #d0e1f3;
    }

.badge-green,
.badge-success {
    color: #FFFFFF !Important;
    background-color: #006600 !Important;
}

.badge-blue,
.badge-info {
    color: #FFFFFF !Important;
    background-color: #2aabd2 !Important;
}

.badge-darkblue,
.badge-primary {
    color: #FFFFFF !Important;
    background-color: #2e6da4 !Important;
}

.text-primary {
    color: #2e6da4 !Important;
}

.badge-white {
    color: #000 !Important;
    background-color: #FFF !Important;
}

.badge-gray,
.badge-grey,
.badge-default {
    color: #FFFFFF !Important;
    background-color: #777777 !Important;
}

.text-danger {
    /*display: block;
    font-size: 90%;*/
    padding: 4px;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
    border: 1px solid #c7254e;
}

.text-warning {
    /*display: block;
    font-size: 90%;*/
    padding: 4px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-radius: 4px;
    border: 1px solid #8a6d3b;
}

.text-success {
    color: #095101;
    background-color: #bcffc6;
}

.text-green {
    color: #3A0 !important;
}

.text-red {
    color: #A00 !important;
}

.text-orange {
    color: #640 !important;
}

.displaytable {
    display: table;
}

.input-info {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.alert-default {
    background-image: -webkit-linear-gradient(top,#EEEEEE 0,#DDDDDD 100%);
    background-image: -o-linear-gradient(top,#EEEEEE 0,#DDDDDD 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#EEEEEE),to(#DDDDDD));
    background-image: linear-gradient(to bottom,#EEEEEE 0,#DDDDDD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffEEEEEE', endColorstr='#ffDDDDDD', GradientType=0);
    background-repeat: repeat-x;
    border-color: #CCCCCC;
}

.progress-pink {
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#f2dede 100%) !important;
    background-image: -o-linear-gradient(top,#f5f5f5 0,#f2dede 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f2dede)) !important;
    background-image: linear-gradient(to bottom,#f5f5f5 0,#f2dede 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff2dede', GradientType=0) !important;
    background-repeat: repeat-x;
}

.Color_Lead, .Color_CompanyType_5 {
    background-color: #FEFB01 !important;
    color: #000 !important;
}

.Color_Prospect, .Color_CompanyType_6 {
    background-color: #f7cdb8 !important;
    color: #000 !important;
}

.Color_Opportunity, .Color_CompanyType_7 {
    background-color: #ace1af !important;
    color: #000 !important;
}

.Color_Client, .Color_CompanyType_1 {
    background-color: #419641 !important;
    color: #FFF !important;
}

.Color_Contractor, .Color_CompanyType_4 {
    background-color: #2aabd2 !important;
    color: #FFF !important;
}

.Color_Vendor, .Color_CompanyType_2 {
    background-color: #9e4f9e !important;
    color: #FFF !important;
}

.Color_Archived, .Color_CompanyType_3 {
    background-color: #d5d5d5 !important;
    color: #000 !important;
}




.bg-green, .bg-green-i {
    /*Green*/
    background: #A4F0B7 !important;
    /*color: #000 !important;*/
}

.bg-pink {
    background: #f2dede !important;
    /*color: #000 !important;*/
}

.divtr select {
    padding: 2px;
    width: 100%;
}

.divtr .onHover {
    display: none;
}

.divtr:hover .onHover {
    display: initial;
}

.divtr .onHoverHide {
    display: block;
}

.divtr:hover .onHoverHide {
    display: none;
}

tr .onHover {
    display: none;
}

.strike {
    text-decoration: line-through;
}

tr:hover .onHover {
    display: inline-block;
}

tr .onHoverHide {
    display: block;
}

tr:hover .onHoverHide {
    display: none;
}

.margin_at_bottom {
    padding-bottom: 30px;
}

/*TREE CLASS*/
.tree {
    min-height: 20px;
    padding: 5px;
    margin-bottom: 10px;
    /*background-color: #fbfbfb;*/
}

    .tree li {
        list-style-type: none;
        margin: 0;
        padding: 1px 0px 1px 0px;
        position: relative;
    }

        .tree li::before, .tree li::after {
            content: '';
            left: -20px;
            position: absolute;
            right: auto;
        }

        .tree li::before {
            border-left: 1px solid #CCCCCC;
            bottom: 50px;
            height: 100%;
            top: 0;
            width: 1px;
        }

        .tree li::after {
            border-top: 1px solid #CCCCCC;
            height: 15px;
            top: 20px;
            width: 25px;
        }

        .tree li span {
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border: 1px solid #999;
            border-radius: 5px;
            display: inline-block;
            padding: 3px 8px;
            text-decoration: none;
        }

        .tree li.parent_li > span {
            cursor: pointer;
        }

    .tree > ul > li::before, .tree > ul > li::after {
        border: 0;
    }

    .tree li:last-child::before {
        height: 30px;
    }

    .tree li.parent_li > span:hover, .tree li.parent_li > span:hover + ul li span {
        background: #eee;
        border: 1px solid #94a0b4;
        color: #000;
    }
/*END TREE CLASS*/

.divtree {
    padding: 6px;
    margin: 0px;
    margin-left: 5px;
    border-top: 1px solid #CCCCCC;
    /*border-bottom: 1px solid #CCCCCC;*/
    border-left: 1px solid #CCCCCC;
    /*border-right: 0px solid #CCCCCC;*/
    height: 33px;
    cursor: pointer;
    /*background-color:#F9F9F9;*/
    background: #F9F9F9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #F9F9F9, #FFFFFF 25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #F9F9F9 #FFFFFF 25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #F9F9F9 #FFFFFF 25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #F9F9F9, #FFFFFF 25%); /* Standard syntax (must be last) */
}

    .divtree:hover {
        background: #d0e1f3 !Important;
        border-color: #999999;
    }

    .divtree .btn {
        padding: 0px 5px 0px 5px;
        margin-right: 3px;
    }

tr .btn {
    padding: 0px 5px;
    margin: 0px 1px; /*for spacing*/
}

.euDiscountApplied {
    background: #d0e1f3 url("/images/flag_eu_35_20.png") no-repeat left center;
    padding-left: 35px;
    border: 1px solid #FFCC00;
}

.rrDiscountApplied {
    background: #FFEEFF;
    border: 1px solid #FF00FF;
}

.fccDiscountApplied {
    background: #dfdfe0 url("/images/flag_usa_35_20.png") no-repeat left center;
    padding-left: 35px;
    border: 1px solid #FFCC00;
}

.icDiscountApplied {
    background: #ffeeee url("/images/flag_canada_35_20.png") no-repeat left center;
    padding-left: 35px;
    border: 1px solid #FFCC00;
}

.jpDiscountApplied {
    background: #fcf8e3 url("/images/flag_japan_35_20.png") no-repeat left center;
    padding-left: 35px;
    border: 1px solid #FFCC00;
}


.Charge75Applied {
    background: #fcf8e3 no-repeat left center;
    padding-left: 35px;
    border: 1px solid #FF0000;
}





/*DIV TR FUNCTIONALITY - BEGIN*/

.divtr-top {
    padding: 8px 0px 0px 0px;
    margin: 0px;
    border-top: 1px solid #CCCCCC;
    /*border-left: 1px solid #CCCCCC;*/
    height: 35px;
}

.divtr {
    padding: 2px 0px 2px 0px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    min-height: 35px;
    display: flex;
}

.rowtr {
    padding: 2px 0px 2px 0px;
    margin: 0px;
    min-height: 35px;
    display: flex;
}

.splitterLess45 {
    height: 100%;
    height: -webkit-calc(100% - 45px);
    height: -moz-calc(100% - 45px);
    height: calc(100% - 45px);
}

.marginLeftA {
    margin-left: 25px;
}

.marginLeftB {
    margin-left: 50px;
}

.marginLeftL0 {
    margin-left: 0px;
}

.marginLeftL1 {
    margin-left: 15px;
}

.marginLeftL2 {
    margin-left: 30px;
}

.marginLeftL3 {
    margin-left: 45px;
}

.marginLeftL4 {
    margin-left: 60px;
}



.divtr .btn {
    padding: 0px 5px 0px 5px;
    margin-left: 2px;
    /*width: 100%;*/
}

.divtrheader {
    background-color: #EEEEEE;
}

.divtdauto {
    display: table-cell;
    width: auto;
}

.divtd100 {
    display: table-cell;
    width: 100%;
}

.divtr:not(.nohover):not(.divtrheader):hover {
    background-color: #EEEEEE;
}

/*DIV TR FUNCTIONALITY - END*/

.statusboxdiv {
    height: 40px;
    padding: 14px 5px !important;
    min-width: 120px;
    margin: 1px;
}

.padding0 {
    padding: 0px !Important;
}

.padding1, padding1_1 {
    padding: 1px !important;
}

.breadcrumb {
    /*background-color: transparent;*/
    /*margin-top: 11px;
    right: 30px;
    position: fixed;*/
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0.7567401960784313) 0%, rgba(255,255,255,0.7651435574229692) 30%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.7567401960784313) 0%, rgba(255,255,255,0.7651435574229692) 30%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0.7567401960784313) 0%, rgba(255,255,255,0.7651435574229692) 30%, rgba(255,255,255,0) 45%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}

.text-header {
    padding: 7px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.help {
    /*position: absolute;*/
    position: fixed;
    z-index: 10001;
    opacity: 0.8;
    background-color: #000000;
}

.overlayLoading {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 20001;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(0,0,0,0.5) 50%);
    /*background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(46,109,164,0.5) 50%);*/
}

.overlayLoadingGif {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 30001;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url(/images/wait_Ellipse100.gif);
    background-size: 100px 72px;
    background-repeat: no-repeat;
    background-position: center center;
}

.textWhiteShadow {
    text-shadow: 1px 1px 5px #000;
    color: #FFF;
}

.textBlackShadow {
    text-shadow: 1px 1px 2px #FFF;
    color: #2e6da4;
}

.overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 20001;
    opacity: 0.8;
    background-color: #000000;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.tr_hide_td td {
    display: none;
}

.float_page {
    position: fixed;
    left: 0%; /* Start with top left in the center */
    top: 0%;
    width: 100%; /* The fixed width... */
    height: 100%;
    z-index: 6666;
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.opacity80 {
    opacity: 0.8 !important;
    filter: alpha(opacity=80) !important; /* For IE8 and earlier */
}

.opacity50 {
    opacity: 0.5 !important;
    filter: alpha(opacity=50) !important; /* For IE8 and earlier */
}

.center_screen {
    position: fixed;
    display: block;
    top: 30%;
    left: 30%;
    z-index: 20002;
    opacity: 1;
    width: 40%;
    height: 40%;
    overflow: hidden;
    background-color: #FFFFFF;
    color: #000000;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #dca7a7;
    vertical-align: middle;
    text-align: center;
}

.center_all {
}

.footer {
    position: fixed;
    bottom: 0px;
    right: 0px;
    /*opacity: 0.8;
    filter: alpha(opacity=80);*/
}

.has-error {
    border-color: #a94442;
    background-color: #FFEEEE;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-error:focus {
        border-color: #843534;
        background-color: #FFEEEE;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

body.modal-open, body.no-scroll {
    overflow: hidden;
}

.preformatted {
    white-space: pre-line;
}

.divblock {
    display: block;
}

.hiddenImp {
    display: none !important;
}


html.modal-open, html.no-scroll {
    overflow: hidden;
}

label {
    font-weight: normal;
    margin-top: 5px;
}

.required {
    font-weight: bold !Important;
}

.clearboth {
    clear: both;
}

.widthauto {
    width: auto !important;
}

.divFocused .panel-heading {
    background-image: -webkit-linear-gradient(top,#d0e1f3 0,#d0e1f3 100%);
    background-image: -o-linear-gradient(top,#d0e1f3 0,#d0e1f3 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d0e1f3),to(#d0e1f3));
    background-image: linear-gradient(to bottom,#d0e1f3 0,#d0e1f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd0e1f3', endColorstr='#ffd0e1f3', GradientType=0);
    background-repeat: repeat-x;
}

.divFocused {
    border: 1px solid #999999;
}

.MicomBlue {
    background-color: #6CAEDF;
    /*R:108 G:174 B:223*/
}

.transiotionColor {
    background-image: -webkit-linear-gradient(top,#FFFFCC 0,#e8e8e8 100%) !important;
    background-image: -o-linear-gradient(top,#FFFFCC 0,#e8e8e8 100%) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FFFFCC),to(#e8e8e8)) !important;
    background-image: linear-gradient(to bottom,#FFFFCC 0,#e8e8e8 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0) !important;
    background-repeat: repeat-x !important;
    background-color: transparent !important;
    /*R:108 G:174 B:223*/
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    /*font-family: Verdana, Geneva, sans-serif !important;*/
    font-family: Arial, Helvetica, sans-serif !important;
}

body {
    padding-bottom: 20px;
    /*font-family: Verdana, Geneva, sans-serif !important;*/
    font-family: Arial, Helvetica, sans-serif !important;
}

.body {
    padding-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.text-small {
    font-size: small !important;
}

.text-xsmall {
    font-size: x-small !important;
}

.text-xxsmall {
    font-size: xx-small !important;
}

.text-large {
    font-size: large !important;
}

.text-xlarge {
    font-size: x-large !important;
}

.text-xxlarge {
    font-size: xx-large !important;
}

::-webkit-input-placeholder {
    font-size: small;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: italic;
}

::-moz-placeholder {
    font-size: small;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: italic;
}
/* firefox 19+ */
:-ms-input-placeholder {
    font-size: small;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: italic;
}
/* ie */
input:-moz-placeholder {
    font-size: small;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: italic;
}

.border-bottom {
    border-bottom: 1px solid #e7e7e7;
}

.border-right {
    border-right: 1px solid #e7e7e7;
}

.border-right-2 {
    border-right: 2px solid #333 !important;
}

.border-right-1b {
    border-right: 1px solid #000 !important;
}

.border-left {
    border-left: 1px solid #e7e7e7;
}

.border1 {
    border: 1px solid #e7e7e7;
}

.border1i {
    border: 1px solid #666 !important;
}

.border2i {
    border: 2px solid #999 !important;
}

.border2iRed {
    border: 2px solid #F00 !important;
}

.border2iGreen {
    border: 2px solid #095101 !important;
}

.border2iOrange {
    border: 2px solid #eb9316 !important;
}

._module_color_clientp {
    /*Blue*/
    background: #B8E2EF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right, #d0e1f3, #f5f5f5 25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #d0e1f3 #f5f5f5 25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #d0e1f3 #f5f5f5 25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, #d0e1f3, #f5f5f5 25%); /* Standard syntax (must be last) */
    border-top: 1px solid #d0e1f3;
}

.flickerOrange {
    background: #FFB27F;
}

._module_color_ams {
    /*Orange*/
    background: #FFB27F; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right, #FFB27F, #f5f5f5 25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #FFB27F #f5f5f5 25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #FFB27F #f5f5f5 25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, #FFB27F, #f5f5f5 25%); /* Standard syntax (must be last) */
    border-top: 1px solid #FFB27F;
}

._module_color_cms {
    /*Blue*/
    background: #B8E2EF;
    background: -webkit-linear-gradient(right, #d0e1f3, #f5f5f5 25%);
    background: -o-linear-gradient(left, #d0e1f3 #f5f5f5 25%);
    background: -moz-linear-gradient(left, #d0e1f3 #f5f5f5 25%);
    background: linear-gradient(to left, #d0e1f3, #f5f5f5 25%);
    border-top: 1px solid #d0e1f3;
}

.label-large {
    font-size: 1em;
    margin-right: 5px;
}

.label-default-light {
    background-color: #DDDDDD;
    color: #000000;
    font-weight: normal;
}

.label-textblue {
    background-color: #d4f1ff;
    color: #006;
    font-weight: bold;
    font-size: large;
}

.label-textgreen {
    background-color: #ccffcc;
    color: #030;
    font-weight: bold;
    font-size: large;
}

.label-textred {
    background-color: #EEE;
    color: #900;
    font-weight: bold;
    font-size: large;
}

.label-textorange {
    background-color: #FFC;
    color: #563700;
    font-weight: bold;
    font-size: large;
}

.label-textblack {
    background-color: #EEE;
    color: #000;
    font-weight: bold;
    font-size: large;
}

.back-warning, select.back-warning > option {
    background-color: #fcf8e3;
    color: #333333;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #f5e79e;
}

.back-success, select.back-success > option {
    background-color: #dff0d8;
    color: #333333;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #b2dba1;
}

.back-danger, select.back-danger > option {
    background-color: #f2dede;
    color: #333333;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #dca7a7;
}

.back-info, select.back-info > option {
    background-color: #d0e1f3;
    color: #333333;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #9acfea;
}

.back-default, select.back-default > option {
    background-color: #EEEEEE;
    color: #333333;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #999999;
}

.table-hover > tbody > tr:hover {
    background-color: #d0e1f3;
}


.round-corners10 {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.form-control-not100 {
    background-color: #FFFFFF;
    color: #333333;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #CCC;
}

.round-corners10-border-i {
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border: 1px solid #666 !important;
}

.round-borders5back {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #f9f9f9;
}

.round-borders {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #CCC;
}

.round-borders5 {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid #2c3a41;
    padding: 5px;
    margin-bottom: 5px;
}

.spanBandCH {
    padding-left: 20px;
}

.selectedBlue {
    display: block;
    border: 1px solid #aaa;
    padding: 2px;
    background-color: #d9edf7;
    margin: 3px;
}

.text-brown {
    color: #C65911 !important;
}

.highlight-yellow {
    background: #FFFF00 !important;
}

.bg-blue {
    /*Blue*/
    background: #d0e1f3 !important;
    color: #000 !important;
}



.hoverOverBlue:hover {
    background: #d0e1f3 !important;
    color: #000 !important;
}

.bg-gray {
    /*background: #eeeeee;*/
    background: #f9f9f9 !important;
}

.bg-orange, .bg-flicker {
    /*background: #eeeeee;*/
    background: #FFE5B4 !important;
}

.tracker-row {
    background: #f9f9f9;
}

.tracker-tbody {
    /*border: 2px solid #FFF;
    border-bottom: 2px solid #28a4c9;
    border-bottom: 2px solid #6caddf;*/
    border-bottom: 2px solid #999;
}

.Tracker_Link {
    width: auto;
    font-weight: bold;
    white-space: normal;
    text-align: left;
    font-size: larger;
}

.tracker-tbody-select {
    border: 2px solid #000;
}

.navLogo_MiCMS {
    content: url('https://mcms.micomlabs.com/images/logos/Logos_SVG/MiCMS/MiCMSwithReg.svg');
    height: 23px;
    width: 50px;
    position: absolute !important;
    bottom: 0px !important;
    right: 0px !important;
}

li.dropdown .dropdown-toggle .navLogo_MiCMS,
li.dropdown .dropdown-toggle .navLogo_MiPassport,
li.dropdown .dropdown-toggle .navLogo_MiTest {
    display: none;
}

.navLogo_MiPassport {
    content: url('https://mcms.micomlabs.com/images/logos/Logos_SVG/MiPassport/MiPassport_R.svg');
    height: 23px;
    width: 72px;
    position: absolute !important;
    bottom: 0px !important;
    right: 0px !important;
}

.navLogo_MiTest {
    content: url('https://mcms.micomlabs.com/images/logos/Logos_SVG/MiTest/MiTest-NoStrap-SVG.svg');
    height: 31px;
    width: 53px;
    position: absolute !important;
    bottom: 0px !important;
    right: 0px !important;
}

._module_color_logo {
    /*DBlue*/
    background: #B8E2EF;
    background: -webkit-linear-gradient(right, #d0e1f3, #f5f5f5 25%);
    background: -o-linear-gradient(left, #d0e1f3 #f5f5f5 25%);
    background: -moz-linear-gradient(left, #d0e1f3 #f5f5f5 25%);
    background: linear-gradient(to left, #d0e1f3, #f5f5f5 25%);
    border-top: 1px solid #d0e1f3;
}

    ._module_color_logo img {
        border: 0px;
    }

.menuDashList > li._module_color_logo > a:hover,
.dropdown-menu > li._module_color_logo > a:hover {
    /*DBlue*/
    /*#d0e1f3 */
}

._module_color_ems, ._module_color_qms {
    /*DGreeen*/
    background: #83c092; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right, #83c092, #f5f5f5 25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #83c092 #f5f5f5 25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #83c092 #f5f5f5 25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, #83c092, #f5f5f5 25%); /* Standard syntax (must be last) */
    border-top: 1px solid #83c092;
}

._module_color_gma {
    /*Yellow*/
    background: #FFFFAA; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right, #FFFFAA, #f5f5f5 25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #FFFFAA #f5f5f5 25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #FFFFAA #f5f5f5 25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, #FFFFAA, #f5f5f5 25%); /* Standard syntax (must be last) */
    border-top: 1px solid #cccc88;
}

._module_color_micert {
    /*DarkYellow*/
    background: #B8E2EF; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right, #d0e1f3, #f5f5f5 25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #d0e1f3 #f5f5f5 25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #d0e1f3 #f5f5f5 25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, #d0e1f3, #f5f5f5 25%); /* Standard syntax (must be last) */
    border-top: 1px solid #d0e1f3;
}

._module_color_mipassport {
    /*Green*/
    background: #A4F0B7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right, #A4F0B7, #f5f5f5 25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #A4F0B7 #f5f5f5 25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #A4F0B7 #f5f5f5 25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, #A4F0B7, #f5f5f5 25%); /* Standard syntax (must be last) */
    border-top: 1px solid #A4F0B7;
}


._module_color_FileDrive {
    /*Green*/
    background: #A4F0B7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right, #A4F0B7, #f5f5f5 25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #A4F0B7 #f5f5f5 25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #A4F0B7 #f5f5f5 25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, #A4F0B7, #f5f5f5 25%); /* Standard syntax (must be last) */
    border-top: 1px solid #A4F0B7;
}

.tr_disabled {
    background: #ffEEEE !Important; /* For browsers that do not support gradients */
}

._module_color_ims {
    /*Pink*/
    background: #ffa8a8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right, #ffa8a8, #f5f5f5 25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #ffa8a8 #f5f5f5 25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #ffa8a8 #f5f5f5 25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, #ffa8a8, #f5f5f5 25%); /* Standard syntax (must be last) */
    border-top: 1px solid #ffa8a8;
}

._module_color_admin {
    /*Violet*/
    background: #F0C4F0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right, #F0C4F0, #f5f5f5 25%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #F0C4F0 #f5f5f5 25%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #F0C4F0 #f5f5f5 25%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, #F0C4F0, #f5f5f5 25%); /* Standard syntax (must be last) */
    border-top: 1px solid #F0C4F0;
}

.div_mod_prof_log {
    position: absolute;
    /*background-color: #f8f8f8;*/
    right: 0px;
    top: 0px;
    padding-right: 20px;
}

/*.navbar-fixed-top {
    background-color: #F8F8F8;
}*/


.bg_green_grad {
    background: #FFFFFF;
    background: linear-gradient(0deg, #FFFFFF 80%, #a4f0b7 100%);
    /*background: radial-gradient(circle, #a4f0b7 0%, #FFFFFF 40%);*/
}

.bg_orange_grad {
    background: #FFFFFF;
    background: linear-gradient(0deg, #FFFFFF 80%, #eb9316 100%);
}

.bg_red_grad {
    background: #FFFFFF;
    background: linear-gradient(0deg, #FFFFFF 80%, #990000 100%);
}

.bg_blue_grad {
    background: #FFFFFF;
    background: linear-gradient(0deg, #FFFFFF 80%, #337ab7 100%);
}




.text-bold {
    font-weight: bold !Important;
}

.pointer {
    cursor: pointer;
}

.padding40 {
    padding-left: 40px !important;
}

.paddingT10 {
    padding-top: 10px !important;
}

.padding100 {
    padding-left: 100px !important;
}

.width-auto {
    width: auto !important;
}

.admin_permCol {
    padding: 5px;
    margin-bottom: 5px;
}

.a_permission {
    margin-bottom: 5px;
}

.width-100p {
    width: 100% !important;
}

.overHide {
    overflow: hidden;
}

.onHoverShow {
    display: none;
}

    .onHoverShow:hover, .hoverOverShow:hover {
        display: inherit;
        overflow: visible;
        z-index: +20000;
        width: auto !Important;
        min-width: 100%;
    }

.AlwaysOnTop {
    z-index: 10000 !important;
}

.nowrap {
    white-space: nowrap !important;
}

.vtext-center {
    vertical-align: middle;
}

/*.hover-edit {
    border-bottom: 1px solid #D4E8EB;
    padding-right: 20px;
}

    .hover-edit:hover {
        color:#000000;
        text-decoration:none;
        background: url("/images/edit.png") no-repeat right 0px center;
        
        padding-right: 20px;
    }*/

.survPerc {
    position: absolute;
    margin-top: 0px;
    right: 0px;
    font-size: x-small;
    font-style: italic;
}


.dz-preview div {
    display: inline;
}

.dz-upload {
    color: #001b66;
}

.dz-success-mark {
    display: none;
}

.dz-error-mark {
    display: none;
}

.display-inline {
    display: inline !important;
}


/*navbar sub submenu*/

.marginBottom-0 {
    margin-bottom: 0;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #555;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }


.loadingScreen {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100vh;
    background-color: white;
    display: flex;
    align-items:normal;
    /*align-items: center;*/
    justify-content: center;
    opacity: 0.9;
}