/*
 * Specific styles of signin component
 */
/*
 * General styles
 */
body {
    padding-right: 0px !important;

}
*:focus {outline:none !important}
button:focus {outline:0;}

    body.modal-open {
        overflow: visible;
    }

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff !important;
}

.imgbk {
    background: url('/external/Images/Login_page/login-background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

.hide {
    display: none;
}

.show {
    display: block;
    display: '';
}

.padding-left-zero {
    padding-left: 0px;
}

.errordiv
{
    width: 70%; height: 25px; text-align: left; vertical-align: middle;
    padding-top: 4px; padding-bottom: 0px; position: fixed;margin-left: 10%;
}


.alert {
    width: 80%;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    padding-top: 4px;
    padding-bottom: 0px;
    position: relative;
    margin-left: 10%;
}
.ag-tooltip {
    word-break: break-all !important;
    white-space: normal !important;
}
.username {
    width: 327px;
    background-color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
}

.password {
    width: 323px;
    background-color: #fff;
    border-radius: 0px 0px 0px 0px;
}

.usdiv {
    padding-left: 10px;
    padding-top: 16px;
}

.passdiv {
    margin-left: -21px;
}

.card-container.card {
    max-width: 356px;
    padding: 40px 40px;
    height: 485px;
}

.btn {
    font-weight: 700;
    height: 40px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}

#loginfooter {
    font-size: 11px;
    font-weight: lighter;
    padding-top: 42%;
}

/*
 * Card component
 */
.card {
    height: 485px;
    width: 360px;
    background-color: #ffffff;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 100px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.profile-img-card {
    height: 35px;
    margin: -15px auto 10px;
    display: block;
}

/*
 * Form styles
 */
.profile-name-card {
    font-size: 20px;
    font-weight: lighter;
    text-align: center;
    margin: 45px 0 0;
    min-height: 1em;
    color: #821542;
}

/*
.reauth-email {
    display: block;
    color: #000;
    line-height: 2;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;

}
*/

.reauth-email {
    background-color: #f0f0f0;
    width: 129%;
    border-left: 5px solid #034951;
    margin-left: -40px;
    height: 64px;
}


#inputEmail {
    background: url(../../external/Images/Login_page/user-icon.png) no-repeat scroll 7px 7px;
    padding-left: 30px;
}

    #inputEmail:focus {
        border-left: 3px solid #034951;
    }

#inputPassword:focus {
    border-left: 3px solid #034951;
}

#inputPassword {
    background: url(../../external/Images/Login_page/key-icon.png) no-repeat scroll 7px 7px;
    padding-left: 30px;
}

input[type=file] {
    display: block;
    font-size: 12px;
    font-family: verdana;
}


.forgot-password {
    font-size: 12px;
    text-decoration: none;
    font-weight: lighter;
}

.btn-login {
    background-color: #034951;
    color: #ffffff;
    font-weight: lighter;
    border-radius: 10px;
}

    .btn-login:hover, .btn-login:active, .btn-login:focus {
        background-color: #034951;
        color: #ffffff;
        font-weight: lighter;
        cursor: pointer;
        border-radius: 10px;
    }


/* mCoder logo*/
.mCoder_log {
    border: 0px solid #000;
    padding: 0px 0px 0px 30px;
    /*float: left;*/
}

#mCoder_log {
    height: 50px;
    width: 200px;
}

/* End mCoder logo*/




hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #eee;
}

.selectedmenuitem {
    background-color: #ffe5c2;
    text-align: center;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-left: 1px solid gray;
    width: 8%;
}

.selectedsubmenuitem {
    background-color: #fdfdd7;
    text-align: center;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-left: 1px solid gray;
    width: 35%;
}

.menuitem {
    background-color: white;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-left: 1px solid gray;
    text-align: center;
    border-bottom: 1px solid gray;
    width: 8%;
}

.medmenuitem {
    background-color: white;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-left: 1px solid gray;
    text-align: center;
    border-bottom: 1px solid gray;
    width: 20px;
}


#borderline {
    border: 3px solid #b9e2f6;
}

#breadcrumbs {
    border: 12px solid #f8f8f8;
}

/*DropDown Menu Style Start*/
ul li a {
    height: 40px;
    text-decoration: none;
    cursor: pointer;
    font-family: sans-serif;
    font-weight: lighter;
    color: #fff;
}

ul li ul li a {
    background: #fff;
    display: block;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: lighter;
    height: 30px;
}


.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #821542;
    text-decoration: none;
    background-color: #f5f5f5;
    font-weight: 500;
}

.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;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .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: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

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

    .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;
        }

/*DropDown Menu Style End*/

/*Label style start */
.mpbtn {
    width: 170px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    cursor: default;
    border: 0px solid #fff;
    border-radius: 0px;
}

.mpbtn-primary {
    color: #414141;
    background-color: #ffffff;
    border-color: #3D5A96;
    border: 0px solid #ccc;
    font-size: 12px;
    font-weight: lighter;
    text-align: right;
    font-family: verdana;
}
/*Label style End */

/*Button style start */
.btn-button {
    background-color: #034951;
    color: #fff !important;
    font-size: 12px;
    cursor: pointer;
    height: 30px;
    padding-top: 3px;
}

    .btn-button:hover {
        background-color: #034951;
        color: #fff !important;
        font-size: 12px;
        cursor: pointer;
        height: 30px;
        padding-top: 3px;
    }
/*Label style end */

/*Panel style start */
.panel-default > .panel-heading {
    background-color: #b9e2f6;
    color: #414141;
    height: 30px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    font-family: verdana;
}

.panel-default > .panel-heading {
    background-color: #034951;
    color: #ffff;
    height: 30px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    font-family: verdana;
}

#Panelstyle {
    background-color: #b9e2f6;
    color: #414141;
    height: 25px;
    padding-top: 5px;
    font-family: verdana;
    font-weight: bold;
}
/*Panel style end */

#Component_leftmenu {
    border: 1px solid #ccc;
}

#Components {
    font-size: 12px;
    font-family: sans-serif;
    font-weight: lighter;
}

#Package {
    font-size: 12px;
    font-family: sans-serif;
    font-weight: lighter;
}

#AddComponent {
    cursor: pointer;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: lighter;
}

#DeleteComponent {
    cursor: pointer;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: lighter;
}

#AddPackage {
    cursor: pointer;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: lighter;
}

#DeletePackage {
    cursor: pointer;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: lighter;
}

/**
 * Framework starts from here ...
 * ------------------------------
 */

.tree,
.tree ul {
    margin: 0 0 0 1em; /* indentation */
    padding: 0;
    list-style: none;
    color: #000;
    position: relative;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: lighter;
}

    .tree ul {
        margin-left: .5em;
    }
        /* (indentation/2) */

        .tree:before,
        .tree ul:before {
            content: "";
            display: block;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            border-left: 0px solid;
        }

    .tree li {
        margin: 0;
        padding: 0 1.5em; /* indentation + .5em */
        line-height: 2em; /* default list item's `line-height` */
        font-weight: lighter;
        position: relative;
    }

        .tree li:before {
            content: "";
            display: block;
            width: 10px; /* same with indentation */
            height: 0;
            border-top: 0px solid;
            margin-top: -1px; /* border top width */
            position: absolute;
            top: 1em; /* (line-height/2) */
            left: 0;
        }

        .tree li:last-child:before {
            background: white; /* same with body background */
            height: auto;
            top: 1em; /* (line-height/2) */
            bottom: 0;
        }

#forgotpassword {
    padding-left: 65px;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#forgotmatter {
    font-family: sans-serif;
    font-size: 12px;
    font-weight: lighter;
    text-align: justify;
}

#Forgotbuttondiv {
    padding-left: 70px;
}

.Forgot-container.Forgot {
    max-width: 356px;
    padding: 40px 40px;
    height: 350px;
    border-top: 5px solid #b9e2f6;
    border-bottom: 1px solid #b9e2f6;
    border-left: 1px solid #b9e2f6;
    border-right: 1px solid #b9e2f6;
}

.Forgot {
    height: 485px;
    width: 360px;
    background-color: #ffffff;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 100px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

#forgotEmail {
    background: url(../../external/Images/Login_page/user-icon.png) no-repeat scroll 7px 7px;
    padding-left: 30px;
}

    #forgotEmail:focus {
        border-left: 3px solid #034951;
    }

.Change-container.Change {
    max-width: 500px;
    padding: 40px 20px;
    height: 350px;
    border-top: 5px solid #b9e2f6;
    border-bottom: 1px solid #b9e2f6;
    border-left: 1px solid #b9e2f6;
    border-right: 1px solid #b9e2f6;
}

.Change {
    height: 485px;
    width: 500px;
    background-color: #ffffff;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 100px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

#Changebuttondiv {
    padding-left: 155px;
}

#cpassword {
    width: 280px;
    background: url(../../external/Images/Login_page/key-icon.png) no-repeat scroll 7px 7px;
    padding-left: 30px;
}

    #cpassword:focus {
        border-left: 3px solid #034951;
    }

#newpassword {
    width: 280px;
    background: url(../../external/Images/Login_page/key-icon.png) no-repeat scroll 7px 7px;
    padding-left: 30px;
}

    #newpassword:focus {
        border-left: 3px solid #034951;
    }

#confirmpassword {
    width: 280px;
    background: url(../../external/Images/Login_page/key-icon.png) no-repeat scroll 7px 7px;
    padding-left: 30px;
}

    #confirmpassword:focus {
        border-left: 3px solid #034951;
    }

.ngViewport .ng-scope {
    width: 935px;
    height: 306px;
}

.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStyleSuper {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleManageSysAdmin {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleEditCountry {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleEditState {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleEditCity {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStylecreateCity {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStylecreateState {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStylecreateCountry {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleSizetype {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStyleCreSizetype {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStylePackagetype {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStyleFDA {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStyleOPackMat2 {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStyleOPackType2 {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStylePackagematerial2 {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStylePackagetype2 {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStyleOPackMat {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStyleOPackType {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStylePackagematerial {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStyleCSizevalue {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStyleSizevalue {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStyleUDIPro {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridOptionsUDIDUNS {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleUDISearch {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStyleManf {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleManf2 {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleProductManfL {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleEditManfLib {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleCManf {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleCProductManfL {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleCEditManfLib {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleESite {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleSite {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleproductsearch {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleauditlog {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 381px;
}

.gridStylecreatereg {
    border: 1px solid rgb(212,212,212);
    width: 110%;
    height: 370px;
}

.gridStylecreateregEDMSNew {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}
    .gridStylecreateCommit {
        border: 1px solid rgb(212,212,212);
        width: 100%;
        height: 370px;
    }

.gridStylecreateCopy {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleCommitEdit {
    border: 1px solid rgb(212,212,212);
    width: 75%;
    height: 370px;
}

.gridStyleUser {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStylelinkproCommit {
    border: 1px solid rgb(212,212,212);
    width: 95%;
    height: 370px;
}

.gridStyleCompLinked {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}

.gridStyleCountry {
    border: 1px solid rgb(212,212,212);
    width: 55%;
    height: 370px;
}
.gridStylehctip {
    border: 1px solid rgb(212,212,212);
    width: 100%;
    height: 370px;
}
.ng-binding {
    font-size: 12px;
    font-family: verdana;
    padding-top: 3px;
    /*            color:black;*/
}
li#nav_id.regis.active {
    background-color: #010101 !important;
    border-left: 2px solid #007bff;
}

.ngTotalSelectContainer {
    float: left;
    margin: 5px;
    margin-top: 7px;
    font-weight: 600;
}
.ngHeaderText {
    font-size: 12px;

    font-weight: 400;
	margin-top: 4px;
}

.ngHeaderContainer {
    position: relative;
    overflow: hidden;
    font-weight: bold;
    background-color: #034951;
    color: white;
    text-align: center;
    width: 854px;
    height: 45px;
}

.ngTopPanel {
    height: 30px;
}

.ngCellText {
    text-align: left;
    font-size: 12px;
    font-family: verdana;
}

.ngRow.even {
    background-color: #ececec;
}
    .ui-grid-header-cell-wrapper{
        background-color:#fff;
        color:#034951;
    }
    .ui-grid-header-cell-wrapper .ui-grid-row.even {
    background-color: #ececec;
}
    .ui-grid-header-cell-wrapper .ui-grid-row.odd {
    background-color: #fdfdfd;
    }

.ngFooterTotalItems {
    padding: 2px;
    margin-top: -3px;
}
.gridStyle.submis_manage_gr_m .ngHeaderContainer {
    background-color: #fff;
    color: #034951;
    height: 36px !important;
    border:1px solid #ccc;
}
.gridStyle.submis_manage_gr_m .ngHeaderContainer .ngHeaderText{
  font-weight: bold;
}
.gridStyle.submis_manage_gr_m .ngRow.even {
    background-color: #ececec;
}
.gridStyle.submis_manage_gr_m .ngRow.odd {
    background-color: #fdfdfd;
}
.gridStyle.submis_manage_gr_m .ngVerticalBar.ngVerticalBarVisible {
    height: 36px !important;

}
.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    text-align: center;
    vertical-align: center;
    font-size: 50px;
    z-index: 9999;
}

.btn-disable {
    cursor: default;
    pointer-events: none;
    /*Button disabled - CSS color class*/
    color: #c0c0c0;
    background-color: #ffffff;
}

.copyDisable1 {
    cursor: default;
    pointer-events: none;
    /*Button disabled - CSS color class*/
    color: #c0c0c0;
    background-color: #ffffff;
}

.btn-Productdisable {
    cursor: default;
    pointer-events: none;
    /*Button disabled - CSS color class*/
    color: #c0c0c0;
}

.btn-bottomProductdisable {
    cursor: default;
    pointer-events: none;
    /*Button disabled - CSS color class*/
    color: #c0c0c0;
}

.btn-disable1 {
    cursor: default;
    pointer-events: none;
    /*Button disabled - CSS color class*/
    color: #555;
    background-color: #ffffff;
}

.ui-datepicker-trigger {
    float: right;
    margin-top: -32px;
    margin-right: -90px;
    height: 30px;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.1em 0;
}

.ui-widget-content {
    /* border: 1px solid #aaaaaa; */
    background: #fff;
    color: #414141;
    font-weight: lighter;
    border: 1px solid #ccc;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-widget-header {
    /* border: 1px solid #aaaaaa; */
    background: #b9e2f6;
    color: #414141;
    border: 0px;
    /* font-weight: bold; */
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 0px;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 0px;
        background: #f0f0f0;
        font-weight: normal;
        color: #616161;
    }

.ui-datepicker-month {
    font-weight: lighter;
    font-size: 12px;
    font-family: sans-serif;
}

.ui-datepicker-year {
    font-weight: lighter;
    font-size: 12px;
    font-family: sans-serif;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 12px;
    font-family: sans-serif;
}

/*
.ui-widget-header .ui-icon {
    background-image: url(../external/Images/back-icon.png);
}
*/

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: lighter;
    border: 0;
    font-size: 12px;
    font-family: sans-serif;
}

.ui-state-default {
    font-size: 12px;
    font-family: sans-serif;
}

widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #b9e2f6 url(../external/Images/back-icon.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
    border: 0px;
}

.has-search .form-control-feedback {
    right: initial;
    left: 0;
    color: #ccc;
}

.has-search .form-control {
    padding-right: 12px;
    padding-left: 34px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    /* right: 36px; */
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    /* text-align: right; */
    pointer-events: none;
    /* float: right; */
    padding-left: 97%;
}

div.panel:first-child {
    margin-top: -12px;
}

div.treeview {
    min-width: 100px;
    min-height: 100px;
    max-height: 256px;
    overflow: auto;
    padding: 4px;
    margin-bottom: 20px;
    color: #369;
    border: solid 1px;
    border-radius: 4px;
}

    div.treeview ul:first-child:before {
        display: none;
    }

.treeview, .treeview ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #369;
}

    .treeview ul {
        margin-left: 1em;
        position: relative;
    }

        .treeview ul ul {
            margin-left: .5em;
        }

        .treeview ul:before {
            content: "";
            display: block;
            width: 0;
            position: absolute;
            top: 0;
            left: 0;
            border-left: 1px solid;
            /* creates a more theme-ready standard for the bootstrap themes */
            bottom: 15px;
        }

    .treeview li {
        margin: 0;
        padding: 0 1em;
        line-height: 2em;
        font-weight: 700;
        position: relative;
    }

    .treeview ul li:before {
        content: "";
        display: block;
        width: 10px;
        height: 0;
        border-top: 1px solid;
        margin-top: -1px;
        position: absolute;
        top: 1em;
        left: 0;
    }

.tree-indicator {
    margin-right: 5px;
    cursor: pointer;
}

.treeview li a {
    text-decoration: none;
    color: inherit;
    background-color: #fff;
    cursor: pointer;
}

.treeview li button, .treeview li button:active, .treeview li button:focus {
    text-decoration: none;
    color: inherit;
    border: none;
    background: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: 0;
}

/*
.panel-heading [data-toggle="collapse"]:after
{
	font-family: 'Glyphicons Halflings';
	content: "\e258";
	float: right;
	color: #7b7474;
	font-size: 15px;
	line-height: 15px;

	-webkit-transform: rotate(90deg);
	-moz-transform:    rotate(90deg);
	-ms-transform:     rotate(90deg);
	-o-transform:      rotate(90deg);
	transform:         rotate(270deg);
}
.panel-heading [data-toggle="collapse"].collapsed:after
{
	-webkit-transform: rotate(90deg);
	-moz-transform:    rotate(90deg);
	-ms-transform:     rotate(90deg);
	-o-transform:      rotate(90deg);
	transform:         rotate(90deg);
}
*/


.emsg {
    color: red;
    font-family: sans-serif;
    font-size: 12px;
}

.hidden {
    visibility: hidden;
}

.emsgshelf {
    color: red;
    font-family: sans-serif;
    font-size: 12px;
}

.hiddenshelf {
    visibility: hidden;
}

.emsg1 {
    color: red;
    font-family: sans-serif;
    font-size: 12px;
}

.hidden1 {
    visibility: hidden;
}

.emsg2 {
    color: red;
    font-family: sans-serif;
    font-size: 12px;
}

.hidden2 {
    visibility: hidden;
}

.emsgemail {
    color: red;
    font-family: sans-serif;
    font-size: 12px;
}

.hiddenemail {
    visibility: hidden;
}

.emsgemail1 {
    color: red;
    font-family: sans-serif;
    font-size: 12px;
}

.hiddenemail1 {
    visibility: hidden;
}

.emsgedit {
    color: red;
    font-family: sans-serif;
    font-size: 12px;
}

.hiddenedit {
    visibility: hidden;
}

#leftsidedata {
    background-color: #ccc;
    margin-left: -90px;
}

.input-sm {
    height: 25px;
    padding: 0px 10px;
    font-size: 12px;
    line-height: 1.5;
    /*    margin-top: 7px;*/
    border-radius: 3px;
}

.input-sm1 {
    height: 25px;
    padding: 0px 10px;
    font-size: 12px;
    line-height: 1.5;
    /*    margin-top: 7px;*/
    border-radius: 3px;
}

select.input-sm {
    height: 25px;
    line-height: 0px;
}

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.switchdemoBasicUsage .inset {
    padding-left: 25px;
    padding-top: 25px;
}

md-switch {
    margin: -10px 0;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 30px;
    line-height: 28px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: inherit;
    margin-right: 16px;
}

    md-switch .md-label {
        border-color: transparent;
        border-width: 0;
        padding-left: 0px;
        font-size: 12px;
        font-family: verdana;
        margin-top: -5px;
    }

    md-switch.md-default-theme.md-checked.md-primary .md-thumb, md-switch.md-checked.md-primary .md-thumb {
        /*background-color:  #ff5252;*/
        height: 15px;
    }

    md-switch.md-default-theme.md-checked.md-primary .md-bar, md-switch.md-checked.md-primary .md-bar {
        /*background-color:  #fccfcf;*/
        height: 10px;
    }

    md-switch.md-default-theme.md-checked .md-bar, md-switch.md-checked .md-bar {
       background-color: rgba(63,81,181,0.5);
    }

    md-switch.md-default-theme.md-checked .md-thumb, md-switch.md-checked .md-thumb {
         background-color: rgb(63,81,181);
         height: 15px;
    }
.main-content {
	background: #fff !important;
}
    md-switch .md-bar {
        left: 1px;
        width: 34px;
        top: 5px;
        height: 10px;
        border-radius: 8px;
        position: absolute;
    }

    md-switch .md-thumb {
        position: absolute;
        margin: 0;
        left: 0;
        top: 0;
        outline: none;
        height: 15px;
        width: 20px;
        border-radius: 50%;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    }

md-label .ng-scope {
    padding-left: 35px;
}

md-switch:last-of-type {
    /* margin-left: inherit; */
    margin-right: -20px;
}

.navBardemoBasicUsage md-content .ext-content {
    padding: 50px;
    margin: 20px;
    background-color: #FFF2E0;
}


/* enable absolute positioning */
.inner-addon {
    position: relative;
}

    /* style glyph */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 5px;
        pointer-events: none;
    }

/* align glyph */
.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 17px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

thead {
    font-family: verdana;
    font-size: 12px;
}

tbody {
    font-size: 12px;
    font-family: verdana;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    margin-top: -1px;
}

textarea {
    resize: none;
}

a {
    text-decoration: none
}


#reportnavtabs1 {
    font-size: 14px;
    font-family: verdana;
}

h1 {
    margin-left: 15px;
    margin-bottom: 20px;
}
/*

@media (min-width: 768px) {

    .brand-pills > li > a {
        border-top-right-radius: 0px;
    	border-bottom-right-radius: 0px;
    }

    li.brand-nav.active a:after{
    	content: " ";
    	display: block;
    	width: 0;
    	height: 0;
    	border-top: 20px solid transparent;
    	border-bottom: 20px solid transparent;
    	border-left: 9px solid #428bca;
    	position: absolute;
    	top: 50%;
    	margin-top: -20px;
    	left: 100%;
    	z-index: 2;
    }
}
*/
/*
.sidemenuul{
  border-right: thick solid #b9e2f6;
}
*/

.sidemenuli.active a {
    background-color: #b9e2f6;
    color: #414141;
    font-weight: bold;
    font-family: verdana;
    font-size: 12px;
}

.sidemenuul .sidemenuli a {
    background-color: #172A4C;
    height: 30px;
    text-decoration: none;
    cursor: pointer;
    font-family: verdana;
    font-weight: lighter;
    color: #fff;
    font-size: 12px;
    padding-top: 5px;
    border-radius: 0px;
}

.sidemenuul > li > a:focus, .sidemenuul > li > a:hover {
    text-decoration: none;
    background-color: #172A4C;
    color: #fff;
}
/* added by chaitnya role permission page */
.a {
    background: white;
    color: black;
    text-decoration: none;
}

.collapseicons a:focus, .collapseicons a:hover {
    color: #fff;
    text-decoration: none;
}

.side {
    float: right;
    font-size: 12px;
    font-family: verdana;
}

.collapseicons a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e082";
    text-decoration: none;
    color: black;
}

.collapseicons a.collapsed:after {
    content: "\e081";
    text-decoration: none;
}

.sessiontime {
    margin-right: 6%;
}

.forcedchgepwd {
    margin-right: 15%;
}

.containertop {
    margin-top: 180px;
}

.req {
    color: red;
}

.rolehead {
    text-align: center;
}

.rol {
    margin-top: 0px;
}

.popupwidth {
    width: 130%;
}

.popmodal {
    margin-right: 29%;
}

.odd {
    background-color: #ffffff;
}

.even {
    background-color: #c5e7f7;
}

.codevalue {
    margin-left: 5%;
}

.mng {
    background: white;
    color: black;
    text-decoration: none;
}


.dropdown-menu .divider {
    height: 1px;
    margin: 2px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
/*
        a:hover {
   color: #821542;
    text-decoration: none;
    background-color: #f5f5f5;
}
*/
/*
.sidemenuul>li.active>a, .sidemenuul>li.active>a:focus, .sidemenuul>li.active>a:hover {
    color: #fff;
    background-color: #337ab7;
}
*/

/*
 .sidemenuul .sidemenuli:hover, .sidemenuul .sidemenuli:active, .sidemenuul .sidemenuli:focus {
        background-color: #034951;
        color: #ffffff;
        font-weight: lighter;
        cursor: pointer;

    }*/

#countryUL {
    list-style-type: none;
    margin-top: 10px;
    font-size: 12px;
    font-family: verdana;
}

#countryLI {
    text-align: left;
    padding-left: 16px;
}

#categoryUL {
    list-style-type: none;
    font-size: 12px;
    font-family: verdana;
}

#childone {
    list-style-type: none;
    font-size: 12px;
    font-family: verdana;
}

#deviceUL {
    list-style-type: none;
    font-size: 12px;
    font-family: verdana;
}

#childfour {
    list-style-type: none;
    font-size: 12px;
    font-family: verdana;
}

#manfactureUL {
    list-style-type: none;
    font-size: 12px;
    font-family: verdana;
}

#childtwo {
    list-style-type: none;
    font-size: 12px;
    font-family: verdana;
}

#submissionUL {
    list-style-type: none;
    font-size: 12px;
    font-family: verdana;
}

#childthree {
    list-style-type: none;
    font-size: 12px;
    font-family: verdana;
}

#marketUL {
    list-style-type: none;
    font-size: 12px;
    font-family: verdana;
}

#childfive {
    list-style-type: none;
    font-size: 12px;
    font-family: verdana;
}

#businessUnitUL {
    list-style-type: none;
    font-size: 12px;
    font-family: verdana;
}

#childsix {
    list-style-type: none;
    font-size: 12px;
    font-family: verdana;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    z-index: 1;
}

    .input-group.input-group-unstyled input.form-control {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

.input-group-unstyled .input-group-addon {
    border-radius: 4px;
    border: 0px;
    background-color: transparent;
}

.input-group-addon.input-sm {
    /* padding: 5px 10px; */
    font-size: 9px;
    /*    border-radius: 3px;*/
}

/*.red { background-color:red; }*/

.disabledhyperlink {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.disabledhyperlink1 {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.disabledhyperlink2 {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.disabledhyperlink3 {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.disabledhyperlink4 {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.disabledhyperlink5 {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.disabledhyperlink6 {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.manfacturerDisabledClass {
    pointer-events: none;
    cursor: default;
    background-color: #eee;
    opacity: 1;
}


.multiselect {
    width: 135px;
}

.selectBox {
    position: relative;
}

    .selectBox select {
        width: 100%;
    }

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes {
    display: none;
    border: 1px #dadada solid;
}

    #checkboxes label {
        display: block;
    }

        #checkboxes label:hover {
            background-color: #D3D3D3;
        }


.borderless td, .borderless th {
    border: none;
}

.scrollbar {
    margin-left: 0px;
    padding-left: 0px;
    border: 1px solid #ccc;
    height: 450px;
    overflow-y: scroll;
    float: left;
    border-radius: 4px;
}

.content {
    height: 450px;
}

#ex3::-webkit-scrollbar {
    width: 8px;
    background-color: #E0E0E0;
    border-radius: 10px;
}

#ex3::-webkit-scrollbar-thumb {
    background-color: #616161;
    border-radius: 10px;
}

    #ex3::-webkit-scrollbar-thumb:hover {
        background-color: #616161;
        border: 1px solid #333333;
    }

    #ex3::-webkit-scrollbar-thumb:active {
        background-color: #616161;
        border: 1px solid #333333;
    }

#ex3::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px gray inset;
}

.scrollbarlib {
    margin-left: 0px;
    padding-left: 0px;
    border: 1px solid #ccc;
    height: 300px;
    overflow-y: scroll;
    float: left;
    border-radius: 4px;
}

.contentlib {
    height: 300px;
}

#ex3lib::-webkit-scrollbarlib {
    width: 8px;
    background-color: #E0E0E0;
    border-radius: 10px;
}

#ex3lib::-webkit-scrollbar-thumb {
    background-color: #616161;
    border-radius: 10px;
}

    #ex3lib::-webkit-scrollbar-thumb:hover {
        background-color: #616161;
        border: 1px solid #333333;
    }

    #ex3lib::-webkit-scrollbar-thumb:active {
        background-color: #616161;
        border: 1px solid #333333;
    }

#ex3lib::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px gray inset;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    /*#social-icons {
        position: fixed;
        top: 25%;
    }*/

    #social-icon.left {
        left: 0px;
    }

    /*#social-icons.right {
        right: 17px;
    }*/

    #social-icons a {
        display: block;
        text-decoration: none;
        width: 30px;
        height: 30px;
    }

    #social-icons .fa {
        display: block;
        font-size: 20px;
        vertical-align: middle;
        text-align: center;
        margin: 0;
        /*padding: 8px;*/
        padding-right: 50px;
        color: #fff;
        text-shadow: 1px 1px 1px #222;
    }

    #social-icons:hover .fa {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

footer {
    background-color: #fff;
    /*min-height: 30px;*/
    width: 100%;
}
/* Social Icons */
/*
#social_side_links {
	position: fixed;
  top: 0px;
  left: 0;
  padding: 0;
  list-style: none;
  z-index: 99;
}

#social_side_links li a {display: block;}

#social_side_links li a img {
	display: block;
	max-width:40px;
  padding: 10px;
  -webkit-transition:  background .2s ease-in-out;
  -moz-transition:  background .2s ease-in-out;
  -o-transition:  background .2s ease-in-out;
  transition:  background .2s ease-in-out;
}

#social_side_links li a:hover img {background: rgba(0, 0, 0, .2);}
*/

/*******************************
        * MODAL AS LEFT/RIGHT SIDEBAR
        * Add "left" or "right" in modal parent div, after class="modal".
        * Get free snippets on bootpen.com
        *******************************/
.modal.left .modal-dialog, .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content, .modal.right .modal-content {
    height: 90%;
    width: 110%;
}

.modal.left .modal-body, .modal.right .modal-body {
    padding: 15px 15px 1px;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.50s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.50s ease-out;
    -o-transition: opacity 0.3s linear, left 0.50s ease-out;
    transition: opacity 0.3s linear, left 0.50s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.50s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.50s ease-out;
    -o-transition: opacity 0.3s linear, right 0.50s ease-out;
    transition: opacity 0.3s linear, right 0.50s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 40px;
}



/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}


.more-less {
    float: right;
    color: #212121;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: #fff6f6; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

.itemDelete {
    background-color: #fff;
    color: #000;
    text-decoration: none;
    position: relative;
    float: right;
    height: 0px;
}

; .blink {
    animation: blink 2s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
}

@keyframes blink {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink {
    to {
        visibility: hidden;
    }
}

.modal-open {
    padding-right: 0 !important;
}

html {
    overflow-y: scroll !important;
}



/*
.popup-box {
   background-color: #ffffff;
    border: 1px solid #b0b0b0;
    bottom: 0;
    display: none;
    height: 415px;
    position: fixed;
    right: 70px;
    width: 300px;
    font-family: 'Open Sans', sans-serif;
}
.round.hollow {
    margin: 40px 0 0;
}
.round.hollow a {
    border: 2px solid #ff6701;
    border-radius: 35px;
    color: red;
    color: #ff6701;
    font-size: 23px;
    padding: 10px 21px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}
.round.hollow a:hover {
    border: 2px solid #000;
    border-radius: 35px;
    color: red;
    color: #000;
    font-size: 23px;
    padding: 10px 21px;
    text-decoration: none;
}
.popup-box-on {
    display: block !important;
}
.popup-box .popup-head {
    background-color: #fff;
    clear: both;
    color: #7b7b7b;
    display: inline-table;
    font-size: 21px;
    padding: 7px 10px;
    width: 100%;
     font-family: Oswald;
}
.bg_none i {
    border: 1px solid #ff6701;
    border-radius: 25px;
    color: #ff6701;
    font-size: 17px;
    height: 33px;
    line-height: 30px;
    width: 33px;
}
.bg_none:hover i {
    border: 1px solid #000;
    border-radius: 25px;
    color: #000;
    font-size: 17px;
    height: 33px;
    line-height: 30px;
    width: 33px;
}
.bg_none {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}
.popup-box .popup-head .popup-head-right {
    margin: 11px 7px 0;
}
.popup-box .popup-messages {
}
.popup-head-left img {
    border: 1px solid #7b7b7b;
    border-radius: 50%;
    width: 44px;
}
.popup-messages-footer > textarea {
    border-bottom: 1px solid #b2b2b2 !important;
    height: 34px !important;
    margin: 7px;
    padding: 5px !important;
     border: medium none;
    width: 95% !important;
}
.popup-messages-footer {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    position: absolute;
    width: 100%;
}
.popup-messages-footer .btn-footer {
    overflow: hidden;
    padding: 0px 0px 35px 0px;
    width: 285%;
}
.simple_round {
    background: #d1d1d1 none repeat scroll 0 0;
    border-radius: 50%;
    color: #4b4b4b !important;
    height: 21px;
    padding: 0 0 0 1px;
    width: 21px;
}





.popup-box .popup-messages {
    background: #fff none repeat scroll 0 0;
    height: 275px;
    overflow: auto;
}
.direct-chat-messages {
    overflow: auto;
    padding: 10px;
    transform: translate(0px, 0px);

}
.popup-messages .chat-box-single-line {
    border-bottom: 1px solid #a4c6b5;
    height: 12px;
    margin: 7px 0 20px;
    position: relative;
    text-align: center;
}
.popup-messages abbr.timestamp {
    background: #3f9684 none repeat scroll 0 0;
    color: #fff;
    padding: 0 11px;
}

.popup-head-right .btn-group {
    display: inline-flex;
	margin: 0 8px 0 0;
	vertical-align: top !important;
}
.chat-header-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #636364;
    border-radius: 50%;
    font-size: 14px;
    height: 30px;
    width: 30px;
}
.popup-head-right .btn-group .dropdown-menu {
    border: medium none;
    min-width: 122px;
	padding: 0;
}
.popup-head-right .btn-group .dropdown-menu li a {
    font-size: 12px;
    padding: 3px 10px;
	color: #303030;
}

.popup-messages abbr.timestamp {
    background: #3f9684  none repeat scroll 0 0;
    color: #fff;
    padding: 0 11px;
}
.popup-messages .chat-box-single-line {
    border-bottom: 1px solid #a4c6b5;
    height: 12px;
    margin: 7px 0 20px;
    position: relative;
    text-align: center;
}
.popup-messages .direct-chat-messages {
    height: auto;
}
.popup-messages .direct-chat-text {
    background: #dfece7 none repeat scroll 0 0;
    border: 1px solid #dfece7;
    border-radius: 2px;
    color: #1f2121;
}

.popup-messages .direct-chat-timestamp {
    color: #fff;
    opacity: 0.6;
}

.popup-messages .direct-chat-name {
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 0 49px !important;
	color: #fff;
	opacity: 0.9;
}
.popup-messages .direct-chat-info {
    display: block;
    font-size: 12px;
    margin-bottom: 0;
}
.popup-messages  .big-round {
    margin: -9px 0 0 !important;
}
.popup-messages  .direct-chat-img {
    border: 1px solid #fff;
	background: #3f9684  none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 40px;
    margin: -21px 0 0;
    width: 40px;
}
.direct-chat-reply-name {
    color: #fff;
    font-size: 15px;
    margin: 0 0 0 10px;
    opacity: 0.9;
}

.direct-chat-img-reply-small
{
    border: 1px solid #fff;
    border-radius: 50%;
    float: left;
    height: 20px;
    margin: 0 8px;
    width: 20px;
	background:#3f9684;
}

.popup-messages .direct-chat-msg {
    margin-bottom: 10px;
    position: relative;
}

.popup-messages .doted-border::after {
*/
/*
	background: transparent none repeat scroll 0 0 !important;
    border-right: 2px dotted #fff !important;
	bottom: 0;
    content: "";
    left: 17px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 2px;
	 display: inline;
	  z-index: -2;
}

.popup-messages .direct-chat-msg::after {
    background: #fff none repeat scroll 0 0;
    border-right: medium none;
    bottom: 0;
    content: "";
    left: 17px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 2px;
	 display: inline;
	  z-index: -2;
}
.direct-chat-text::after, .direct-chat-text::before {

    border-color: transparent #dfece7 transparent transparent;

}
.direct-chat-text::after, .direct-chat-text::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #d2d6de transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: medium;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 15px;
    width: 0;
}
.direct-chat-text::after {
    border-width: 5px;
    margin-top: -5px;
}
.popup-messages .direct-chat-text {
    background: #dfece7 none repeat scroll 0 0;
    border: 1px solid #dfece7;
    border-radius: 2px;
    color: #1f2121;
}
.direct-chat-text {
    background: #d2d6de none repeat scroll 0 0;
    border: 1px solid #d2d6de;
    border-radius: 5px;
    color: #444;
    margin: 5px 0 0 50px;
    padding: 5px 10px;
    position: relative;
}
*/

/*ChatBot Style*/
/*
.popup-box {
    background-color: #ffffff;
    border: 1px solid #b0b0b0;
    bottom: 0;
    display: none;
    height: 415px;
    position: fixed;
    right: 70px;
    width: 300px;
    font-family: 'Open Sans', sans-serif;
}

.round.hollow {
    margin: 40px 0 0;
}

    .round.hollow a {
        border: 2px solid #ff6701;
        border-radius: 35px;
        color: red;
        color: #ff6701;
        font-size: 23px;
        padding: 10px 21px;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
    }

        .round.hollow a:hover {
            border: 2px solid #000;
            border-radius: 35px;
            color: red;
            color: #000;
            font-size: 23px;
            padding: 10px 21px;
            text-decoration: none;
        }

.popup-box-on {
    display: block !important;
}

.popup-box .popup-head {
    background-color: #fff;
    clear: both;
    color: #7b7b7b;
    display: inline-table;
    font-size: 21px;
    padding: 7px 10px;
    width: 100%;
    font-family: Oswald;
}

.bg_none i {
    border: 1px solid #ff6701;
    border-radius: 25px;
    color: #ff6701;
    font-size: 17px;
    height: 33px;
    line-height: 30px;
    width: 33px;
}

.bg_none:hover i {
    border: 1px solid #000;
    border-radius: 25px;
    color: #000;
    font-size: 17px;
    height: 33px;
    line-height: 30px;
    width: 33px;
}

.bg_none {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}

.popup-box .popup-head .popup-head-right {
    margin: 11px 7px 0;
}

.popup-box .popup-messages {
}

.popup-head-left img {
    border: 1px solid #7b7b7b;
    border-radius: 50%;
    width: 44px;
}

.popup-messages-footer > textarea {
    border-bottom: 1px solid #b2b2b2 !important;
    height: 34px !important;
    margin: 7px;
    padding: 5px !important;
    border: medium none;
    width: 95% !important;
}

.popup-messages-footer {
    background: #f3efef none repeat scroll 0 0;
    bottom: -29px;
    position: absolute;
    width: 100%;
}

    .popup-messages-footer .btn-footer {
        overflow: hidden;
        padding: 0px 0px 35px 0px;
        width: 285%;
    }

.simple_round {
    background: #d1d1d1 none repeat scroll 0 0;
    border-radius: 50%;
    color: #4b4b4b !important;
    height: 21px;
    padding: 0 0 0 1px;
    width: 21px;
}

.popup-box .popup-messages {
    background: #fff none repeat scroll 0 0;
    height: 275px;
    overflow: auto;
}

.direct-chat-messages {
    overflow: auto;
    padding: 10px;
    transform: translate(0px, 0px);
}

.popup-messages .chat-box-single-line {
    border-bottom: 1px solid #a4c6b5;
    height: 12px;
    margin: 7px 0 20px;
    position: relative;
    text-align: center;
}

.popup-messages abbr.timestamp {
    background: #3f9684 none repeat scroll 0 0;
    color: #fff;
    padding: 0 11px;
}

.popup-head-right .btn-group {
    display: inline-flex;
    margin: 0 8px 0 0;
    vertical-align: top !important;
}

.chat-header-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #636364;
    border-radius: 50%;
    font-size: 14px;
    height: 30px;
    width: 30px;
}

.popup-head-right .btn-group .dropdown-menu {
    border: medium none;
    min-width: 122px;
    padding: 0;
}

    .popup-head-right .btn-group .dropdown-menu li a {
        font-size: 12px;
        padding: 3px 10px;
        color: #303030;
    }

.popup-messages abbr.timestamp {
    background: #3f9684 none repeat scroll 0 0;
    color: #fff;
    padding: 0 11px;
}

.popup-messages .chat-box-single-line {
    border-bottom: 1px solid #a4c6b5;
    height: 12px;
    margin: 7px 0 20px;
    position: relative;
    text-align: center;
}

.popup-messages .direct-chat-messages {
    height: auto;
}

.popup-messages .direct-chat-text {
    background: #dfece7 none repeat scroll 0 0;
    border: 1px solid #dfece7;
    border-radius: 2px;
    color: #1f2121;
}

.popup-messages .direct-chat-timestamp {
    color: #fff;
    opacity: 0.6;
}

.popup-messages .direct-chat-name {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 0 49px !important;
    color: #fff;
    opacity: 0.9;
}

.popup-messages .direct-chat-info {
    display: block;
    font-size: 12px;
    margin-bottom: 0;
}

.popup-messages .big-round {
    margin: -9px 0 0 !important;
}

.popup-messages .direct-chat-img {
    border: 1px solid #fff;
    background: #3f9684 none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 40px;
    margin: -21px 0 0;
    width: 40px;
}

.direct-chat-reply-name {
    color: #fff;
    font-size: 15px;
    margin: 0 0 0 10px;
    opacity: 0.9;
}

.direct-chat-img-reply-small {
    border: 1px solid #fff;
    border-radius: 50%;
    float: left;
    height: 20px;
    margin: 0 8px;
    width: 20px;
    background: #3f9684;
}

.popup-messages .direct-chat-msg {
    margin-bottom: 10px;
    position: relative;
}

.popup-messages .doted-border::after {
    background: transparent none repeat scroll 0 0 !important;
    border-right: 2px dotted #fff !important;
    bottom: 0;
    content: "";
    left: 17px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 2px;
    display: inline;
    z-index: -2;
}

.popup-messages .direct-chat-msg::after {
    background: #fff none repeat scroll 0 0;
    border-right: medium none;
    bottom: 0;
    content: "";
    left: 17px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 2px;
    display: inline;
    z-index: -2;
}

.direct-chat-text::after, .direct-chat-text::before {
    border-color: transparent #dfece7 transparent transparent;
}

.direct-chat-text::after, .direct-chat-text::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #d2d6de transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: medium;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 15px;
    width: 0;
}

.direct-chat-text::after {
    border-width: 5px;
    margin-top: -5px;
}

.popup-messages .direct-chat-text {
    background: #dfece7 none repeat scroll 0 0;
    border: 1px solid #dfece7;
    border-radius: 2px;
    color: #1f2121;
}

.direct-chat-text {
    background: #d2d6de none repeat scroll 0 0;
    border: 1px solid #d2d6de;
    border-radius: 5px;
    color: #444;
    margin: 5px 0 0 50px;
    padding: 5px 10px;
    position: relative;
}

.chatlog {
    font: 15px arial, sans-serif;
    position: relative;
}

.glyphicon-user {
    margin-left: 12px;
}

.glyphicon-info-sign {
    margin-right: 8px;
    font-size: 20px;
    color: #2173ba;
}

.glyphicon-minus, .glyphicon-remove {
    margin: 3px;
    cursor: pointer;
    cursor: hand;
}

.col-md-2, .col-md-10 {
    padding: 0;
}
*/

/*.panel {
            margin-right: 8px;

        }*/

/*
.avpos {
    top: -18px;
}



::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.gly-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}


.msg_container_base {
    background: #fff;
    margin: 0;
    padding: 0 10px 10px;
    height:auto;
    max-height: 400px;
    overflow-x: hidden;
     overflow-y: scroll;
}

.msg_receive {
    padding-left: 0;
    margin-left: 0;
    background: #A3D8FF;
}

.msg_sent {
    margin-right: 0;
    background: white;
}

.messages {
    padding: 10px;
    border-radius: 2px;
    max-width: 100%;
    margin-bottom: 3px;
    background-color: #ccc;
}

    .messages > p {
        font-size: 13px;
        margin: 0 0 0.2rem 0;
    }

.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex;
}

.glyphicon-thumbs-down, .glyphicon-thumbs-up {
    float: right;
    padding: 0px 2px;
    font-size: 15px;
    color: grey;
    cursor: pointer;
}

.avatar {
    position: relative;
}

.base_receive > .avatar:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid #A3D8FF;
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}

small {
    font-size: 10px;
}

.base_sent {
    justify-content: flex-end;
    align-items: flex-end;
}

    .base_sent > .avatar:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 0;
        border: 5px solid white;
        border-right-color: transparent;
        border-top-color: transparent;
        box-shadow: 1px 1px 2px rgba(black, 0.2);
        top: 0px;
    }
*/

/*ChatBot Style*/
/*.input-sm-chat {
    margin-left: -9px;
    height: 30px;
    width: 110%;
    padding: 0px 6px;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
    border-radius: 3px;
}

.popup-box {
    z-index: 9999;
    background-color: #ffffff;
    border: 2px solid #b0b0b0;
    bottom: 0;
    display: none;
    height: 76%;
    position: fixed;
    right: 6%;
    width: 26%;
    font-family: 'Open Sans', sans-serif;
}

.round.hollow {
    margin: 40px 0 0;
}

    .round.hollow a {
        border: 2px solid #ff6701;
        border-radius: 35px;
        color: red;
        color: #ff6701;
        font-size: 23px;
        padding: 10px 21px;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
    }

        .round.hollow a:hover {
            border: 2px solid #000;
            border-radius: 35px;
            color: red;
            color: #000;
            font-size: 23px;
            padding: 10px 21px;
            text-decoration: none;
        }

.popup-box-on {
    display: block !important;
}

.popup-box .popup-head {
    background-color: #fff;
    clear: both;
    color: #7b7b7b;
    display: inline-table;
    font-size: 21px;
    padding: 5px 0px;
    width: 100%;
    overflow: hidden;
    cursor: move;
    font-family: Oswald;
}

.bg_none i {
    border: 1px solid #ff6701;
    border-radius: 25px;
    color: #ff6701;
    font-size: 17px;
    height: 33px;
    line-height: 30px;
    width: 33px;
}

.bg_none:hover i {
    border: 1px solid #000;
    border-radius: 25px;
    color: #000;
    font-size: 17px;
    height: 33px;
    line-height: 30px;
    width: 33px;
}

.bg_none {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}

.popup-box .popup-head .popup-head-right {
    margin: 11px 7px 0;
}

.popup-box .popup-messages {
    height: auto;
    overflow: auto;
}

.popup-head-left img {
    border: 1px solid #7b7b7b;
    border-radius: 50%;
    width: 44px;
}

.popup-messages-footer > textarea {
    border-bottom: 1px solid #b2b2b2 !important;
    height: 34px !important;
    margin: 7px;
    padding: 5px !important;
    border: medium none;
    width: 95% !important;
}

.panel .pop-footer {
    position: absolute;
    bottom: 0;
    background-color: #e0dfdf;
    margin-bottom: 0px;
    width: 100%;
}

.pop-text{
    margin-left: -9px;
    height: 30px;
    width: 90%;
    padding: 0px 6px;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
    border-radius: 3px;
}

.panel-default > .pop-heading {
    background-color: #1d1b94;
    color: #fff;
    height: 50px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    font-family: verdana;
}

.popup-messages-footer {
    bottom: 0px;
    position: absolute;
    padding: 10px 15px;
    background-color: #e0dfdf;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .popup-messages-footer .btn-footer {
        overflow: hidden;
        padding: 0px 0px 35px 0px;
        width: 285%;
    }

.simple_round {
    background: #d1d1d1 none repeat scroll 0 0;
    border-radius: 50%;
    color: #4b4b4b !important;
    height: 21px;
    padding: 0 0 0 1px;
    width: 21px;
}

.popup-box .popup-messages {
    background: #fff none repeat scroll 0 0;
    height: 275px;
    overflow: auto;
}

.direct-chat-messages {
    overflow: auto;
    padding: 10px;
    transform: translate(0px, 0px);
}

.popup-messages .chat-box-single-line {
    border-bottom: 1px solid #a4c6b5;
    height: 12px;
    margin: 7px 0 20px;
    position: relative;
    text-align: center;
}

.popup-messages abbr.timestamp {
    background: #3f9684 none repeat scroll 0 0;
    color: #fff;
    padding: 0 11px;
}

.popup-head-right .btn-group {
    display: inline-flex;
    margin: 0 8px 0 0;
    vertical-align: top !important;
}

.chat-header-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #636364;
    border-radius: 50%;
    font-size: 14px;
    height: 30px;
    width: 30px;
}

glyphicon glyphicon-user .popup-head-right .btn-group .dropdown-menu {
    border: medium none;
    min-width: 122px;
    padding: 0;
}

.popup-head-right .btn-group .dropdown-menu li a {
    font-size: 12px;
    padding: 3px 10px;
    color: #303030;
}

.popup-messages abbr.timestamp {
    background: #3f9684 none repeat scroll 0 0;
    color: #fff;
    padding: 0 11px;
}

.popup-messages .chat-box-single-line {
    border-bottom: 1px solid #a4c6b5;
    height: 12px;
    margin: 7px 0 20px;
    position: relative;
    text-align: center;
}

.popup-messages .direct-chat-messages {
    height: auto;
}

.popup-messages .direct-chat-text {
    background: #dfece7 none repeat scroll 0 0;
    border: 1px solid #dfece7;
    border-radius: 2px;
    color: #1f2121;
}

.popup-messages .direct-chat-timestamp {
    color: #fff;
    opacity: 0.6;
}

.popup-messages .direct-chat-name {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 0 49px !important;
    color: #fff;
    opacity: 0.9;
}

.popup-messages .direct-chat-info {
    display: block;
    font-size: 12px;
    margin-bottom: 0;
}

.popup-messages .big-round {
    margin: -9px 0 0 !important;
}

.popup-messages .direct-chat-img {
    border: 1px solid #fff;
    background: #3f9684 none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 40px;
    margin: -21px 0 0;
    width: 40px;
}

.direct-chat-reply-name {
    color: #fff;
    font-size: 15px;
    margin: 0 0 0 10px;
    opacity: 0.9;
}

.direct-chat-img-reply-small {
    border: 1px solid #fff;
    border-radius: 50%;
    float: left;
    height: 20px;
    margin: 0 8px;
    width: 20px;
    background: #3f9684;
}

.popup-messages .direct-chat-msg {
    margin-bottom: 10px;
    position: relative;
}

.popup-messages .doted-border::after {
    background: transparent none repeat scroll 0 0 !important;
    border-right: 2px dotted #fff !important;
    bottom: 0;
    content: "";
    left: 17px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 2px;
    display: inline;
    z-index: -2;
}

.popup-messages .direct-chat-msg::after {
    background: #fff none repeat scroll 0 0;
    border-right: medium none;
    bottom: 0;
    content: "";
    left: 17px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 2px;
    display: inline;
    z-index: -2;
}

.direct-chat-text::after, .direct-chat-text::before {
    border-color: transparent #dfece7 transparent transparent;
}

.direct-chat-text::after, .direct-chat-text::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #d2d6de transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: medium;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 15px;
    width: 0;
}

.direct-chat-text::after {
    border-width: 5px;
    margin-top: -5px;
}

.popup-messages .direct-chat-text {
    background: #dfece7 none repeat scroll 0 0;
    border: 1px solid #dfece7;
    border-radius: 2px;
    color: #1f2121;
}

.direct-chat-text {
    background: #d2d6de none repeat scroll 0 0;
    border: 1px solid #d2d6de;
    border-radius: 5px;
    color: #444;
    margin: 5px 0 0 50px;
    padding: 5px 10px;
    position: relative;
}

.chatlog {
    font: 15px arial, sans-serif;
    position: relative;
}

.glyphicon-user {
    margin-left: 12px;
}

.glyphicon-info-sign {
    margin-right: 8px;
    font-size: 20px;
    color: #2173ba;
}

.glyphicon-minus, .glyphicon-remove {
    margin: 3px;
    cursor: pointer;
    cursor: hand;
}

.col-md-2, .col-md-10 {
    padding: 0;
}

.avpos {
    top: -18px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.gly-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}


.msg_container_base {
    background: #fff;
    margin: 0;
    padding: 0 10px 10px;
    max-height: 80%;
    overflow-x: hidden;
}

.icon_minim {
    padding: 2px 10px;
}

.msg_receive {
    margin-left: 0px;
    background: #eae3ff;
}

.msg_sent {
    margin-right: 0px;
    background: white;
}

.messages_User {
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 3px;
    background-color: #eae3ff;
}

.messages > p {
    font-size: 13px;
    margin: 0 0 0.2rem 0;
}

.messages_Bot {
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 3px;
    background-color: #BBDEFB;
}

.messages > p {
    font-size: 13px;
    margin: 0 0 0.2rem 0;
}

.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex;
}

.glyphicon-thumbs-down, .glyphicon-thumbs-up {
    float: right;
    padding: 0px 2px;
    font-size: 15px;
    color: grey;
    cursor: pointer;
}

.avatar {
    position: relative;
}

.base_receive > .avatar:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -1px;
    width: 0;
    height: 0;
    border: 5px solid #eae3ff;
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}

small {
    font-size: 12px;
}

.base_sent {
    justify-content: flex-end;
    align-items: flex-end;
}

    .base_sent > .avatar:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -3px;
        width: 0;
        height: 0;
        border: 5px solid #9cd4fd;
        border-right-color: transparent;
        border-top-color: transparent;
        box-shadow: 1px 1px 2px rgba(black, 0.2);
        top: 14px;
    }*/

/*Star Rating Style*/
/*.rating {
    color: #a9a9a9;
    margin: 0;
    padding: 0;
    font-size: 25px;
}

ul.rating {
    display: flow-root;
    margin-left: 204px;
    margin-top: -19px;
}

.rating li {
    list-style-type: none;
    display: inline;
    padding: 1px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.rating .filled {
    color: #21568b !important;
}

.action-elem-chat {
    border: 1px solid blue;
    border-radius: 5px;
    padding: 3px;
    background: #fff;
    margin-right: 7px;
    font-size: 13px;
    color: blue;
    display: inline-block;
    margin-bottom: 6px;
    cursor: pointer;
}

.speech-bubble {
    position: relative;
    background: #15b4f1;
    border-radius: .4em;
}

    .speech-bubble:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 0;
        border: 20px solid transparent;
        border-top-color: #15b4f1;
        border-bottom: 0;
        border-left: 0;
        margin-left: -10px;
        margin-bottom: -20px;
    }
    .chatFade{
        background:#aaaaaa;
        opacity: 0.6;
    }*/

.sidenav {
    /*
    height: 100%;
    width: 160px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 20px;
*/
    height: 100%;
    width: 180px;
    position: fixed;
    z-index: 1;
    top: 150px;
    /*    left: 20px;*/
    left: 0px;
    background-color: #414141;
    overflow-x: hidden;
    padding-top: 20px;
}

    .sidenav a {
        /*
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
*/
        /*    padding: 6px 8px 6px 16px;*/
        padding: 16px 8px 12px 16px;
        text-decoration: none;
        font-size: 12px;
        color: #fff;
        display: block;
        font-family: verdana;
    }

        .sidenav a:hover {
            color: #f1f1f1;
        }

/*
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}*/

.viewAllDashStyle {
    float: right;
    margin-top: -18px;
    font-size: 12px;
    font-family: verdana;
    color: #fff;
    cursor: pointer;
    font-weight: lighter;
}

.docHistroyClass[aria-expanded="false"]::before, .docHistroyClass[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.8em;
    color: #414141;
    margin-top: 6px;
}

.docHistroyClass[aria-expanded="true"]::before {
    content: '\e260';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.8em;
    color: #414141;
    margin-top: 6px;
}


/*ChatBot Style*/
.input-sm-chat {
    margin-left: -9px;
    height: 30px;
    width: 110%;
    padding: 0px 6px;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
    border-radius: 3px;
}

.chatwindow {
    margin: 8px;
    height: 90%;
    width: 50%;
    display: flex;
    flex-direction: column;
}

.popup-box {
    background-color: #ffffff;
    border: 2px solid #b0b0b0;
    bottom: 0;
    display: none;
    height: 60%;
    position: fixed;
    right: 6%;
    width: 20%;
    font-family: 'Open Sans', sans-serif;
}

.round.hollow {
    margin: 40px 0 0;
}

    .round.hollow a {
        border: 2px solid #ff6701;
        border-radius: 35px;
        color: red;
        color: #ff6701;
        font-size: 23px;
        padding: 10px 21px;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
    }

        .round.hollow a:hover {
            border: 2px solid #000;
            border-radius: 35px;
            color: red;
            color: #000;
            font-size: 23px;
            padding: 10px 21px;
            text-decoration: none;
        }

.popup-box-on {
    display: block !important;
}

.popup-box .popup-head {
    background-color: #fff;
    clear: both;
    color: #7b7b7b;
    display: inline-table;
    font-size: 21px;
    padding: 5px 0px;
    width: 100%;
    overflow: hidden;
    cursor: move;
    font-family: Oswald;
}

.bg_none i {
    border: 1px solid #ff6701;
    border-radius: 25px;
    color: #ff6701;
    font-size: 17px;
    height: 33px;
    line-height: 30px;
    width: 33px;
}

.bg_none:hover i {
    border: 1px solid #000;
    border-radius: 25px;
    color: #000;
    font-size: 17px;
    height: 33px;
    line-height: 30px;
    width: 33px;
}

.bg_none {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}

.popup-box .popup-head .popup-head-right {
    margin: 11px 7px 0;
}

.popup-box .popup-messages {
    height: auto;
    overflow: auto;
}

.popup-head-left img {
    border: 1px solid #7b7b7b;
    border-radius: 50%;
    width: 44px;
}

.popup-messages-footer > textarea {
    border-bottom: 1px solid #b2b2b2 !important;
    height: 34px !important;
    margin: 7px;
    padding: 5px !important;
    border: medium none;
    width: 95% !important;
}

.popup-messages-footer {
    bottom: 0px;
    position: absolute;
    padding: 10px 15px;
    background-color: #e0dfdf;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .popup-messages-footer .btn-footer {
        overflow: hidden;
        padding: 0px 0px 35px 0px;
        width: 285%;
    }

.simple_round {
    background: #d1d1d1 none repeat scroll 0 0;
    border-radius: 50%;
    color: #4b4b4b !important;
    height: 21px;
    padding: 0 0 0 1px;
    width: 21px;
}

.popup-box .popup-messages {
    background: #fff none repeat scroll 0 0;
    height: 275px;
    overflow: auto;
}

.direct-chat-messages {
    overflow: auto;
    padding: 10px;
    transform: translate(0px, 0px);
}

.popup-messages .chat-box-single-line {
    border-bottom: 1px solid #a4c6b5;
    height: 12px;
    margin: 7px 0 20px;
    position: relative;
    text-align: center;
}

.popup-messages abbr.timestamp {
    background: #3f9684 none repeat scroll 0 0;
    color: #fff;
    padding: 0 11px;
}

.popup-head-right .btn-group {
    display: inline-flex;
    margin: 0 8px 0 0;
    vertical-align: top !important;
}

.chat-header-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #636364;
    border-radius: 50%;
    font-size: 14px;
    height: 30px;
    width: 30px;
}

glyphicon glyphicon-user .popup-head-right .btn-group .dropdown-menu {
    border: medium none;
    min-width: 122px;
    padding: 0;
}

.popup-head-right .btn-group .dropdown-menu li a {
    font-size: 12px;
    padding: 3px 10px;
    color: #303030;
}

.popup-messages abbr.timestamp {
    background: #3f9684 none repeat scroll 0 0;
    color: #fff;
    padding: 0 11px;
}

.popup-messages .chat-box-single-line {
    border-bottom: 1px solid #a4c6b5;
    height: 12px;
    margin: 7px 0 20px;
    position: relative;
    text-align: center;
}

.popup-messages .direct-chat-messages {
    height: auto;
}

.popup-messages .direct-chat-text {
    background: #dfece7 none repeat scroll 0 0;
    border: 1px solid #dfece7;
    border-radius: 2px;
    color: #1f2121;
}

.popup-messages .direct-chat-timestamp {
    color: #fff;
    opacity: 0.6;
}

.popup-messages .direct-chat-name {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 0 49px !important;
    color: #fff;
    opacity: 0.9;
}

.popup-messages .direct-chat-info {
    display: block;
    font-size: 12px;
    margin-bottom: 0;
}

.popup-messages .big-round {
    margin: -9px 0 0 !important;
}

.popup-messages .direct-chat-img {
    border: 1px solid #fff;
    background: #3f9684 none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 40px;
    margin: -21px 0 0;
    width: 40px;
}

.direct-chat-reply-name {
    color: #fff;
    font-size: 15px;
    margin: 0 0 0 10px;
    opacity: 0.9;
}

.direct-chat-img-reply-small {
    border: 1px solid #fff;
    border-radius: 50%;
    float: left;
    height: 20px;
    margin: 0 8px;
    width: 20px;
    background: #3f9684;
}

.popup-messages .direct-chat-msg {
    margin-bottom: 10px;
    position: relative;
}

.popup-messages .doted-border::after {
    background: transparent none repeat scroll 0 0 !important;
    border-right: 2px dotted #fff !important;
    bottom: 0;
    content: "";
    left: 17px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 2px;
    display: inline;
    z-index: -2;
}

.popup-messages .direct-chat-msg::after {
    background: #fff none repeat scroll 0 0;
    border-right: medium none;
    bottom: 0;
    content: "";
    left: 17px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 2px;
    display: inline;
    z-index: -2;
}

.direct-chat-text::after, .direct-chat-text::before {
    border-color: transparent #dfece7 transparent transparent;
}

.direct-chat-text::after, .direct-chat-text::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #d2d6de transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: medium;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 15px;
    width: 0;
}

.direct-chat-text::after {
    border-width: 5px;
    margin-top: -5px;
}

.popup-messages .direct-chat-text {
    background: #dfece7 none repeat scroll 0 0;
    border: 1px solid #dfece7;
    border-radius: 2px;
    color: #1f2121;
}

.direct-chat-text {
    background: #d2d6de none repeat scroll 0 0;
    border: 1px solid #d2d6de;
    border-radius: 5px;
    color: #444;
    margin: 5px 0 0 50px;
    padding: 5px 10px;
    position: relative;
}

.chatlog {
    font: 15px arial, sans-serif;
    position: relative;
}

.glyphicon-user {
    margin-left: 12px;
}

.glyphicon-info-sign {
    margin-right: 8px;
    font-size: 20px;
    color: #2173ba;
}

.glyphicon-minus, .glyphicon-remove {
    margin: 3px;
    cursor: pointer;
    cursor: hand;
}

/*.col-md-2, .col-md-10 {
    padding: 0;
}*/

.avpos {
    top: -18px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.gly-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}


.msg_container_base {
    background: #fff;
    margin: 0;
    padding: 0 10px 10px;
    max-height: 75%;
    overflow-x: hidden;

}

.icon_minim {
    padding: 2px 10px;
}

.msg_receive {
    margin-left: 0px;
    background: #eae3ff;
}

.msg_sent {
    margin-right: 0px;
    background: white;
}

.messages_User {
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 3px;
    background-color: #eae3ff;
}

.messages > p {
    font-size: 13px;
    margin: 0 0 0.2rem 0;
}

.messages_Bot {
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 3px;
    background-color: #BBDEFB;
}

.messages > p {
    font-size: 13px;
    margin: 0 0 0.2rem 0;
}

.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex;
}

.glyphicon-thumbs-down, .glyphicon-thumbs-up {
    float: right;
    padding: 0px 2px;
    font-size: 15px;
    color: grey;
    cursor: pointer;
}

.avatar {
    position: relative;
}

.base_receive > .avatar:after {
    content: "";
    position: absolute;
    top: 6px;
    right: -1px;
    width: 0;
    height: 0;
    border: 5px solid #eae3ff;
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}

small {
    font-size: 12px;
}

.base_sent {
    justify-content: flex-end;
    align-items: flex-end;
}

    .base_sent > .avatar:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -3px;
        width: 0;
        height: 0;
        border: 5px solid #9cd4fd;
        border-right-color: transparent;
        border-top-color: transparent;
        box-shadow: 1px 1px 2px rgba(black, 0.2);
        top: 14px;
    }

/*Star Rating Style*/
.rating {
    color: #a9a9a9;
    margin: 0;
    padding: 0;
    font-size: 25px;
}

ul.rating {
    display: flow-root;
    margin-left: 204px;
    margin-top: -19px;
}

.rating li {
    list-style-type: none;
    display: inline;
    padding: 1px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.rating .filled {
    color: #21568b !important;
}

.action-elem-chat {
    border: 1px solid blue;
    border-radius: 5px;
    padding: 3px;
    background: #fff;
    margin-right: 7px;
    font-size: 13px;
    color: blue;
    display: inline-block;
    margin-bottom: 6px;
    cursor: pointer;
}

.speech-bubble {
    position: relative;
    background: #15b4f1;
    border-radius: .4em;
}

    .speech-bubble:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 0;
        border: 20px solid transparent;
        border-top-color: #15b4f1;
        border-bottom: 0;
        border-left: 0;
        margin-left: -10px;
        margin-bottom: -20px;
    }

.navbar-global {
  background-color: white;
}

.navbar-global .navbar-brand {
  color: black;
}

.navbar-global .navbar-user > li > a
{
  color: black;
}

.navbar-primary {
  /*background-color: #333;*/
  background-color: #172A4C;
  bottom: 0px;
  left: 0px;
  position: absolute;
  top: 62px;
  width: 200px;
  z-index: 8;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.navbar-primary.collapsed {
  width: 60px;
}

.navbar-primary.collapsed .glyphicon {
  font-size: 22px;
}

.navbar-primary.collapsed .nav-label {
  display: none;
}

.btn-expand-collapse {
    position: absolute;
    display: block;
    left: 13%;
    bottom:0;
    top: -10px;
    width: 2%;
    padding: 8px 0;

    color: grey;
    font-size: 20px;
    text-align: center;
}

.btn-expand-collapse:hover,
.btn-expand-collapse:focus {

}

.btn-expand-collapse:active {

}

.navbar-primary-menu,
.navbar-primary-menu li {
  margin:0; padding:0;
  list-style: none;
}

.navbar-primary-menu li a {
  display: block;
  padding: 10px 18px;
  text-align: left;
     /* border-bottom: solid 1px #444; */
    color: #ccc;
    /*background-color: #333;*/
    background-color: #172A4C;
}

.navbar-primary-menu .active a{
      /*background-color: #000!important;*/
      background-color: #2E508E!important;
}

.navbar-primary-menu li a:hover {
  /*background-color: #000;*/
  background-color: #2E508E;
  text-decoration: none;
  color: white;
}
/*.active12{
    background-color: #5583D6!important;
}*/
.navbar-primary-menu li a .glyphicon {
  margin-right: 6px;
}

.navbar-primary-menu li a:hover .glyphicon {
/*  color: orchid;*/
}

.main-content {

  margin-left: 50px;
  padding: 0px;

}

.is-shift-content{
	margin-left:63px;
}

.collapsed + .main-content {
  margin-left: 60px;
}


.container {
    width: 100%;
}


.tabsdemoDynamicHeight md-content {
  background-color: transparent !important; }
  .tabsdemoDynamicHeight md-content md-tabs {
    background: #f6f6f6;
    border: 1px solid #e1e1e1; }
    .tabsdemoDynamicHeight md-content md-tabs md-tabs-wrapper {
      background: white; }
  .tabsdemoDynamicHeight md-content h1:first-child {
    margin-top: 0; }

.breadcrumb {
			    background-color: #8080801f;
    			height: 58px;
			    position: relative;
				top: 10px;
		}
		.product_view {
/*			    border-color: #034951  !important;*/
		}

		.product_head {
				background-color: #034951  !important;
				color: white !important;
				height: 30px;
				padding-top: 5px;
				font-size: 12px;
				font-weight: bold;
			}
		.panel {
			margin-bottom: 20px;
			background-color: #fff;
			border: 1px solid transparent;
			border-radius: 0px  !important;
		}
		 .product_body {
			padding: 29px  !important;
		}
.basic_head {
    background-color: #034951 !important;
    color: white !important;
}
.eifu_head {
    background-color: #034951 !important;
    color: white !important;
}
.edms_head {
    background-color: #034951 !important;
    color: white !important;
}

        #right_nav {
            background-color: white !important;
            height: 40px;
            text-decoration: none;
            cursor: pointer;
            font-family: sans-serif;
            font-weight: lighter;
            color: black !important;
        }


        .navbar {
            position: relative;
            min-height: 50px;
            margin-bottom: 20px;
            /* border: 1px solid #333; */
            border-bottom: 1px solid #80808042 !important;
        }

        .a_id1:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }


        .a_id1:before {
        }

        .a_id1.show:after,
        .a_id1.show:before {
            display: none;
        }


        #a_id20:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }


        #a_id20:before {
        }

        #a_id20.show:after,
        #a_id20.show:before {
            display: none;
        }

		#a_idsmgt:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }


        #a_idsmgt:before {
        }

        #a_idsmgt.show:after,
        #a_idsmgt.show:before {
            display: none;
        }

		#a_tempid:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }


        #a_tempid:before {
        }

        #a_tempid.show:after,
        #a_tempid.show:before {
            display: none;
        }

        /* start edms New*/
        #edmsNew_id:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }


        #edmsNew_id:before {
        }

        #edmsNew_id.show:after,
        #edmsNew_id.show:before {
            display: none;
        }
        /* End edms New*/

        #a_d30:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }


        #a_d30:before {
        }

        #a_d30.show:after,
        #a_d30.show:before {
            display: none;
        }

        #a_d40:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }
        #a_cor:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }
        #a_std:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }

        #a_d40:before {
        }

        #a_d40.show:after,
        #a_d40.show:before {
            display: none;
        }

        #a_cor:before {
        }

        #a_cor.show:after,
        #a_cor.show:before {
            display: none;
        }

        #a_std:before {
        }

        #a_std.show:after,
        #a_std.show:before {
            display: none;
        }

        #a_d50:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }


        #a_d50:before {
        }

        #a_d50.show:after,
        #a_d50.show:before {
            display: none;
        }

        .a_id15:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }


        .a_id15:before {
        }

        .a_id15.show:after,
        .a_id15.show:before {
            display: none;
        }


        .a_id:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }


        .a_id:before {
        }

        .a_id.show:after,
        .a_id.show:before {
            display: none;
        }

        #eifu_id:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }


        #eifu_id:before {
        }

        #eifu_id.show:after,
        #eifu_id.show:before {
            display: none;
        }

         #edms_id:after {
            font-family: 'FontAwesome';
            content: "\f107";
            float: right;
            color: #fff;
            font-size: 19px;
        }


        #edms_id:before {
        }

        #edms_id.show:after,
        #edms_id.show:before {
            display: none;
        }

        .main-content.wide {
            width: 105%;
        }

        .product:hover .dropdown-content {
            display: block;
        }
         .regis:hover  {
            display: block;
            background-color:black;
        }

        .navbar-primary.collapsed.product:hover .dropdown-content {
            display: block;
        }

        .dropdown-content {
            /*			position: absolute;*/
            right: 0;
            min-width: 160px;
            /*			box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
            z-index: 999;
        }

        .navbar-primary-menu li .a_id1:active,
        .navbar-primary-menu li .a_id1:focus {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }

        li#nav_id.product.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }

        li#nav_id.regis.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }

        li#nav_id.commit.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }

        li#nav_id.udi.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }
        li#nav_id.cor.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }
        li#nav_id.std.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }
        li#nav_id.org.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }

        li#nav_id.adminn.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }

        li#nav_id.user.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }

        li#nav_id.eifu.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }


        li#nav_id.edms.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }

		 li#nav_id.subm_mgt.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }

 		li#nav_id.template_mgt.active {
            background-color: #010101 !important;
            border-left: 2px solid #007bff;
        }

        .pageSubmenu7 {
             background-color: #414141 !important;

        }
        .active {
            background-color: transparent !important;
        }

         .active1 {
            background-color: #414141;
        }

        ul {
            padding-left: 17px;
        }

        .glyphicon-user {
            margin-left: 0px;
        }

        .breadcrumb {
            background-color: white !important;
            height: 58px;
            position: relative;
            top: 10px;
        }
        .standards {
            width: 200px;
            padding-left: 2px;
            float: left;
            margin-left: -92px;
            margin-right: -92px;
            padding-top: 2px;
            padding: -2px;
        }
        .display_flex{
            display:flex;
        }

.hctregisterchartdiv {
    width: 100%;
    height: 500px;
}
select[multiple].input-sm {
    height: auto;
    cursor: pointer !important;
}


/*
#paneltitleid {
	text-decoration: none;
	cursor: pointer;

}

#paneltitleid:hover {
	text-decoration: none;
	cursor: pointer;
}
*/
/*

#section_panelid {
	word-wrap: break-word;
	height: auto !important;

}
*/
.vertical-align-top{
    vertical-align: top;
}
.CK_class .ng-ckeditor{
    margin: 10px 0;
}
.list_css {
    margin: 10px 0;
    width:300px;
}
.editDropDown{
    background:#ffffff;
    border: 1px solid #FFC0CB;
    position:fixed;
    font-size:11px;
    top:auto;
    left:auto;
    width:inherit;
}
.editDropDown ul{
    list-style: none;
    padding:0 15px;
}
.editDropDown ul li{
    padding: 3px 0;
    height: auto!important;
    width: auto!important;
}
.editDropDown.sms ul{
padding:0px;
}
.editDropDown.sms ul li{
  padding: 3px 15px;
  height: auto!important;
  width: auto!important;
}
.editDropDown.sms ul li:hover{
background-color: #ccc;
color:#000;
font-weight: bold;
}
/*#map div:nth-child(2) {
  display: none;
}*/
.sectionsTable{
    width:100%;
}
.progress_css div{
    font-size: 10px;
    /*padding-left: 5px;*/
}
.progress_css{
    border-radius: 0;
    border: 1px solid #00000047;

}
.uploadedFilesDiv span{
    font-size: 10px;
}
.uploadedFilesDiv{
    padding: 5px;
     margin-left: 40px;
    padding-bottom: 5px;
    width: 95%;
    background-color: #cccccc9c;
    /* border : 2px solid #c9effd; */
}
/*.uploadedFilesDiv:hover,.uploadedFilesDiv:focus,.uploadedFilesDiv:focus-within{

    border : 2px solid #cccccc9c;
}*/
.assign_span{
  color:#ccc;
  cursor: pointer;
}
.assign_span .fa-user{
    color:#ccc !important;
}
.sccontainer{
    padding: 0;
}
.pad0{
    padding-left: 0;
    padding-right: 0;
}

.actionDropdown a{
    background-color: #f2f3dd!important;
    color: #333!important;
    height: 25px!important;
}
.actionDropdown a:hover{
    font-weight: bold!important;
}
.reportTabs{
  padding-top:20px;
}
.reportTabs li a{
  background-color: #fff!important;
  color:#000!important;
  border:2px solid #b7d5fc;
  border-bottom: 0;
  margin-right: 5px;
}
.reportTabs li a:hover{
  background-color: #368dff57!important;
}
.reportTabs .active a{
  background-color: #368dff57!important;
}
.closeBtn,.closeBtn:hover{
    background-color: #fff;
    font-weight: bold;
    color: #808080!important;
}
.addrowTable{
  padding-bottom: 10px;
}
.overviewDivs{
    width:25%;
    float: left;
}
.overviewDivs span{
    color:#0182ca;
    font-weight: bold;
    float: left;
        padding-top: 0;
}
.overviewDivs b{
    font-weight: 100;
    float: left;
    width: 33%;
font-size: 12px;
}

.rowButton{
  width:215px;
}
.draftBtn,.reviewBtn,.reviewReturnBtn,.reviewProgessBtn,.approvedBtn,.HAReviewBtn,.ProofReadBtn,.RevCBtn{
  padding: 6px 32px;
  color:#fff;
  width:212px;
}
.CCDS_bl,.IFU_bl{
    border-left : 5px solid #e36b31;
}

.Labelling_bl,.ArtWork_bl,.SupplyChain_bl,.CCDS_bl,.IFU_bl,.Design_bl,.Label_bl{
    cursor : pointer;
}
.Labelling_bl,.Label_bl{
    border-left : 5px solid #0086c0;
}
.ArtWork_bl,.Design_bl{
    border-left : 5px solid #9cd326;
}
.SupplyChain_bl{
    border-left : 5px solid #a25ddc;
}
.draftBtn,.CCDS_clr i,.IFU_clr i{
  background-color: #e36b31;
}
.reviewBtn,.Labelling_clr i,.Label_clr i{
  background-color: #0086c0;
}
.reviewReturnBtn,.ArtWork_clr i{
  background-color: #9cd326;
}
.reviewProgessBtn,.SupplyChain_clr i{
  background-color: #a25ddc;
}
.approvedBtn,.USPI_clr i,.Design_clr i{
  background-color: #4CAF50;
}
.HAReviewBtn{
  background-color: #FDAB3D;
}
.RevCBtn{
    background-color: #ea8ddf;
}
.ProofReadBtn{
  background-color: #43c4a6;
}
.avatar{
  float:left;
}
 .Box{
    width: 98%;
    height: 146px;
    margin-top: 45px;
    margin-left: 10px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    background-color:#f3f2f2;
    padding-top:15px;
}
.willFill{
    width: -webkit-fill-available;
}
.ul_Styles{
   list-style-type:none;
}
.arrowIcon-RAView {
    width: 20px;
    padding: 3px;
    font-size: 15px;
    margin: 4px;
    color: #fff;
    border-radius: 50%;
    background-color: red;
}
.padding10{
    padding: 10px;
}
.faIconsCustom i{
    background-color: #dfdfdf;
    color:#737373;
    font-size: 14px;
    padding: 5px;
    cursor:pointer;
}
/* table overlay  button css */

.StatusChangeBtn {
    position: relative;
    display: inline-block;
}

.StatusChangeDiv button {
    margin: 5px;
}
button {
    border: 0;
    background: 0;
    cursor: pointer;
}
.StatusChangeDiv {
    visibility: hidden;
    background-color: #fff;
    color: red;
    padding: 15px;
    text-align: center;
    position: absolute;
    z-index: 111;
    top: 30px;
    left: 0%;
    margin-left: -74px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
    width: 285px;
}

.StatusChangeBtn .StatusChangeDiv::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 48%;
    margin-left: -5px;
    border-width: 9px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}

.StatusChangeBtn:hover .StatusChangeDiv {
    visibility: visible;
}
.statusButton span,.rowButton {
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    font-weight:bold;
      padding: 6px 32px;
}

.rowButton{
  width:215px;
}
.newBtn,.inprogressBtn,.queryBtn,.withdrawnBtn,.submittedBtn,.abandonBtn,.approvedBtn,.returnedBtn{
  padding: 6px 32px;
  color:#fff;
  width:212px;
}
.CCDS_bl,.IFU_bl{
    border-left : 5px solid #e36b31;
}

.Labelling_bl,.ArtWork_bl,.SupplyChain_bl,.CCDS_bl,.IFU_bl,.Design_bl,.Label_bl{
    cursor : pointer;
}
.Labelling_bl,.Label_bl{
    border-left : 5px solid #0086c0;
}
.ArtWork_bl,.Design_bl{
    border-left : 5px solid #9cd326;
}
.SupplyChain_bl{
    border-left : 5px solid #a25ddc;
}
.newBtn,.CCDS_clr i,.IFU_clr i{
  background-color: #9cd326;
}
.inprogressBtn,.Labelling_clr i,.Label_clr i{
  background-color: #0086c0;
}
.ArtWork_clr i{
  background-color: #9cd326;
}
.withdrawnBtn,.SupplyChain_clr i{
  background-color: #a25ddc;
}
.submittedBtn,.USPI_clr i,.Design_clr i{
  background-color: #4CAF50;
}
.HAReviewBtn,.queryBtn{
  background-color: #FDAB3D;
}
.RevCBtn,.abandonBtn{
    background-color: #ea8ddf;
}
.returnedBtn{
    background-color: #ff6161;
}
.ProofReadBtn,.approvedBtn{
  background-color: #43c4a6;
}
.avatar{
  float:left;
}
.Box{
width: 98%;
height: 146px;
margin-top: 45px;
margin-left: 10px;
margin-bottom: 20px;
border: 1px solid #ddd;
background-color:#f3f2f2;
padding-top:15px;
}

.willFill{
  width: -webkit-fill-available;
}
.overlayComments, .overlayAttachments {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0 !important;
    /* background-color: rgb(0,0,0); */
    background-color: #e5e8ec;
    /* background: #d1d8e0; */
    overflow-x: hidden;
    transition: 0.5s;
}
.overlay-content h3{
  font-size: 24px;
}
.overlay-content {
  position: relative;
  /* top: 5%; */
  width: 100%;
  /* text-align: center; */
  /* margin-top: 30px; */
  padding: 15px 30px;
}
.overlayBuild {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2;
    top: 0;
    right: 0 !important;
    /* background-color: rgb(0,0,0); */
    background-color: #fff;
    /* background: #d1d8e0; */
    overflow-x: hidden;
    transition: 0.5s;
    border : 1px solid #ccc;
}
.overlay-Build h3{
  font-size: 24px;
}
.overlay-Build {
  position: relative;
  /* top: 5%; */
  width: 100%;
  /* text-align: center; */
  /* margin-top: 30px; */
  padding: 15px 30px;
}
.commscroll{
    height:50vh;
    overflow-y:auto;
}
.commscroll1{
    height:300px;
    overflow-y:auto;
}
.mt10 {
    margin-top:10px;
}
.mlr0{
    margin-left:0px;
    margin-right:0px;
}
.bggray{
    background: #e9e9ea;
}
.brleft{
    border-right:1px solid #ddd;
    padding-left: 10px;
    padding-right: 10px;
}
.pd10{
    padding:10px 15px;
}
.cmmsend{
    margin-right: 0px;
    margin-left: 0px;
    border-radius: 5px;
}

.mb10{
    margin-bottom:10px;
}
.commreplybtn{
    background-color: #039be5 !important;
    color: white !important;
    border-radius: 5px;
    padding: 0px 10px;
    height: 24px;
}
.commreplysend{
    background-color: #861a47 !important;
    color: white !important;
    border-radius: 5px;
    padding: 0px 10px;
    height: 24px;
}


.overlayComments a ,.overlayAttachments a{
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlayComments a:hover, .overlayComments a:focus,.overlayAttachments a:hover, .overlayAttachments a:focus {
  color: #f1f1f1;
}
.commetbg{
    background: #fff;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.commetIcon{
    background: green;
    color:#fff;

    padding:5px 10px;
     border-radius:50%;
     float:left;
}

.overlayComments .closebtn,.overlayAttachments .closebtn{
    position: absolute;
    top: 0px;
    left: 20px;
    font-size: 30px;
    color:#ab0404;
}
.overlayBuild .closeBuildbtn{
    position: absolute;
    font-size: 16px;
    width: 100%;
    color: #888888;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

  .commetul li a,.commetul li a:hover{
    font-size:14px;
    background: transparent;
    color:#337ab7;
    font-weight: bold;

  }

  .commetul>li.active>a, .commetul>li.active>a:focus, .commetul>li.active>a:hover{
      background: transparent;
      color:#337ab7;
      font-weight: bold;
    border-bottom: 3px solid #337ab7;
    border-radius: 0px;
  }

@media screen and (max-height: 450px) {
  .overlayComments a,.overlayAttachments a {font-size: 20px}
  .overlayComments .closebtn,.overlayAttachments .closebtn {
    font-size: 30px;
    top: 0px;
    left: 10px;
  }
}
.width_200px{
  width:200px;
}
.rowEventCSS{
  height: 45px;
}
.pb10{
  padding-bottom: 10px;
}
.pt10{
  padding-top: 10px;
}
.pt20{
  padding-top: 20px;
}
.StatusChangeDiv button{
    cursor: pointer;
}
.commentTd{
  font-size:20px!important;
}
.AttachmentDiv{
  border:1px solid #777;
  margin-bottom: 20px;
  padding:9px;
}
.padtb3{
  padding: 3px 0;
}
.mart30{
  margin-top:30px;
}
.mart0{
  margin-top:0;
}
.UL_List li a, .UL_List li a:hover{
    border:0!important;
}
.btnViewMore, .btnViewMore:hover{

    /* color: #000; */
    text-decoration: underline;
    font-size: 12px;
    padding: 4px;
    cursor: pointer;
}
.supClass{
  padding: 2px 5px;
  border-radius: 50%;
  margin-left:-5px;
}
/* .table_RAview tbody{
  padding: 15px 0;
  display: table-caption;
} */
.table_RAview tbody:nth-child(even){
  background-color: #e2e9f3;

}
.edittableEvents tr:nth-child(even){
    background-color: #e2e9f3;
}
.redclr{
  color : #ab0404;
}
.Statusrep {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /* background-color: red; */
    display: block;
}
.draftStatusrep{
  background-color:#ffc90e;
}
.reviewStatusrep{
  background-color:#ff7f27;
}
.ApprovedStatusrep{
  background-color:#9cd326;
}
.PublishStatusrep{
  background-color:#4CAF50;
}
.ReturnedStatusrep{
  background-color:#a25ddc;
}
.float-left-action{
  float:left;
  padding-left: 10px;
}
.mt5{
   margin-top: 5px;
}
.pad15{
  padding: 15px;
}
.Row1{
   text-align:right;
   padding-right:0px;
   font-size:12px !important;
}
.eifuDataDiv{
  border:1px solid #ddd;
  display: inline-block;
  margin: 5px 0;
  padding: 15px 0;
}
.float-right-action{
  float:right;
}
.bgClrtransparent{
  background-color: transparent!important;
}
.font14{
  font-size:14px;
}
.Textdiv{
  padding-top:10px;
}
.anchorTag, .anchorTag:hover{
  text-decoration: underline;
  color:#ff8100;
}
.mt15{
  margin-top:15px;
}
.SectionsHead .SectionTitle::before{
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: left;
    color: grey;
    padding-right: 10px;
}
.SectionsHead.collapsed .SectionTitle::before{
    content: "\e113";
}
.pad2{
    padding: 2px;
}
.mt20{
    margin-top: 20px;
}
.font20{
    font-size: 20px;
}
.uploadedfiles li {
    display: block;
    position: relative;
    line-height: 21px;
    text-align: center;
}
.drop-box {
    background: #F8F8F8;
    border: 2px dashed #DDD;
    width: 200px;
    height: 65px;
    text-align: center;
    padding-top: 10px;
    margin: 10px;
    font-size: 14px;
}

.dragover {
    border: 5px dashed blue;
}
.folderClr{
    color: #9dd8f1;
}
.cancelBtnCSS {
    font-size: 12px !important;
    text-transform: none !important;
    font-family: verdana !important;
    font-weight: 600 !important;
}

.saveBtnCSS {
    background-color: #034951 !important;
    font-size: 12px !important;
    text-transform: none !important;
    font-family: verdana !important;
    font-weight: 600 !important;
}
.fa-search {
    color: #034951;
}
.fa-plus {
    color: #034951 !important;
}
md-backdrop.md-menu-backdrop {
    z-index: 12000 !important;
}
.md-open-menu-container {
    z-index: 12001 !important;
}
.md-button:not([disabled]):hover {
    background-color: rgb(214 229 243);
}
option:not([disabled]):hover {
    background-color:  rgb(214 229 243) !important;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, md-input-container:not(.md-input-invalid).md-input-resized .md-input {
    border-color: #034951 !important;
}
md-select:not([disabled]):focus .md-select-value{
    border-bottom-color: #034951 !important;
}
md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
    color: #034951 !important;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, md-input-container:not(.md-input-invalid).md-input-focused label, md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, md-input-container:not(.md-input-invalid).md-input-focused md-icon {
    color: #034951 !important;
}
md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
    color: #034951 !important;
}
.form-control:focus {
    border-color: #034951; /* Change this to your desired color */
    outline: none; /* Removes the default outline */
}
md-switch.md-default-theme.md-checked:not([disabled]).md-primary .md-bar, md-switch.md-checked:not([disabled]).md-primary .md-bar {
    background-color: #034951c7 !important;
}
md-switch.md-default-theme.md-checked:not([disabled]).md-primary .md-thumb, md-switch.md-checked:not([disabled]).md-primary .md-thumb {
    background-color: #034951 !important;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #034951 !important;
    color: #ffffff;
}
md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
    color: #034951;
}
input[type='checkbox'] {
    accent-color: #821542 !important;
}
input[type='radio'] {
    accent-color: #821542;
}
.ag-theme-alpine .ag-checkbox-input-wrapper.ag-checked::after {
    color: #821542 !important;
}
.ag-theme-alpine .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button, .ag-theme-alpine .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button {
    border-left-color: #821542;
    color: #821542 !important;
}
.ag-theme-alpine .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button, .ag-theme-alpine .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button {
    border-left-color: #821542 !important;
    color: #821542 !important;
}
.ag-theme-alpine .ag-chart-menu-icon:hover, .ag-theme-alpine .ag-chart-settings-next:hover, .ag-theme-alpine .ag-chart-settings-prev:hover, .ag-theme-alpine .ag-column-group-icons:hover, .ag-theme-alpine .ag-column-select-header-icon:hover, .ag-theme-alpine .ag-filter-toolpanel-expand:hover, .ag-theme-alpine .ag-floating-filter-button-button:hover, .ag-theme-alpine .ag-group-contracted .ag-icon:hover, .ag-theme-alpine .ag-group-expanded .ag-icon:hover, .ag-theme-alpine .ag-group-title-bar-icon:hover, .ag-theme-alpine .ag-header-cell-menu-button:hover, .ag-theme-alpine .ag-header-expand-icon:hover, .ag-theme-alpine .ag-panel-title-bar-button:hover, .ag-theme-alpine .ag-side-button-button:hover, .ag-theme-alpine .ag-tab:hover {
    color: #821542 !important;
}
.ag-theme-alpine .ag-toggle-button-input-wrapper.ag-checked {
    background-color: #821542 !important;
    border-color: #821542 !important;
}
.ag-theme-alpine .ag-toggle-button-input-wrapper.ag-checked:before {
    border-color: #821542 !important;
}
.alert-danger {
    color: #000000 !important;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #034951;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #034951;
    border-color: #034951;
}