@import 'https://fonts.googleapis.com/css?family=Fjalla+One';
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800|Open+Sans:400,400i,600,700|Raleway:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Poppins|Roboto');
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

*,
 ::after,
 ::before {
    box-sizing: border-box;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #333;
}

body {
    /* min-height: 100vh;
   display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;*/
    line-height: 1;
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
    /*background: #f1f1f1 none repeat scroll 0 0;*/
    background: #fbfbfb none repeat scroll 0 0;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

table {
    border-spacing: 0;
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
}

.thead {
    background-color: #1376af;
    text-align: center;
}


/* th {
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    color: #fff;
    /*color: #f5f5f5;
    padding: 0px 5px;
    font-size: 14px;
    box-sizing: border-box;
    font-weight: 500;
}

td {
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    font-size: 13px;
    font-weight: normal;
    padding: 0px 6px;
    text-align: left;
    color: #666;
    box-sizing: border-box;
} */

.status_bar tbody {
    background: #fff;
}

.status_bar tbody tr:nth-child(odd) {
    background: #fbfbfb !important;
}


/*.status_bar tbody:nth-child(odd) {
    background: #eee;
}*/

.clr_lg_blue {
    background-color: #19547f !important;
}

.error_msg_head {
    padding-left: 10px;
    color: #3B7116 !important;
    font-size: 14px;
    display: inline-block;
    padding-top: 2px;
}

.container {
    width: 100%;
    display: inline-block;
}

.wrapper {
    width: 100%;
    /*max-width: 1180px;*/
    min-width: 320px;
    margin: 0px auto;
}

.head {
    width: 100%;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
}

.display_inline {
    display: inline-block;
    vertical-align: top;
}

.text-center {
    text-align: center!important;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}


/*Login Page Css*/

.login-content {
    /* background-image: url("../img/bg-2.jpg"); */
    background-color: #545454;
    background-size: cover;
    padding-bottom: 0;
    min-height: 100px;
}

.login-wrapper {
    display: table;
    height: 100vh;
    width: 100%;
}

.login-div {
    display: table-cell;
    vertical-align: middle;
}

.login-box {
    position: relative;
    max-width: 460px;
    margin: 20px auto;
    background-color: #fff;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .12);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .12);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 30px;
}

.brand_logo_container {
    position: absolute;
    height: 160px;
    width: 160px;
    left: 32%;
    top: -110px;
    border-radius: 50%;
    background: #545454;
    padding: 10px;
    text-align: center;
    justify-content: center;
}

.brand_logo-thumb {
    height: 130px;
    width: 130px;
    padding: 15px;
    border-radius: 60%;
    /* border: 2px solid #ebeeef; */
    position: absolute;
    background: #fff;
    left: 15px;
    top: 15px;
    margin: 0;
}


/*.login-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
}


.login-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
}


.login-div {
    padding: 1.25rem 1.25rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-pack: center!important;
   justify-content: center!important;
   display: -webkit-block;
    display: -moz-flex;
    display: -ms-block;
    display: -o-flex;
    display: flex;
   background-image: url("../img/bg-2.jpg");
   background-repeat: no-repeat;

}


.login_main {
    width: 25%;
    margin: 0 auto;
}

.login-box{
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .1875rem;
    padding: 30px;
}*/

.login-logo h1 {
    font-weight: 800;
    line-height: 1.5385;
    font-size: 25px;
    color: #68b70c;
    font-family: 'Fjalla One', sans-serif;
    letter-spacing: .90px;
    margin: 5px 0;
}

.login-logo a:hover,
.login-logo a:active,
.login-logo a:focus {
    text-decoration: none;
}

.login-logo h5 {
    margin-bottom: 20px;
    font-size: 16px;
}

.login li {
    display: inline-block;
}

.login li.chat-icons {
    display: inline-block;
    border-right: 1px solid #1c841c;
    margin-right: 10px;
    cursor: pointer;
}

.login li.chat-icons a i {
    font-size: 18px;
}


/*
@media (max-width: 1300px){
    .login_main{
        width: 50%;
    }
}


@media (max-width: 767px){
    .login_main{
        width: 80%;
    }
}
*/

.form-control {
    display: block;
    width: 100%;
    padding: .4375rem .875rem;
    /*font-size: .8125rem;*/
    line-height: 1.5385;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: .1875rem;
    box-shadow: 0 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.login-submit {
    background-color: #2196f3;
    border-radius: 2px;
    border-color: #2196f3;
    padding: 5px 15px;
    display: block;
    width: 100%;
}


/*Old css*/

.head_bg {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.058823529411764705);
}

.logo {
    float: left;
    /*padding: 26px 10px;*/
    padding: 10px;
    /*background:#5cb85c;*/
    background: #fff;
}

.logo img {
    /*float: left;*/
    /*margin-top:5px;*/
    display: inline-block;
    vertical-align: middle;
}

.logo a span {
    display: inline-block;
    vertical-align: middle;
    color: #1c841c;
    font-family: 'Fjalla One', sans-serif;
    letter-spacing: 0.3px;
    font-size: 23px;
    margin-left: 6px;
    font-weight: 600;
}

.headright {
    display: block;
    vertical-align: top;
    float: right;
    /*padding: 30px 0px;*/
    padding: 18px 0px;
    position: relative;
}

.headright p {
    display: inline-block;
    color: #16A05D;
    font-size: 16px;
    /*margin: 0 10px 12px 0px;*/
    text-align: center;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
}

.headright .login a {
    text-decoration: none;
    color: #D24D57;
    font-size: 100%;
    font-size: 15px;
    padding: 0px;
    margin: 0 10px 0 0;
}

.headright .login img {
    width: 18px;
}

.headright .login li a {
    text-decoration: none;
    color: #1c841c;
    /*padding: 31px 15px 31px 15px;*/
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.login-dropdown {
    background: #1c841c;
    left: auto;
    right: 0;
    opacity: 0;
    /*padding: 10px;*/
    position: absolute;
    top: auto;
    -webkiit-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    width: 200px;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px 1px hsla(0, 0%, 0%, 0.1);
}

.headright .login li ul.login-dropdown li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.headright .login li ul.login-dropdown li a {
    color: #fff;
}

.headright .login li:hover ul.login-dropdown {
    opacity: 1;
    visibility: visible;
    -webkiit-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    top: 50px;
}

.display_inline_blk {
    display: inline-block;
    width: 100%;
    text-align: center;
}


/* .nav {

    font-family: "microsoft sans Serif";
    font-size: 14px;
    color: #fff;
    display:inline-block;
    padding:0;
    vertical-align:bottom;
    float: left;
    margin-left:0px;
} */


/*.nav_bg {
    background-color: #f3f3f3;
    background: -webkit-linear-gradient(#FAFAFA, #D3D3D3);
    background: -o-linear-gradient(#FAFAFA, #D3D3D3);
    background: -moz-linear-gradient(#FAFAFA, #D3D3D3);
    background: linear-gradient(#FAFAFA, #D3D3D3);
}*/

.nav ul {
    height: auto;
    padding: 0px;
    margin: 0px;
}

.nav ul li {
    display: inline-block;
}

.nav ul li a {
    text-decoration: none;
    color: #1c841c;
    /*padding: 31px 15px 31px 15px;*/
    padding: 18px 15px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    /*padding: 45px 15px;*/
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    position: relative;
}

.nav ul li a img {
    vertical-align: bottom;
    height: 15px;
}

.nav ul li a.last_menu_icon img {
    width: 17px;
}

.nav ul li a:hover {
    /*color: #fff;*/
    /*background: #6C7A89;*/
    /*background: #164a05;*/
    /*              text-decoration:underline;
                background: #F3F3F3;
                background: -webkit-linear-gradient(#D3D3D3, #FAFAFA);
                background: -o-linear-gradient(#D3D3D3, #FAFAFA);
                background: -moz-linear-gradient(#D3D3D3, #FAFAFA);
                background: linear-gradient(#D3D3D3, #FAFAFA);   */
}

.nav ul li a.active {
    /*background: #103950;*/
    border-bottom: 1px solid #3E9FA6;
    color: #d2d2d2;
    padding: 0 0 10px;
}

.header_main,
.header_main h2 {
    color: #3B7116;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0;
}

.header_bg_clr {
    /*border-bottom: 1px solid #aaa;*/
    border-left: 0px solid #d24d57;
    /*border-top: 1px solid #aaa;*/
    box-sizing: border-box;
    /*margin:20px 0 0 0;*/
    padding: 15px 15px;
}

.header_main h2 {
    color: #333;
    font-size: 20px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    display: inline-block;
    /*font-weight: bold;*/
}

.header_main h2 sub {
    font-size: 16px;
    color: #103950;
    text-align: left;
    padding: 10px;
}

.cbr_update {
    /*float: right;
    margin:0px 5% 0px 0;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    padding: 30px 20px;
    color:#fff;
    font-size: 16px;*/
    float: right;
    margin: 0px 5% 0px 0;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 9px 20px;
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
}

.sign_out_header a,
.ps_header a {
    color: #333333 !important;
}

.sign_out_header a:hover,
.ps_header a:hover {
    color: #1c841c !important;
}

.sign_out_header i {
    color: #1c841c;
    padding: 0 10px;
    font-size: 16px;
}

.ps_header i {
    color: #1c841c;
    font-size: 16px;
    padding: 0 10px;
}

.raw_list_sec_form {
    display: inline-block;
    width: 100%;
    margin: 10px 0px;
}

.table_top_form {
    font-size: 17px;
    color: #fff;
    background-color: #2C3E50;
    width: 230px;
    height: 20px;
    padding: 2px;
    float: left;
    padding-bottom: 2px;
    vertical-align: bottom;
    margin: 20px 0 0px 0px;
}

.multi_drop,
.ms-options-wrap {
    display: inline-block;
    margin: 0 0 0 10px;
}

.form_head {
    /*background: #F3F3F3;*/
    width: 100%;
    display: inline-block;
    padding: 10px 0px 10px 10px;
    /*box-shadow: 0px 7px 9px -6px #ccc;*/
}

.filed_raw_check {
    color: #28a1c0;
    display: inline-block;
    font-size: 15px;
    margin: 4px 0 0;
}

.form_head h2 {
    font-size: 18px;
    color: #ed0011;
    text-align: left;
    padding: 10px;
    font-weight: bold;
}

.form_head h2 sub {
    font-size: 16px;
    color: #103950;
    text-align: left;
    padding: 10px;
}

.clear {
    clear: both;
}

.status_bar_inner {
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

.status_bar {
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

.status_bar_inner tr,
.status_bar_inner th,
.status_bar_inner td {
    vertical-align: middle;
    height: 30px;
    /*min-width: 150px;*/
    line-height: 20px;
}

.status_bar tr,
.status_bar th,
.status_bar td {
    vertical-align: middle;
    height: 30px;
    /*min-width: 150px;*/
    line-height: 20px;
    /*width: 11%;*/
}

.status_bar thead tr {
    /*background: #2d8bd5 none repeat scroll 0 0;*/
    /*background: #0879c1;
        background: -webkit-linear-gradient(#2597EC, #1267AB);
        background: -o-linear-gradient(#2597EC, #1267AB);
        background: -moz-linear-gradient(#2597EC, #1267AB);
        background: linear-gradient(#2597EC, #1267AB);
         */
}

.inner_table,
.inner_table tr td {
    border: none;
    height: 55px;
    width: 100%;
}

.inner_table_head,
.inner_table_head tr td {
    border: none;
    height: 60px;
    width: 100%;
    color: rgba(0, 0, 0, 0.75);
}

.inner_table_head,
.inner_table_head tr td {
    border: none;
}

.inner_table_head td:first-child {
    border-right: 1px solid #e1e1e1;
    min-width: 70px;
    max-width: 110px;
}

.inner_table_head td:nth-child(2) {
    border-left: 1px solid #e1e1e1;
    /*  min-width: 70px;
            max-width: 110px;*/
}

.inner_table_head td:nth-child(3) {
    border-left: 1px solid #e1e1e1;
    /*   min-width: 70px;
            max-width: 110px;*/
}


/*.inner_table_head{
    margin:10px 0 0 0;
}*/

span.week {
    /*margin: 0 450px;*/
    font-weight: bold;
    background: #5D85B2;
    color: white;
    padding: 5px 10px;
    border-radius: 7px;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
}

.tbl_img img {
    max-width: 100%;
    vertical-align: middle;
    padding-left: 3px;
    text-align: center;
}

.content_dynamic {
    display: inline-block;
    word-break: break-all;
    width: 100%;
    color: #1376af;
    font-size: 18px;
    margin: 10px;
    box-sizing: border-box;
    line-height: 20px;
}

.same_as_head {
    color: #1376af;
    font-size: 18px;
}

.search a {
    padding-left: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    float: left;
    padding-top: 5px;
    opacity: 0.3;
}

.search img {
    float: right;
    height: 18px;
}

em.ng-binding {
    float: left;
    padding: 0 12px;
}


/*  .price_wrong {
                background: url(../img/wrong.png) no-repeat right center;
                width: 16px;
                height: 17px;
                display: inline-block;
                padding: 0 15px;
        }
        .price_equal {
            background: url(../img/equal.png) no-repeat right center;
            width: 16px;
            height: 17px;
            display: inline-block;
            padding: 0 15px;
        }*/

.price_down {
    background: rgba(0, 0, 0, 0) url("../img/down.png") no-repeat scroll right center;
    display: inline-block;
    float: left;
    height: 17px;
    margin: 0 10px;
    padding: 0 17px;
}

.price_up {
    background: rgba(0, 0, 0, 0) url("../img/up.png") no-repeat scroll right center;
    display: inline-block;
    float: left;
    height: 17px;
    margin: 0 10px;
    padding: 0 15px;
    /*width: 16px;*/
}

.price_wrong {
    background: rgba(0, 0, 0, 0) url("../img/wrong.png") no-repeat scroll right center;
    display: inline-block;
    float: left;
    height: 17px;
    margin: 0 10px;
    padding: 0 15px;
    /*width: 14px;*/
}

.price_equal {
    background: rgba(0, 0, 0, 0) url("../img/equal.png") no-repeat scroll right center;
    display: inline-block;
    float: left;
    height: 17px;
    margin: 0 10px;
    padding: 0 15px;
}


/*.price_up {
    background:url(../img/up.png) no-repeat right center;
    width:16px;
    height:17px;
    display:inline-block;
}
.price_down {
    background:url(../img/down.png) no-repeat right center;
    width:16px;
    height:17px;
    display:inline-block;
}
.price_wrong {
    background:url(../img/wrong.png) no-repeat right center;
    width:16px;
    height:17px;
    display:inline-block;
}
.price_equal {
    background:url(../img/equal.png) no-repeat right center;
    width:16px;
    height:17px;
    display:inline-block;
}*/

.unique_cate {
    float: right;
    /*margin-right: 5px;*/
    color: #333;
    font-size: 19px;
    padding: 7px 5px 7px 28px;
    background: url(../img/unique_category1.png) no-repeat 5px center #f8f8f8;
    /*border-radius: 5px;*/
    box-shadow: 1px 0px 5px #B5B5B5;
}

.unique_sku {
    float: right;
    margin-right: 5px;
    color: #333;
    font-size: 19px;
    padding: 7px 5px 7px 28px;
    background: url(../img/total_sale1.png) no-repeat 5px center #f8f8f8;
    /*border-radius: 5px;*/
    box-shadow: 1px 0px 5px #B5B5B5;
}

.total_sales {
    float: right;
    margin-right: 5px;
    color: #333;
    font-size: 19px;
    padding: 7px 5px 7px 28px;
    background: url(../img/unique_sku.png) no-repeat 5px center #f8f8f8;
    /*border-radius: 5px;*/
    box-shadow: 1px 0px 5px #B5B5B5;
}

.total_items {
    float: right;
    margin-right: 5px;
    color: #333;
    font-size: 19px;
    padding: 7px 5px 7px 28px;
    background: url(../img/total_item.png) no-repeat 5px center #f8f8f8;
    /*border-radius: 5px;*/
    box-shadow: 1px 0px 5px #B5B5B5;
}


/* .head_menu div span{
    font-size: 20px;
} */

.no_competitor {
    float: right;
    margin-right: 5px;
    color: #333;
    font-size: 19px;
    padding: 7px 5px 7px 28px;
    background: url(../img/no_competitor1.png) no-repeat 5px center #f8f8f8;
    box-shadow: 1px 0px 5px #B5B5B5;
}

.check_box_text {
    color: #28a1c0;
    font-size: 15px;
}

.pageination {
    margin: 10px 0;
    display: inline-block;
}

.search_blue {
    display: inline-block;
    margin: 0% 5% 0 0;
}

.search_blue a {
    padding-left: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    float: left;
    padding-top: 5px;
    opacity: 0.3;
}

.dashboard_highlighted {
    background: #D24D57;
    text-align: left;
}

.dashboard_highlighted td {
    color: #fff !important;
}

.table_main_new thead tr th {
    color: #fff;
    font-size: 18px;
    background: #2D8BD5;
    text-align: left;
    padding: 10px;
    line-height: 20px;
}

.content_main_filter {
    margin-top: 0px;
}

.button_normal_onoff {
    padding: 5px 0px 5px 40px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #1877c1;
    vertical-align: top;
}

.button_normal {
    color: #FFF;
    padding: 5px 40px 5px 6px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    background: #2d8bd5 none repeat scroll 0 0;
    /*float: left;*/
}

.button_normal:hover {
    background: #3498DB;
}

.button_apply {
    color: #FFF;
    padding: 3px 5px 3px 25px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    background: #009e47 url("../img/apply.png") no-repeat 5px;
    text-align: right;
}

.button_apply:hover {
    background-color: #00713b;
    transition: 0.5s;
}

.export_button {
    padding: 6px 30px 7px 10px;
    float: right;
    margin: 7px 0px 0 0;
    font-size: 15px !important;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    /*background: url(../img/export_data.png) #2C3E50 no-repeat 10px center;*/
    background: url("../img/export_data1.png") no-repeat right 1px #00886D;
}

.export_button:hover {
    background: url("../img/export_data1.png") no-repeat right 1px #007459;
}


/*.button_delete{
     padding: 5px 10px 5px 30px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;

    color: #fff;

     background: url(../img/delete_black.png) #D24D57 no-repeat 10px center;
}*/

.button_search {
    color: #FFF;
    /*padding: 7px 40px 5px 6px;*/
    padding: 5px 15px;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    background-color: #1267bc;
    /*background: url("../img/search1.png") no-repeat right 1px, linear-gradient(#2597EC, #1267AB);*/
    /*background: url("../img/search1.png") no-repeat right 4px #0069C1;*/
}

.button_search i {
    padding-left: 3px;
}

.button_search_tab1 {
    color: #FFF;
    padding: 3px 15px 3px 15px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    background-color: #00886D;
    font-size: 15px !important;
}

.button_search_tab1:hover {
    background-color: #007459;
}

.button_search:hover {
    background-color: #005896;
    transition: 0.5s;
}

.itm_lst {
    float: right;
    padding: 0 10px;
    margin-right: 10px;
    border-radius: 6px;
}

.itm_lst img {
    padding: 3px 0 0 10px;
    vertical-align: bottom;
    float: left;
}

.itm_lst p {
    display: inline-block;
    text-align: right;
    font-size: 17px;
    color: #696969;
}

.list_item a {
    float: right;
    padding: 10px;
}

.list_item {
    background-image: url("../img/list.png");
    background-position: 3% bottom;
    background-repeat: no-repeat;
    border: 2px solid #f4f4f4;
    border-radius: 8px;
    height: 0;
    padding: 2%;
    width: 250px;
    background-color: #f4f4f4;
}

.next_prev_haed {
    padding: 10px 0px;
    background: #f8f8f8 !important;
}

.next_prev {
    color: #fff;
    border: none !important;
}

.next_prev table {
    width: auto !important;
    border: medium none;
}

.next_prev td a {
    color: #6C6C6A;
    vertical-align: top;
    border: none;
    text-transform: initial;
}

.next_prev td {
    border: none !important;
}

.input_page {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #333;
    color: #333;
    margin: 0;
    padding: 1px 10px 1px 2px;
    vertical-align: middle;
    width: 25px;
    height: 18px;
}

.select_nav {
    float: none;
    padding: 2px;
}

.drop_down_med_cbr {
    padding: 2px;
    width: 160px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 12px;
    height: 29px !important;
    margin-bottom: 10px;
    color: #505050;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin-left: 4px;
}

.footer_main {
    background: #3c3c3c;
    box-shadow: 0 4px 5px #ccc;
    padding: 0px 0;
    width: 100%;
    vertical-align: top;
    position: fixed !important;
    left: 0;
    bottom: 0;
    z-index: 100;
}

.relative {
    position: relative;
}

.footer_main img {
    padding: 0 15px 0 5px;
    vertical-align: middle;
}

.footer_main a {
    color: #b3b3b3;
}

.flt_left {
    float: left;
}

.flt_left a {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
}

.foot_text a {
    font-size: 12px;
    font-weight: 400;
    color: #b3b3b3;
    line-height: 22px;
    align-items: center;
}

.apa_footer {
    display: inline-block;
    padding: 0 0 0 10px !important;
    vertical-align: middle;
}

.flt_right {
    float: right;
}


/*********************On Off style************************/

.number_highlighted {
    color: #3e9fa6 !important;
    font-size: 22px !important;
}

.switch {
    display: inline-block;
    height: 28px;
    position: relative;
    top: 2px;
    width: 54px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    background-color: white;
    bottom: 4px;
    height: 20px;
    left: 4px;
    transition: all 0.4s ease 0s;
    width: 20px;
}

input:checked+.slider {
    background-color: #3498DB;
}

input:focus+.slider {
    box-shadow: 0 0 1px #3498DB;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.select_drop {
    width: 120px;
    height: 25px;
    margin-left: 15px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
}

.padding_right_15 {
    padding-right: 15px;
}

.padding_bottom_15 {
    padding-bottom: 15px;
}

.button_center.padding_bottom_15 {
    padding-bottom: 5px;
}

.lable_normal_valign {
    display: inline;
    font-size: 13px;
    margin-right: 2px;
    vertical-align: sub;
}

.textarea_full_view {
    width: 50%;
    height: 40px;
    resize: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    color: #505050;
    float: left;
    font-family: sans-serif, Verdana, Geneva !important;
    font-size: 12px;
    margin-bottom: 10px;
    text-indent: 5px;
}

.button_add1 {
    color: #FFF;
    padding: 3px 40px 3px 6px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    background: url("../img/search1.png") no-repeat right center, linear-gradient(#2597EC, #1267AB);
}

.button_add1:hover {
    background-color: #005896;
    transition: 0.5s;
}

.main_form_exclusion {
    display: inline-block;
    margin: 20px 0 0 0;
    width: 100%;
}

.input_main_exclu {
    float: right;
    width: 300px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 12px;
    height: 22px !important;
    margin-bottom: 10px;
    color: #505050;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-indent: 5px;
    padding-right: 5px;
}

.input_left {
    width: 300px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 12px;
    height: 22px !important;
    margin-bottom: 10px;
    color: #505050;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-indent: 5px;
    padding-right: 5px;
}

.switch {
    display: inline-block;
    height: 19px;
    position: relative;
    top: 6px;
    width: 36px;
}

.switch input {
    display: none;
}

.slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s ease 0s;
}

.slider::before {
    background-color: white;
    bottom: 4px;
    content: "";
    height: 12px;
    left: 4px;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 12px;
}

input:checked+.slider {
    background-color: #3498db;
}

input:focus+.slider {
    box-shadow: 0 0 1px #3498db;
}

input:checked+.slider::before {
    transform: translateX(16px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round::before {
    border-radius: 50%;
}

.select_full {
    padding: 2px;
    width: 155px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 12px;
    height: 24px !important;
    margin-bottom: 10px;
    color: #505050;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.textboxlist {
    cursor: text;
    font: 11px "Lucida Grande", Verdana;
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0px;
}

.textboxlist-bits {
    /*border: 1px solid #999;*/
    margin: 0;
    overflow: hidden;
    padding: 10px 4px 10px;
    background: #FDFCF2;
    margin: 10px 0 0 0;
}

.textboxlist-bit {
    cursor: default;
    display: block;
    float: left;
    list-style-type: none;
    margin: 0 5px 3px 0;
    padding: 0;
}

.textboxlist-bit-editable {
    border: 1px solid #fff;
}

.textboxlist-bit-editable-input {
    border: 0 none;
    font: 11px "Lucida Grande", Verdana;
    height: 14px;
    padding: 2px 0;
}

.textboxlist-bit-editable-input:focus {
    outline: 0 none;
}

.textboxlist-bit-box {
    background: #dee7f8 none repeat scroll 0 0;
    border: 1px solid #cad8f3;
    border-radius: 9px;
    cursor: default;
    line-height: 18px;
    padding: 0 5px;
    position: relative;
}

.textboxlist-bit-box-deletable {
    padding-right: 15px;
}

.textboxlist-bit-box-deletebutton {
    /*background: rgba(0, 0, 0, 0) url("../img/close.gif") repeat scroll 0 0;*/
    display: block;
    font-size: 1px;
    height: 7px;
    position: absolute;
    right: 4px;
    top: 6px;
    width: 7px;
}

.textboxlist-bit-box-deletebutton:hover {
    background-position: 7px center;
    border: medium none;
    text-decoration: none;
}

.textboxlist-bit-box-hover {
    background: #bbcef1 none repeat scroll 0 0;
    border: 1px solid #6d95e0;
}

.textboxlist-bit-box-focus {
    background: #598bec none repeat scroll 0 0;
    border-color: #598bec;
    color: #fff;
}

.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton {
    background-position: center bottom;
}

.or_small {
    font-size: 12px;
    margin: 0 5px 0 0;
}

.button_normal_onoff {
    font-size: 14px;
    margin: 0 0 0 20px;
}


/*.popup {
    width: 500px;
    border-radius: 5px;
    border: 2px #ccc solid;
    padding-bottom: 2px;
    background-color: #fff;
    margin-bottom: 5px;
    clear:both;
    margin-top:10px;
}
*/

.heading_strip_pop {
    background-color: #dddada;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 30px;
}

.heading_pop {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 0 3px 8px;
    float: left;
    color: #696767;
}

.notes_title {
    font-style: italic;
    font-size: 15px !important;
    color: #d63b16;
}

.button_cancel {
    color: #FFF;
    padding: 3px 5px 3px 25px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background: #c0392b url(../img/cancel.png) no-repeat 5px;
    text-align: right;
}

.button_cancel:hover {
    background-color: #a31d0f;
    transition: 0.5s;
}

.button_center {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #efefef;
}

.status_text {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
}

.margin_top {
    margin-top: 4px;
}


/* .curser_pt {
            cursor:pointer !important;
            padding-right: 18px;

        } */

.heading_strip_pop {
    background-color: #dddada;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 30px;
}

.pop_container {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    /*padding: 15px;*/
    box-shadow: 0 2px 10px #2c3e50;
    position: relative;
}

.pop_container h4 {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    /*padding: 10px 10px 10px 0px;*/
    padding: 0px;
    display: inline-block;
}

.margin_top_10 {
    margin-top: 10px;
}

.button_sync:hover {
    background-color: #00713b;
    transition: 0.5s;
}

.button_upload {
    color: #FFF;
    padding: 3px 5px 3px 25px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    background: #009e47 url("../img/upload.png") no-repeat 5px;
    text-align: right;
    margin: 10px 0 10px 0;
}

.button_upload:hover {
    background-color: #00713b;
    transition: 0.5s;
}

.button_delete {
    color: #FFF;
    padding: 6px 30px 5px 5px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    background: #D24D57 url("../img/delete.png") no-repeat right 1px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
}

.button_delete:hover {
    background-color: #a31d0f;
    transition: 0.5s;
}

.button_back {
    background-color: #575957;
    border-color: #575957;
    padding: 5px 15px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    border-radius: 4px;
}

.field_config {
    float: left;
    width: 32%;
    min-width: 155px;
    max-width: 430px;
    height: 25px;
    margin-right: 1.33%;
    margin-bottom: 8px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #333;
}

.accordion_exclution {
    background-color: #6C7A89;
    padding: 10px 0px;
    margin: 10px 0px;
    font-size: 19px;
    cursor: pointer;
}

.level2,
.level3 {
    visibility: hidden;
}

.level2 {
    position: absolute;
    z-index: 99;
    background: #1c841c;
    /*border:1px solid #ccc;*/
    /*padding:10px;*/
    box-sizing: border-box;
    /*min-width:200px;*/
    right: -50px;
    top: 10px;
    /*border-top:1px #00084d solid;*/
    /*min-height:150px;*/
}

.level3 {
    /*background: #6C7A89 none repeat scroll 0 0;*/
    background: #1c841c none repeat scroll 0 0;
    border-top: 1px solid #fff;
    box-sizing: border-box;
    left: -26px;
    min-width: 200px;
    position: absolute;
    /*top: 76px;*/
    top: 50px;
    z-index: 99;
}

.level2 li,
.level3 li {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.level2 li a {
    background: none;
    padding: 5px 5px 5px 15px !important;
    color: #fff !important;
    line-height: 20px;
    font-size: 15px;
    text-align: left;
    margin: 0px;
    border: none !important;
    display: block !important;
    text-decoration: none;
}

.level3 li a {
    background: none;
    padding: 10px 0px 10px 15px !important;
    color: #fff !important;
    line-height: 20px;
    font-size: 15px;
    text-align: left;
    margin: 0px;
    border: none !important;
    display: block !important;
}

.level2 li a:hover,
.level3 li a:hover {
    text-decoration: underline;
}

.level2.active {
    visibility: visible;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    position: absolute;
    /*right:calc(0% - 0px);*/
    top: 100%;
    right: -10px;
}

.level3.active {
    visibility: visible;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    position: absolute;
    /*right:calc(0% - 0px);*/
    /*top:76px;*/
    top: 50px;
    left: 0%;
}

.subMenuLevel2 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
}

.nav ul li a:hover .subMenuLevel2 {
    display: block;
}

.submenu_inner {
    position: relative;
}

.submenu {
    position: relative;
}

.input_lable_disabled {
    float: right;
    width: 148px;
    border: 1px solid #eee;
    font-size: 12px;
    margin-bottom: 5px;
    color: #3399FF;
    background-color: #E7E7E7;
    font-family: 'Open Sans', sans-serif;
    text-indent: 5px;
    padding: 5px;
}


/************************Master List internal css*****************************************************/


/*.status_bar td:nth-child(8),.status_bar th:nth-child(8){
    text-align:right;
    width:120px;
    max-width:120px;
    min-width:120px;
    }*/

.pricecolumn {
    background-image: url(../img/search.png);
}

.slimtable-page-btn {
    display: inline-block;
    margin: 0 3px;
    background: #5D85B2;
    color: #fff;
    padding: 0 4px;
    border-radius: 3px;
    cursor: pointer;
}

.slimtable-page-btn:hover {
    background: #187ed5;
}

.slimtable-page-btn.active {
    background: #187ed5;
}

.slimtable-paging-btnsdiv {
    float: right;
}

.header_main h2 {
    float: left;
}


/*.head_menu{
    float:right;
}*/


/*.status_bar tr, .status_bar th, .status_bar td{
    width: 10%;
}*/


/*.status_bar thead th:nth-child(7){
    min-width: 600px;
    width: 600px;
    max-width: 600px;
}
.status_bar thead th:nth-child(2){
    min-width: 150px;
    width: 150px;
    max-width: 150px;
}
.status_bar thead th:nth-child(4){
    min-width: 150px;
    width: 150px;
    max-width: 150px;
}
.status_bar thead th:nth-child(3){
    min-width: 150px;
    width: 150px;
    max-width: 150px;
}
.status_bar thead th:nth-child(6){
    min-width: 100px;
    width: 100px;
    max-width: 100px;
}
.status_bar thead th:nth-child(9){
    min-width: 90px;
    width: 90px;
    max-width: 90px;
}
.status_bar thead th:nth-child(5){
    min-width: 80px;
    width: 80px;
    max-width: 80px;
}
.status_bar thead th:nth-child(10){
    min-width: 80px;
    width: 80px;
    max-width: 80px;
}
.status_bar thead th:nth-child(11){
    min-width: 90px;
    width: 90px;
    max-width: 90px;
}*/

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.label {
    color: #000;
    font-size: 16px;
}

.label-btn {
    color: #000;
    font-size: 11px !important;
}

.ckeckclass {
    margin: 2px;
}

.divTable {
    float: left;
    width: 70px;
    height: 40px;
    border-right: 1px solid #e1e1e1;
    padding-top: 28px;
    padding-left: 7px;
}

.lastdivTable {
    float: left;
    width: 70px;
    padding-top: 28px;
    padding-left: 7px;
}

.paging-nav {
    text-align: right;
    padding-top: 2px;
}

.paging-nav a {
    margin: auto 1px;
    text-decoration: none;
    display: inline-block;
    padding: 1px 7px;
    background: #91b9e6;
    color: white;
    border-radius: 3px;
}

.paging-nav .selected-page {
    background: #187ed5;
    font-weight: bold;
}

tfoot {
    text-align: center !important;
    display: table-row-group !important;
}

.paging-nav,
#tblmasterresult {
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.pop_apply_filter {
    background-color: #fefefe;
    margin: 10% auto;
    /* 15% from the top and centered */
    /*padding: 20px;*/
    border: 1px solid #888;
    width: 38%;
    /* Could be more or less, depending on screen size */
}

.pop_map_my_part {
    background-color: #fefefe;
    margin: 5% auto;
    /* 15% from the top and centered */
    /*padding: 20px;*/
    border-radius: 6px;
    /* border: 1px solid #888; */
    width: 30%;
    /* Could be more or less, depending on screen size */
}

.posi_rela {
    position: relative;
}

.pop_pad_all {
    padding: 15px;
    box-sizing: border-box;
}

.pop_pad_all_add_new {
    padding: 15px;
    box-sizing: border-box;
}


/*header_main*/

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none !important;
}


/**********autocomplete suggestion***************/

#searchResult {
    /*list-style: none;
 display :block;
 padding: 0.1%;
 width: 7.9%;
 position: absolute;
 margin: 0;
 margin-left: 5.7%*/
    /* padding: 0;
    border: 1px solid black;
    max-height: 7.5em;
    overflow-y: auto;
    width: 8.1%;
    position: absolute;
    margin-left: 7.1%;*/
    border: 1px solid #aaa;
    overflow-y: auto;
    width: 164px;
    position: absolute;
    margin-left: 123px;
    padding-bottom: 0px;
    min-height: 10px;
    max-height: 150px;
}

#searchResult li {
    background: white;
    padding: 4px;
    cursor: pointer;
    list-style: none;
    border-bottom: 1px solid #ededed;
}

#searchResult li:hover {
    background: #f1f1f1;
}


/*********************Master list end**********************************

        /***showitem partno suggestion***/

#searchResult {
    border: 1px solid #aaa;
    overflow-y: auto;
    width: 155px;
    position: absolute;
    margin-left: 130px;
    padding-bottom: 0px;
    min-height: 10px;
    max-height: 150px;
    margin-top: -3px;
}

#searchResult li {
    background: white;
    padding: 4px;
    cursor: pointer;
    list-style: none;
    border-bottom: 1px solid #ededed;
}

#searchResult li:hover {
    background: #f1f1f1;
}


/***popup suggestion***/

#searchResult1 {
    border: 1px solid #aaa;
    overflow-y: auto;
    width: 159px;
    position: absolute;
    margin-left: 136px;
    padding-bottom: 0px;
    min-height: 10px;
    max-height: 150px;
    margin-top: -1px;
}

#searchResult1 li {
    background: white;
    padding: 4px;
    cursor: pointer;
    list-style: none;
    border-bottom: 1px solid #ededed;
}

#searchResult1 li:hover {
    background: #f1f1f1;
}


/***subpopup suggestion***/

#searchResult2 {
    border: 1px solid #aaa;
    overflow-y: auto;
    width: 159px;
    position: absolute;
    margin-left: 136px;
    padding-bottom: 0px;
    min-height: 10px;
    max-height: 150px;
    margin-top: -1px;
}

#searchResult2 li {
    background: white;
    padding: 4px;
    cursor: pointer;
    list-style: none;
    border-bottom: 1px solid #ededed;
}

#searchResult2 li:hover {
    background: #f1f1f1;
}


/********************alert code for 05-07-17************************/

.alert_box {
    margin: 0 auto;
    text-align: center;
    padding-top: 6px;
}

.fleld-alert.failure {
    color: #fff;
    display: inline-block;
    width: 100%;
    max-width: 400px;
    min-width: 200px;
    vertical-align: top;
}

.alert.alert-warning {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    color: #333;
    font-size: 24px;
    padding: 10% 0px;
}

.head_icon {
    background: #f9435d none repeat scroll 0 0;
    padding: 20px;
    box-sizing: border-box;
}

.head_icon_green {
    background: #36b236 none repeat scroll 0 0;
    padding: 20px;
    box-sizing: border-box;
}

.fleld-alert.success {
    color: #fff;
    display: inline-block;
    width: 100%;
    max-width: 450px;
    min-width: 200px;
}

.alert_ok_btn {
    background: #F9435D;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
}

.btn_ok_sty {
    background: #F9435D;
    border-radius: 10px;
    box-shadow: 0 0 2px #848484;
    color: #fff;
    font-size: 18px;
    left: 42%;
    padding: 10px 25px;
    position: absolute;
    top: -80px;
    border: none;
    cursor: pointer;
}

.btn_ok_sty_green {
    background: #36b236;
    border-radius: 10px;
    box-shadow: 0 0 2px #848484;
    color: #fff;
    font-size: 18px;
    left: 42%;
    padding: 10px 25px;
    position: absolute;
    top: -78px;
    border: none;
    cursor: pointer;
}

.pop_up_go {
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 30px;
}

.error_msg_all {
    background: #fff url("../img/error_msg123.png") no-repeat scroll 0 center;
    border: 1px solid #d24d57;
    bottom: -19px;
    clear: both;
    color: #d24d57;
    float: left;
    left: 31%;
    padding: 10px 15px 9px 45px;
    position: relative;
}

.btn_go_green {
    background: #36b236;
    border-radius: 10px;
    box-shadow: 0 0 2px #848484;
    color: #fff;
    font-size: 18px;
    margin: 15px 0px;
    padding: 10px 25px;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.btn_go_green:hover {
    background: #ff647e;
}

.btn_ok_sty:hover {
    background: #ff647e;
}

.btn_ok_sty_green:hover {
    background: #49c549;
}

.alert-warning strong {
    font-size: 24px;
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
}

.alert-warning p {
    font-size: 16px;
    padding: 10px 0px;
    display: inline-block;
    text-align: justify;
}

.buttons {
    float: right;
}

.button_add_filter {
    padding: 10px 36px 6px 10px;
    margin: 0;
    border: none;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    /*background: url(../img/add_button_icon.png) #2C3E50 no-repeat 10px center;*/
    background: url("../img/add1.png") no-repeat 43px #00763C;
}

.button_add_filter:hover {
    background-color: #00763C;
}

.button_add_part {
    padding: 6px 30px 6px 10px;
    margin: 0px 40px 0 0;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    /* background: url(../img/add_button_icon.png) #2C3E50 no-repeat 10px center; */
    background: url(../img/add1.png) no-repeat right -1px #00763C;
}

@media screen and (max-width: 1280px) {
    .cbr_update {
        margin: 0 2% 0 0;
    }
}

@media screen and (max-width: 1240px) {
    .cbr_update {
        float: none;
        margin: 0px 0px;
        display: inline-block;
        padding: 2px 10px 2px 10px;
        border-bottom: 1px solid #fff;
        font-size: 13px;
        position: absolute;
        right: 10%;
        top: 2px;
    }
    .login {}
}


/*New Css Style Murugan*/

.plan_list_view {
    margin: 0 auto;
    padding: 10px 0 10px;
    display: inline-block;
    width: 100%;
}

.plan_list_view thead tr:first-child {
    /*background: #009e8f none repeat scroll 0 0;*/
    background: #335c65 none repeat scroll 0 0;
}

.plan_list_view thead th a {
    color: #ffffff;
}

.plan_list_view p {
    line-height: 40px;
}

.table-small-5 {
    width: 500px
}

.table tr th {
    padding: 10px;
}

.table tr td a {
    cursor: pointer;
}

.table tr:nth-child(even) {
    background-color: #e6e6e6;
}

.table tr td {
    padding: 10px;
    /*font-family: 'Poppins', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-size: 15px;
}

.table thead tr:first-child {
    background: #335c65 none repeat scroll 0 0;
}

.sellertable1 {
    width: 50%;
}

.sellertable2 {
    width: 80%;
}

.sellertable3 {
    width: 80%;
}

.sellertable1 tr td {
    position: relative;
}

.sellertable1 tr td a {
    text-decoration: underline;
    font-weight: 800;
}

.sellertable1 tr td span i {
    padding-right: 10px;
    color: #337ab7;
}

.sellertable2 tr td a {
    text-decoration: underline;
    font-weight: 800;
}

.sellertable1 tr td:first-child {
    background-color: #009e8f;
    color: #fff;
    font-size: 15px;
    text-align: center;
    width: 50%;
}

.sellertable1 tr td {
    text-align: right;
}

.sellertable2 thead th {
    background: #47a740;
    font-size: 15px;
    font-weight: 400;
}

.sellertable2 td {
    text-align: right;
}

.sellertable2 td:first-child {
    text-align: left;
}

.sellertable3 thead th {
    background: #40a79d;
    font-size: 15px;
    font-weight: 400;
}

.sellertable3 td:first-child {
    text-align: left;
}

.sellertable3 td {
    text-align: right;
}

.table_main {
    margin-top: 10px;
}

.modal-body {
    display: inline-block;
    width: 100%;
}

.modal-header {
    /* padding: 0 0 10px 0px; */
    padding: 6px 15px;
    margin-bottom: 1%;
    background: #175b92;
}

.modal-footer {
    padding: 15px 0 0 0px;
}

.left-div {
    display: inline-block;
    width: 49%;
    float: left;
    margin-right: 10px;
}

.right-div {
    display: inline-block;
    width: 49%;
}

.bulkapproval {
    width: 100%;
}

.err_modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.no-record-fund {
    text-align: center;
    padding: 10px 0;
    color: #c50707;
    font-size: 18px;
}

.no-record-fund h2 {
    font-family: 'Poppins', sans-serif;
    color: #c50707;
    font-size: 22px;
}

.display-block {
    display: block;
    width: 100%;
    overflow: hidden;
}


/*footer css*/

.footer_logo {
    float: left;
    width: 100px;
    margin: 0 20px 0 0;
}

.margin_top_10 {
    margin-top: 10px;
}

.exclude_highlighted {
    color: #fff;
    background-color: #F22613;
}

input::placeholder {
    color: #ccc;
}


/*Pagination css*/

.curser_pt {
    background: url(../img/sort-icons.png) no-repeat center right 10px;
}

.pagi_master li {
    list-style-type: none;
    display: inline-block;
    margin: 0 3px;
    border: 1px solid #e6e6e6;
    border-radius: .25em;
    color: #020202;
    background-color: #ffffff;
    padding: 6px 10px;
    border-radius: 3px;
    cursor: pointer;
}

.pagi_master li a {
    color: #0a0a0a;
    text-decoration: none;
    /*padding: 4px;*/
}

.pagination ul>.active>a,
.pagination ul>.active>span {
    color: #fff;
    cursor: default;
}

.pagi_master li.active {
    background-color: #335c65;
}

.pagination {
    margin: 20px 0;
}


/*Form style css*/

.select {
    padding: 2px;
    float: right;
    width: 160px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 14px;
    height: 29px !important;
    /* to overwrite style.css*/
    margin-bottom: 10px;
    color: #505050;
    background-color: #fff;
    /*font-family: 'Open Sans', sans-serif;*/
    margin-left: 15px;
}

.select_1 {
    padding: 2px;
    float: right;
    width: 280px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 12px;
    height: 29px !important;
    /* to overwrite style.css*/
    margin-bottom: 10px;
    color: #505050;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
}

.select-left {
    padding: 2px;
    width: 160px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 15px;
    height: 29px !important;
    /* to overwrite style.css*/
    margin-bottom: 10px;
    color: #505050;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.select-dropdown-1 {
    padding: 2px;
    float: right;
    width: 160px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 14px;
    height: 29px !important;
    /* to overwrite style.css*/
    margin-bottom: 5px;
    margin-top: 0px;
    color: #505050;
    background-color: #fff;
    /*font-family: 'Open Sans', sans-serif;*/
}

.inputsearch {
    border: 1px solid #bebcbc;
    border-radius: 2px;
    /*background-image: url(../img/search.png);*/
    background-repeat: no-repeat;
    background-position: 90%;
    padding: 3px;
    width: 100%;
    box-sizing: border-box;
    height: 29px;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    color: #000;
}

.table-totalsearch {
    border: 1px solid #bebcbc;
    border-radius: 2px;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: 95%;
    padding: 3px;
    width: 300px;
    box-sizing: border-box;
    height: 29px;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    color: #000;
}


/* .field {
    float: left;
    margin-right: 1.33%;
    margin-bottom: 8px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #333;
} */

.field-inline {
    display: inline-block;
    margin-right: 1.33%;
    margin-bottom: 8px;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    color: #333;
}

.field-full-width {
    width: 100%;
    margin-right: 1.33%;
    margin-bottom: 8px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #333;
    display: inline-block;
}

.full-textarea {
    width: 100%;
    color: #333;
    padding: 5px;
}

.input {
    float: right;
    width: 155px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 12px;
    height: 22px !important;
    margin-bottom: 10px;
    color: #505050;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-indent: 5px;
    padding-right: 5px;
}

.input-normal {
    padding: 2px;
    /*float: right;*/
    width: 160px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 12px;
    height: 29px !important;
    /* to overwrite style.css*/
    margin-bottom: 10px;
    color: #505050;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
    position: relative;
}

.input_picker {
    width: 155px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 12px;
    height: 22px !important;
    margin-bottom: 10px;
    color: #505050;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-indent: 5px;
    padding-right: 5px;
}

.input_table {
    width: 155px;
    border: 1px solid #bebcbc;
    border-radius: 2px;
    font-size: 12px;
    height: 22px !important;
    margin-bottom: 10px;
    color: #505050;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-indent: 5px;
    padding-right: 5px;
}

.lable_normal input[type=checkbox],
input[type=radio] {
    margin-right: 5px;
}

.field_head {
    color: #333;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    margin: 25px 1.33% 8px 0;
    vertical-align: bottom;
}

.lable_normal_flt {
    display: inline-block;
    font-size: 16px;
    vertical-align: sub;
    width: 82px;
}

.lable_normal {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-right: 8px;
    padding: 7px 0 0 0;
    margin-bottom: 5px;
}

.lable-middle {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 2px;
    padding: 7px 0 0 0;
    margin-bottom: 5px;
    width: 100%;
}

.lable_normal_top_0 {
    display: inline-block;
    font-size: 16px;
    margin-right: 2px;
    vertical-align: middle;
    margin-bottom: 5px;
}

.lable_normal_sec {
    display: inline-block;
    font-size: 16px;
    margin-right: 2px;
    padding: 2px 0 0 0;
}

.add_type {
    text-decoration: none;
    color: #565656;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #00B894;
    height: 27px;
    width: 60px;
    font-size: 12px;
    border-radius: 3px;
}

.add_type:hover {
    background-color: #00B894;
    color: #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.add_project_type {
    text-decoration: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background-color: #00B894;
    border: 1px solid #00B894;
    height: 27px;
    width: 60px;
    font-size: 12px;
    border-radius: 3px;
}

.add_project_type:hover {
    background-color: #fff;
    color: #00B894;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.edit_type {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    background-color: #0b7eda;
    border: 1px solid #0b7eda;
    height: 27px;
    text-align: center;
    width: 60px;
    font-size: 12px;
    border-radius: 3px;
}

.edit_type:hover {
    background-color: #fff;
    color: #0b7eda;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.delete_type {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background-color: #d02114;
    border: 1px solid #d02114;
    height: 27px;
    width: 90px;
    font-size: 14px;
    border-radius: 3px;
}

.delete_type:hover {
    background-color: #fff;
    color: #d02114;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.form-div {
    display: inline-block;
    width: 100%;
}

.error-text {
    color: #ff0000;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
}

.alter-danger1 {
    background-color: transparent;
    border-color: transparent;
    padding: 0px 5px;
    margin-bottom: 6px;
    color: #f32926;
    font-weight: 600;
    font-size: 15px;
}

.button_add {
    padding: 8px 8px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    background-color: #00763C;
}

.button_upload_text {
    padding: 8px 15px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    background-color: #337ab7;
}

.button_upload_text {
    padding: 8px 15px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    background-color: #569c56;
}

.button_import {
    padding: 8px 15px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    background-color: #337ab7;
    font-size: 14px;
}

.button_import:hover {
    color: #fff;
}

.btn-close {
    padding: 5px 15px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    background-color: #bd0a0a;
}


/* mouni */

button.btn-close {
    padding: 8px 15px;
}

.button_save {
    color: #FFF;
    padding: 3px 10px 3px 25px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    background: #009e47 url("../img/save.png") no-repeat 5px;
    text-align: right;
}

.button-blue {
    padding: 5px 15px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    /*vertical-align: top;*/
    background-color: #1584b9;
}

.button-save-new {
    padding: 5px 15px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    /*vertical-align: top;*/
    background-color: #009e47;
}


/*Popup Css*/

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1050;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    transition: all 0.3s ease-in-out;
}

.modal-content {
    background-color: #fefefe;
    /*margin: 15% auto; */
    /* padding: 20px; */
    border: 1px solid #888;
}

.modal-title {
    font-size: 20px;
    color: #fff;
}

.close {
    color: #000!important;
    float: right;
    font-size: 28px;
    font-weight: bold;
    opacity: 1!important;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 1
}

.myPnopopupsubclose {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.myPnopopupsubclose:hover,
.myPnopopupsubclose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

div.absolute {
    position: absolute;
    top: 326px;
    left: 758px;
    width: 46px;
    height: 407px;
    cursor: pointer;
}

.channel_main {
    text-align: center;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
}

.heading_pop_main {
    /*background: #53925e none repeat scroll 0 0;*/
    background: #175b92 none repeat scroll 0 0;
    color: #fff;
    box-sizing: border-box;
    display: inline-block;
    padding: 9px 5px;
    width: 100%;
    border-bottom: 1px solid #efefef;
}

.part-detail-box {
    width: 100%;
    display: inline-block;
    background-color: #f7f7f7;
    padding: 0 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1507843137254902);
}

@media (max-width: 767px) {
    .field {
        width: 100%;
    }
    .sellertable1 {
        width: 100%;
    }
    .sellertable2 {
        width: 100%;
    }
    .sellertable3 {
        width: 100%;
    }
    .sellertable1 tr td:first-child {
        width: 50%;
    }
}

.pl-10 {
    padding-left: 10px;
}

.pt-16 {
    padding-top: 16px;
}

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

.space {
    height: 15px;
}

.space-8 {
    height: 8px;
}

.space-30 {
    height: 30px;
}

.normal-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #000;
}

.checkbox {
    padding-left: 20px;
}

.checkbox.checkbox1 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 2px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.checkbox.checkbox1 label::after {
    padding-top: 0px;
    top: -1px;
    margin-left: -21px;
}

.checkbox label span {
    line-height: 22px;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    margin-left: -20px;
    z-index: 9999;
}

.checkbox.checkbox1 input[type="checkbox"] {
    opacity: 0;
    margin-left: 0px;
    z-index: 9999;
}

.checkbox input[type="checkbox"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked+label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled+label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled+label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox-primary input[type="checkbox"]:checked+label::before {
    background-color: #428bca;
    border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked+label::after {
    color: #fff;
}

.btn-green {
    background-color: #569c56;
    border-color: #569c56;
}

.btn-primary.btn-green:hover {
    background-color: #569c56;
    border-color: #569c56;
}

.btn-green.focus,
.btn-green:focus {
    background-color: #569c56;
    border-color: #569c56;
}

.btn-primary.btn-green.active.focus,
.btn-primary.btn-green.active:focus,
.btn-primary.btn-green.active:hover,
.btn-primary.btn-green:active.focus,
.btn-primary.btn-green:active:focus,
.btn-primary.btn-green:active:hover {
    background-color: #569c56;
    border-color: #569c56;
}

.btn-upload {
    background-color: #337ab7;
    border-color: #337ab7;
    position: relative;
    /* margin-bottom: 10px; */
}

.btn-upload:hover {
    background-color: #337ab7;
    border-color: #337ab7;
}

.btn-upload.focus,
.btn-upload:focus {
    background-color: #337ab7;
    border-color: #337ab7;
}


/* .btn-primary.btn-upload.active.focus, .btn-primary.btn-upload.active:focus, .btn-primary.btn-upload.active:hover, .btn-primary.btn-upload:active.focus, .btn-primary.btn-upload:active:focus, .btn-primary.btn-upload:active:hover{
background-color: #337ab7;
    border-color: #337ab7;
} */

.btn-upload input {
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
    width: 100%;
    bottom: 0;
}

.tooltip1 {
    position: relative;
}

.tooltip1 .tooltiptext {
    display: none;
    width: 190px;
    background-color: #009e8f;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 120%;
}

.tooltip1 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #009e8f transparent transparent;
}

.tooltip1:hover .tooltiptext {
    display: block;
}

.tooltip2 {
    position: relative;
}

.tooltip2 .tooltiptext {
    display: none;
    width: 190px;
    background-color: #009e8f;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 50%;
}

.tooltip2 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #009e8f transparent transparent;
}

.tooltip2:hover .tooltiptext {
    display: block;
}

.tooltipmail {
    position: relative;
}

.tooltipmail .tooltiptext {
    display: none;
    width: 190px;
    background-color: #009e8f;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 50%;
}

.tooltipmail .tooltiptext::after {
    content: "";
    position: absolute;
    top: 5%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #009e8f transparent transparent;
}

.tooltipmail:hover .tooltiptext {
    display: block;
}

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

.tooltip3 .tooltiptext {
    display: none;
    width: 712px;
    background-color: #009e8f;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 50%;
}

.tooltip3 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #009e8f transparent transparent;
}

.tooltip3:hover .tooltiptext {
    display: block;
}

.tooltip3 .tooltiptext-top {
    display: none;
    width: 300px;
    background-color: #009e8f;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip3 .tooltiptext-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #009e8f transparent transparent transparent;
}

.tooltip3:hover .tooltiptext-top {
    display: block;
}

.tooltip4 {
    position: relative;
}

.tooltip4 .tooltiptext {
    display: none;
    width: 500px;
    background-color: #009e8f;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 250%;
}

.tooltip4 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #009e8f transparent transparent;
}

.tooltip4:hover .tooltiptext {
    display: block;
}

.tooltip5 {
    position: relative;
}

.tooltip5 .tooltiptext {
    display: none;
    width: 500px;
    background-color: #009e8f;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 150%;
}

.tooltip5 .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #009e8f transparent transparent;
}

.tooltip5:hover .tooltiptext {
    display: block;
}

.box-color {
    /* background-color: #225f8a;
    display: inline-block;
    overflow: hidden;
    padding: 5px 10px 5px 0;
    margin-right: 10px;
    border-radius: 5px 0 5px 0;*/
}


/* .box-color .field{
    float: none;
    display: inline-block;
    margin-right: 0;
    padding-left: 10px;
    margin-bottom: 0;
} */

.box-color .field .lable_normal {
    padding: 0;
    margin: 0;
}

.box-color .field .lable_normal span {
    color: #565656;
    font-size: 14px;
}

.box-color input[type=checkbox] {
    margin-right: 5px;
}

.div-center {
    display: block;
    margin: 0 auto;
}

.border-style {
    border: 1px solid rgba(0, 0, 0, 0.10196078431372549);
    padding: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
    background: #f9f9f9;
    border-radius: 3px;
}

.border-style .checkbox {
    margin-top: 0;
}

.txtcolor {
    color: #565656;
    font-weight: bold;
    font-size: 14px;
}

.txtcolor-red {
    cursor: pointer;
    color: red;
    font-weight: 800;
}

.clear-both {
    clear: both;
}

.inputsearch_full {
    border-radius: 5px;
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: 96%;
    padding: 4px 20px 4px 4px;
    width: 100%;
    box-sizing: border-box;
    height: 29px;
    border-radius: 2px;
    background-color: #fff;
    color: #565656;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: none;
    box-shadow: inset: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

@media (min-width: 992px) {
    .modal-lgg {
        width: 1000px;
    }
}

@media (min-width: 768px) {
    .modal-lgg {
        width: 90%;
        margin: 30px auto;
    }
}

.totl-item {
    text-align: right;
    padding: 0 10px;
    margin-right: 10px;
    float: right;
}

.totl-item-full {
    text-align: right;
    padding: 0 0px;
    margin-right: 0px;
    display: inline-block;
    float: right;
}

.totl-item-full p {
    display: inline-block;
    margin: 0 0 0 10px;
    text-align: right;
}

.totl-item p {
    display: inline-block;
}

.inline-block {
    display: inline-block;
}

.image-label {
    position: relative;
    width: 216px;
}

.close-button {
    position: absolute;
    right: -12px;
    top: -12px;
    cursor: pointer;
}

span.close-button img {
    border: 1px solid transparent!important;
}

.image-label img {
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
}


/* .modal-header .close_new {
    margin-top: -2px;
} */

.close_new {
    float: right;
    /* font-size: 21px; */
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .8;
    border: 1px solid transparent;
    background: transparent;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 14px;
}

.content_main_all {
    padding: 10px 15px 10px;
    margin: 0px 0 20px 0;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 1px 0 5px rgb(222, 222, 222);
    border-radius: 0px;
}

.content_main_all_dashboard {
    padding: 0px 0px 15px 0px;
    margin: 0px 0 20px 0;
    display: inline-block;
    width: 90%;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.10196078431372549);
    border-radius: 5px;
}

.content_main_all.wd {
    width: 100%;
}

.content-main-half {
    padding: 15px 15px 10px;
    /*margin:0px 0 20px 0;*/
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    height: 100%;
}

.left-side-box {
    padding: 15px 15px 10px;
    /*margin:0px 0 20px 0;*/
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    height: 100%;
}

.right-side-box {
    padding: 15px 15px 10px;
    /*margin:0px 0 20px 0;*/
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    height: 100%;
}


}
.half-group {
    padding: 0 0 0 15px;
}
.row-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.normal-title {
    padding: 10px 0;
    color: #189822;
    font-weight: 500;
}

/*.right-left-button{
    padding: 10px 10px;
}*/
.right-left-button .field {
    margin-bottom: 0;
    float: none;
    display: inline-block;
}
.color-green {
    color: #189822;
}
@media (max-width: 1200px) {
    .form-inline {
        margin-bottom: 10px;
    }
}
@media (max-width: 991px) {
    .row-flex {
        display: block;
        flex-wrap: nowrap;
    }
    
    .lable-normal {
        padding: 10px 0;
    }
}
@media (min-width: 768px) {
    .form-inline .form-control {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
    }
}
.button_export {
    color: #FFF;
    padding: 8px 10px;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    background-color: #337ab7;
    vertical-align: top;
    border: 1px solid #337ab7;
}
element.style {
    vertical-align: top;
    padding: 8px 15px;
}

/*Popup Validation Css*/
.popup-validation {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    height: 100%;
    width: 100%;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 1000;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
}

/*.popup-validation.in{
 opacity: .6;
}*/
.popup-val-container {
    width: 800px;
    box-shadow: 0 0 5px #ccc;
    background: #fff;
    position: absolute;
    top: 35%;
    left: 30%;
    opacity: 1;
    z-index: 9999;
    padding: 20px;
}
.val-text {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
}
.yes-no-button {
    display: inline-block;
    float: right;
}
.button-ok {
    padding: 5px 15px;
    background: #089208;
    box-shadow: 0 0 0;
    border: 0px solid transparent;
    color: #fff;
    border-radius: 3px;
}
.button-cancel {
    padding: 5px 15px;
    background: #980303;
    box-shadow: 0 0 0;
    border: 0px solid transparent;
    color: #fff;
    border-radius: 3px;
}
.popup-new .modal-content {
    /* padding: 10px 20px;
    margin: 1% auto; */
}
.popup-new .modal-body {
    padding: 10px 20px;
}
.popup-new .modal-title {
    font-weight: 500;
}
.popup-new .modal-sub-title {
    font-weight: 500;
    color: #565656;
    margin-bottom: 10px;
    font-size: 16px;
}
.popup-new .modal-sub-title:after {
    content: '';
    width: 50px;
    background: #d6d6d6;
    height: 1px;
    display: block;
    margin-top: 6px;
}
.popup-new label {
    font-size: 15px;
}
.popup-new .form-group {
    margin-bottom: 10px;
}
.verti_align_top {
    vertical-align: top !important;
}
.multiselect {
    position: relative;
}

.multiselectNew {
    position: relative;
}

#checkboxes {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 999;
}
.pt-5 {
    padding-top: 5px !important;
}
.mt-5 {
    margin-top: 5px!important;
}
.mt-10 {
    margin-top: 10px!important;
}
.mt-15 {
    margin-top: 15px!important;
}

/*.popup-new .form-control{
    height: 30px;
}*/
.btn_close {
    padding: 5px 15px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    background-color: #bd0a0a;
}
@media (max-width: 1400px) {
    .popup-new label {
        font-size: 14px;
    }
    
    .popup-new .modal-sub-title {
        font-weight: 500;
        color: #565656;
        margin-bottom: 10px;
        font-size: 14px;
    }
    
    .popup-new .modal-title {
        font-size: 14px;
    }
}
.row-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

/*New Dashboard Design Css*/

/*.single-item-carousel{
    margin-left: 15px;
    margin-right: 15px;
}
*/
.single-item-carousel .row {
    margin-left: 0;
    margin-right: 0;
}

/*.heading h1{
    font-size: 23px;
    text-align: center;
    padding: 10px 0 20px 0px;
}*/

/*
.heading h1:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #548335;
    display: block;
    margin: 0 auto;
    margin-top: 8px;
}*/
.heading {
    padding-bottom: 10px;
}
.left-heading {
    text-align: left;
}
.right-heading {
    text-align: right;
}
.center-heading {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}
.center-heading:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #548335;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}
.green-title {
    color: #1c841c;
    font-size: 18px;
    font-weight: 600;
}
.fl_lf {
    position: relative;
    left: 30px;
    text-align: left;
}
.weekly-target-title {
    color: #1c841c;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}
.box-shadow {
    /*box-shadow: 0 0 5px #ccc;*/
    
    padding: 0px 10px;
}
.right-border {
    border-right: 1px solid #ccc;
}
.info-container {
    margin-top: 20px;
    margin-left: 15px;
}
.info-box {
    border: 1px solid #ccc;
    background: #d8f5fb;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    height: 80px;
}
.info-box .media-left {
    padding-right: 20px;
}
.media-left,
.media-body {
    display: table-cell;
    vertical-align: middle;
}
.info-box .media-icons {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 40px;
    padding: 0px 15px;
    font-size: 28px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}
.info-box .media-icons img {
    display: inline-block!important;
    vertical-align: middle;
}
.info-box p {
    color: #444343;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 15px;
    float: left;
}
.info-box form {
    float: right;
}
.info-box .info-count {
    font-size: 15px;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    text-align: left;
    word-break: break-all;
}
.bg-total {
    background-color: #0283cc;
    color: #fff;
}
.bg-completed {
    background-color: #1c841c;
    color: #fff;
}
.bg-partial {
    background-color: #867403;
    color: #fff;
}
.bg-not-started {
    background-color: #a21e1e;
    color: #fff;
}
.bg-refusal {
    background-color: #7d255e;
    color: #fff;
}
.bg-not-considered {
    background-color: #191717;
    color: #fff;
}
.bg-esclated {
    background-color: #2b357d;
    color: #fff;
}
.upload-icons {
    background: transparent;
    border: 0px solid transparent;
}
.upload-icons:after {
    content: "\f019";
    font-family: 'FontAwesome';
    font-size: 16px;
    display: inline-block;
}
.icon-bg-total {
    color: #0283cc;
}
.icon-bg-completed {
    color: #1c841c;
}
.icon-bg-partial {
    color: #867403;
}
.icon-bg-not-started {
    color: #a21e1e;
}
.icon-bg-not-considered {
    color: #191717;
}
.icon-bg-refusal {
    color: #7d255e;
}
.icon-bg-esclated {
    color: #2b357d;
}

/* janakiraman Css*/
.button_rightnew {
    float: right;
    padding: 10px 10px 0;
}
.multiselect {
    /* width: 200px; */
}
.selectBox {
    position: relative;
}

.selectBoxNew{
    position: relative;
}
.selectBoxNew select {
    width: 100%;
    font-weight: bold;
}

.selectBox select {
    width: 100%;
    font-weight: bold;
}
.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: -8px;
    bottom: 0;
    cursor: pointer;
}
#checkboxes {
    display: none;
    border: 1px #dadada solid;
}
#checkboxes label:hover {
    background-color: #1e90ff;
}
.checkboxes3 {
    display: none;
    border: 1px #dadada solid;
    width: 450%;
    /*border: 1px #dadada solid;*/
    
    width: 150%;
}
.checkboxes4 {
    display: none;
    border: 1px #dadada solid;
    width: 450%;
    /*border: 1px #dadada solid;*/
    
    width: 155%;
    right: auto;
}
.checkboxes4 label {
    display: block;
}
.checkboxes4 label:hover {
    background-color: #1e90ff;
}

/* .status_bar tbody tr:last-child {
     background: #ccc none repeat scroll 0 0 !important;
     border-color: red;
     border-bottom-width: 4px;
     border-bottom-style: solid;
 }*/
#searchResult_main {
    border: 1px solid #aaa;
    border: 1px solid #aaa;
    overflow-y: auto;
    width: 147px;
    width: 100%;
    position: absolute;
    margin-left: 392px;
    /*margin-left: 392px;*/
    
    padding-bottom: 0px;
    min-height: 10px;
    min-height: 30px;
    max-height: 150px;
}
* {
    box-sizing: border-box;
}
#checkboxes2 {
    display: none;
    border: 1px #dadada solid;
    width: 450%;
    /*border: 1px #dadada solid;*/
    
    width: 119%;
    right: auto;
}
#checkboxes2 label {
    display: block;
}
#checkboxes2 label:hover {
    background-color: #1e90ff;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0%;
}
@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    
    .col-sm-12 {
        width: 100%;
    }
    
    .col-sm-11 {
        width: 91.66666667%;
    }
    
    .col-sm-10 {
        width: 83.33333333%;
    }
    
    .col-sm-9 {
        width: 75%;
    }
    
    .col-sm-8 {
        width: 66.66666667%;
    }
    
    .col-sm-7 {
        width: 58.33333333%;
    }
    
    .col-sm-6 {
        width: 50%;
    }
    
    .col-sm-5 {
        width: 41.66666667%;
    }
    
    .col-sm-4 {
        width: 33.33333333%;
    }
    
    .col-sm-3 {
        width: 25%;
    }
    
    .col-sm-2 {
        width: 16.66666667%;
    }
    
    .col-sm-1 {
        width: 8.33333333%;
    }
    
    .col-sm-pull-12 {
        right: 100%;
    }
    
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    
    .col-sm-pull-9 {
        right: 75%;
    }
    
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    
    .col-sm-pull-6 {
        right: 50%;
    }
    
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    
    .col-sm-pull-3 {
        right: 25%;
    }
    
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    
    .col-sm-pull-0 {
        right: auto;
    }
    
    .col-sm-push-12 {
        left: 100%;
    }
    
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    
    .col-sm-push-9 {
        left: 75%;
    }
    
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    
    .col-sm-push-6 {
        left: 50%;
    }
    
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    
    .col-sm-push-3 {
        left: 25%;
    }
    
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    
    .col-sm-push-0 {
        left: auto;
    }
    
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    
    .col-md-12 {
        width: 100%;
    }
    
    .col-md-11 {
        width: 91.66666667%;
    }
    
    .col-md-10 {
        width: 83.33333333%;
    }
    
    .col-md-9 {
        width: 75%;
    }
    
    .col-md-8 {
        width: 66.66666667%;
    }
    
    .col-md-7 {
        width: 58.33333333%;
    }
    
    .col-md-6 {
        width: 50%;
    }
    
    .col-md-5 {
        width: 41.66666667%;
    }
    
    .col-md-4 {
        width: 33.33333333%;
    }
    
    .col-md-3 {
        width: 25%;
    }
    
    .col-md-2 {
        width: 16.66666667%;
    }
    
    .col-md-1 {
        width: 8.33333333%;
    }
    
    .col-md-pull-12 {
        right: 100%;
    }
    
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    
    .col-md-pull-9 {
        right: 75%;
    }
    
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    
    .col-md-pull-6 {
        right: 50%;
    }
    
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    
    .col-md-pull-3 {
        right: 25%;
    }
    
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    
    .col-md-pull-0 {
        right: auto;
    }
    
    .col-md-push-12 {
        left: 100%;
    }
    
    .col-md-push-11 {
        left: 91.66666667%;
    }
    
    .col-md-push-10 {
        left: 83.33333333%;
    }
    
    .col-md-push-9 {
        left: 75%;
    }
    
    .col-md-push-8 {
        left: 66.66666667%;
    }
    
    .col-md-push-7 {
        left: 58.33333333%;
    }
    
    .col-md-push-6 {
        left: 50%;
    }
    
    .col-md-push-5 {
        left: 41.66666667%;
    }
    
    .col-md-push-4 {
        left: 33.33333333%;
    }
    
    .col-md-push-3 {
        left: 25%;
    }
    
    .col-md-push-2 {
        left: 16.66666667%;
    }
    
    .col-md-push-1 {
        left: 8.33333333%;
    }
    
    .col-md-push-0 {
        left: auto;
    }
    
    .col-md-offset-12 {
        margin-left: 100%;
    }
    
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    
    .col-md-offset-9 {
        margin-left: 75%;
    }
    
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    
    .col-md-offset-6 {
        margin-left: 50%;
    }
    
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    
    .col-md-offset-3 {
        margin-left: 25%;
    }
    
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    
    .col-md-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    
    .col-lg-12 {
        width: 100%;
    }
    
    .col-lg-11 {
        width: 91.66666667%;
    }
    
    .col-lg-10 {
        width: 83.33333333%;
    }
    
    .col-lg-9 {
        width: 75%;
    }
    
    .col-lg-8 {
        width: 66.66666667%;
    }
    
    .col-lg-7 {
        width: 58.33333333%;
    }
    
    .col-lg-6 {
        width: 50%;
    }
    
    .col-lg-5 {
        width: 41.66666667%;
    }
    
    .col-lg-4 {
        width: 33.33333333%;
    }
    
    .col-lg-3 {
        width: 25%;
    }
    
    .col-lg-2 {
        width: 16.66666667%;
    }
    
    .col-lg-1 {
        width: 8.33333333%;
    }
    
    .col-lg-pull-12 {
        right: 100%;
    }
    
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    
    .col-lg-pull-9 {
        right: 75%;
    }
    
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    
    .col-lg-pull-6 {
        right: 50%;
    }
    
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    
    .col-lg-pull-3 {
        right: 25%;
    }
    
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    
    .col-lg-pull-0 {
        right: auto;
    }
    
    .col-lg-push-12 {
        left: 100%;
    }
    
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    
    .col-lg-push-9 {
        left: 75%;
    }
    
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    
    .col-lg-push-6 {
        left: 50%;
    }
    
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    
    .col-lg-push-3 {
        left: 25%;
    }
    
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    
    .col-lg-push-0 {
        left: auto;
    }
    
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
}
.affix {
    position: fixed;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.red {
    color: red;
    font-size: 16px;
}
.form-group1 {
    margin: 10px 0px 0;
}
.label-normal {
    font-size: 16px;
    line-height: 23px;
    font-family: 'Poppins', sans-serif;
}
.selectBox {
    position: relative;
}
.selectBox select {
    width: 100%;
    /*font-weight: bold;*/
    
    height: 34px;
    background: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 6px;
    color: #565656;
    border-radius: .1875rem;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.selectBoxNew select{
    width: 100%;
    /* font-weight: bold; */
    height: 36px;
    background: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 6px;
    color: #565656;
    border-radius: 5px;
    border: 1px solid #b6b6b6;
}

.form-control {
    display: block;
    position: relative;
    width: 100%;
    height: 32px;
    font-weight: 400;
    padding: 5px 12px;
    font-size: 14px!important;
    line-height: 1.42857143;
    color: #383838;
    border-radius: .1875rem;
    background-color: #fff;
    background-image: none;
    border: 1px solid #c3c3c3;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus,
.selectBox select:focus,
.inputsearch_full:focus,
.table_cell_search>input:hover,
.table_cell_search>input:focus,
.search>input:hover,
.search>input:focus {
    border-color: #8a8a8a;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.button-show {
    padding: 8px 15px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    background-color: #00886D;
    font-size: 15px!important;
}
.relative {
    position: relative;
}
.select-dropdown {
    position: absolute;
    z-index: 999;
    background: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-x: auto;
}
.top-table {
    margin-bottom: 0px;
    width: 100%;
}
.display-none {
    display: none;
}
.new-table-border {
    border: 0px solid transparent
}
.new-table-border tfoot {
    border: 1px solid #e1e1e1;
}
.new-table-border tbody {
    border: 1px solid #e1e1e1;
}
.thead-no-border thead {
    border: 0px solid transparent!important;
}
.no-right-border {
    border-right: 1px solid transparent;
}
.border {
    border: 1px solid #e1e1e1;
}
.thead-no-color {
    background: transparent!important;
}
.thead-no-color th {
    color: #fff;
    text-align: center;
}
.thead-color {
    background: #335c65!important;
}
.th-bg-color {
    background: #335c65!important;
}
.new-hint {
    border: 1px solid #ccc;
    padding: 10px;
    color: #000;
    display: inline-flex;
    vertical-align: top;
    width: 100%;
}
.new-hint span {
    vertical-align: top;
}
.red {
    color: #e62525;
    font-size: 26px;
}
.new-hint .new-hint-box {
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
    color: #ea1e1e;
}

/* Thiru css */
.main-content {
    height: 800px;
    width: auto;
    margin: 0 auto;
}
.overlay-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 1000;
    /* high z-index */
    
    background: #000;
    /* fallback */
    
    background: rgba(0, 0, 0, 0.75);
}
.overlay-content {
    display: none;
    background: #fff;
    padding: 1%;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 0 0 -20%;
    /* add negative left margin for half the width to center the div */
    
    cursor: default;
    z-index: 10001;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
}
.close-btnss {
    cursor: pointer;
    border: 1px solid #249210;
    padding: 8px 10px;
    background: #249210;
    /* fallback */
    
    color: #fff;
    border-radius: 3px;
    display: block;
    margin-top: 20px;
    text-align: center;
}
.close-btn:hover {
    background: #249210;
}
.popup-header {
    padding: 20px;
    border-bottom: 1px solid #ccc;
    position: relative;
    font-size: 16px;
}
.popup-body {
    padding: 20px;
}
.popup-body span {
    margin-bottom: 20px;
}
.popup-header button.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000!important;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    opacity: .2;
    position: absolute;
    top: 0px;
    right: 10px;
}
@media (max-width: 991px) {
    .overlay-content {
        width: 96%;
        margin: 0 2%;
        left: 0;
    }
}

/* janakiraman css end */
.text-total {
    color: #1c5784;
}
.text-completed {
    color: #1c841c;
}
.text-partial {
    color: #867403;
}
.text-not-started {
    color: #a21e1e;
}
.text-refusal {
    color: #7d255e;
}
.text-esclated {
    color: #2b357d;
}
.single-item-carousel .owl-nav {
    position: absolute;
    left: 0;
    top: 45%;
    width: 100%;
}
.single-item-carousel .owl-nav .owl-prev {
    left: 5px;
}
.single-item-carousel .owl-nav .owl-next {
    right: -5px;
}
.single-item-carousel .owl-nav .owl-prev,
.single-item-carousel .owl-nav .owl-next {
    position: absolute;
    width: 40px;
    height: 40px;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 26px;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: #006f00;
}
.single-item-carousel .owl-nav .owl-prev.disabled,
.single-item-carousel .owl-nav .owl-next.disabled {
    background-color: #878887;
}
.apadashboard-table th {
    height: 40px;
    padding: 5px 5px;
    /*font-size: 16px;*/
}
.apadashboard-table tr td {
    font-size: 15px;
}
.bg-color1 {
    background: #b1780c;
}
.bg-color2 {
    background: #867403;
}
.bg-color3 {
    background: #2e83cc;
}
.bg-color4 {
    background: #548235;
}
.btn-bs-file {
    position: relative;
    padding: 5px 15px;
    border-radius: 3px;
    font-size: 14px;
}
.btn-bs-file input[type="file"] {
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 0;
    height: 0;
    outline: none;
    cursor: inherit;
}
.piechart {
    width: 100%;
    height: 400px;
}
@media (max-width: 1500px) {
    .piechart {
        width: 100%;
        /*width:400px;*/
        /*height: 300px;*/
    }
}
@media (max-width: 1250px) {
    .piechart {
        width: 100%;
        /*width:350px;*/
        /*height: 300px;*/
    }
}
@media (max-width: 1200px) {
    .piechart {
        width: 100%;
        /*width:500px;*/
        /*height: 400px;*/
    }
}
.top-table {
    margin-bottom: 0px;
    width: 100%;
}
.display-none {
    display: none;
}
.new-table-border {
    border: 0px solid transparent
}
.new-table-border tfoot {
    border: 1px solid #e1e1e1;
}
.new-table-border tbody {
    border: 1px solid #e1e1e1;
}
.thead-no-border thead {
    border: 0px solid transparent!important;
}
.no-right-border {
    border-right: 1px solid transparent;
}
.border {
    border: 1px solid #e1e1e1;
}
.thead-no-color {
    background: transparent!important;
}
.thead-no-color th {
    color: #fff;
    text-align: center;
}
.thead-color {
    background: #335c65!important;
}
.th-bg-color {
    background: #335c65!important;
}
.new-hint {
    border: 1px solid #ccc;
    padding: 10px;
    color: #000;
    display: inline-flex;
    vertical-align: top;
    width: 100%;
}
.new-hint span {
    vertical-align: top;
}
.red {
    color: #e62525;
    font-size: 26px;
}
.new-hint .new-hint-box {
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
    color: #ea1e1e;
}

/* Thiru css */
.main-content {
    height: 800px;
    width: auto;
    margin: 0 auto;
}
.overlay-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 1000;
    /* high z-index */
    
    background: #000;
    /* fallback */
    
    background: rgba(0, 0, 0, 0.75);
}
.overlay-content {
    display: none;
    background: #fff;
    padding: 1%;
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 0 0 -20%;
    /* add negative left margin for half the width to center the div */
    
    cursor: default;
    z-index: 10001;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
}
.close-btnss {
    cursor: pointer;
    border: 1px solid #249210;
    padding: 8px 10px;
    background: #249210;
    /* fallback */
    
    color: #fff;
    border-radius: 3px;
    display: block;
    margin-top: 20px;
    text-align: center;
}
.close-btn:hover {
    background: #249210;
}
.popup-header {
    padding: 20px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.popup-body {
    padding: 20px;
}
.popup-body span {
    margin-bottom: 20px;
}
.popup-header button.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000!important;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    opacity: .2;
    position: absolute;
    top: 0px;
    right: 10px;
}
@media (max-width: 991px) {
    .overlay-content {
        width: 96%;
        margin: 0 2%;
        left: 0;
    }
}
#checkboxes1 {
    display: none;
    border: 1px #dadada solid;
    width: 450%;
    /*border: 1px #dadada solid;*/
    
    width: 112%;
    right: auto;
}
#checkboxes1 label {
    display: block;
}
#checkboxes1 label:hover {
    background-color: #1e90ff;
}
.dropdown-select1 {
    position: absolute;
    z-index: 999;
    background: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-x: auto;
    top: auto;
    left: auto;
}
.dropdown-select1 label {
    display: block;
    padding: 0 7px;
    font-size: 13px;
    text-transform: capitalize;
}
.dropdown-select1>input {
    height: 26px;
}
.dropdown-select1 label input {
    margin-right: 10px;
    float: left;
}

.dropdown-select2 {
    position: absolute;
    z-index: 999;
    background: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-x: auto;
    top: auto;
    left: auto;
}
.dropdown-select2 label {
    display: block;
    padding: 0 7px;
    font-size: 13px;
    text-transform: capitalize;
}
.dropdown-select2>input {
    height: 26px;
}
.dropdown-select2 label input {
    margin-right: 10px;
    float: left;
}
.upload-file-box {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.upload-file-box #file-name {
    display: block;
    font-size: 12px;
}
.upload-file-value {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile+label {
    max-width: 80%;
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    color: #005896;
    border: 1px solid #005896;
}
.inputfile+label i {
    padding-right: 10px;
}
a.down-icons {
    padding-left: 10px;
    font-size: 22px;
    color: #00763c;
}
.download-images-text {
    font-size: 16px;
}

/* thiru CSS Start*/
.survelistcheckbox {
    margin-left: 40%;
    display: block;
    position: relative;
    padding-left: 35px;
    /*margin-bottom: 12px;*/
    
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.survelistcheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */

/*.checkmark {
    position: absolute;
    top: -6px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}*/
.checkmark {
    height: 17px;
    width: 17px;
    background-color: #eee;
    border-radius: 3px;
    margin: 2px
}

/* On mouse-over, add a grey background color */
.survelistcheckbox:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.survelistcheckbox input:checked~.checkmark {
    /*background-color: #2196F3;*/
    
    background-color: #dcdfe3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.survelistcheckbox input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */

/*.survelistcheckbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #bebcbc;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}*/
.survelistcheckbox .checkmark:after {
    left: 0px;
    top: -2px;
    /* width: 5px; */
    /* height: 8px; */
    /* border: solid #bebcbc; */
    
    border-width: 0 3px 3px 0;
    /* -webkit-transform: rotate(45deg); */
    
    -ms-transform: rotate(45deg);
    /* transform: rotate(45deg); */
    
    font-family: 'FontAwesome';
    content: "\f00c";
    font-size: 12px;
    color: #fff;
    background-color: #4db894;
    padding: 2px;
}
.surveylist_checkmark {
    position: absolute;
    top: -6px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #eee;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.survelistcheckbox:hover input~.surveylist_checkmark {
    background-color: #b70505;
}

/* When the checkbox is checked, add a blue background */
.survelistcheckbox input:checked~.surveylist_checkmark {
    background-color: #2196F3;
    /*background-color: #dcdfe3;*/
}

/* Create the surveylist_checkmark/indicator (hidden when not checked) */
.surveylist_checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the surveylist_checkmark when checked */
.survelistcheckbox input:checked~.surveylist_checkmark:after {
    display: block;
}

/* Style the surveylist_checkmark/indicator */

/*.survelistcheckbox .surveylist_checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #bebcbc;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}*/
.survelistcheckbox .surveylist_checkmark:after {
    left: 0px;
    top: -2px;
    /* width: 5px; */
    /* height: 8px; */
    /* border: solid #bebcbc; */
    
    border-width: 0 3px 3px 0;
    /* -webkit-transform: rotate(45deg); */
    
    -ms-transform: rotate(45deg);
    /* transform: rotate(45deg); */
    
    font-family: 'FontAwesome';
    content: "\f00c";
    font-size: 12px;
    color: #9f9b9b;
    padding-left: 3px;
    padding-top: 1px;
}

/*.checkmarkadd {
    position: absolute;
    top: -19px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}*/
.checkmarkadd {
    position: absolute;
    top: -6px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #eee;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.survelistcheckbox:hover input~.checkmarkadd {
    background-color: #1267bc;
}

/* When the checkbox is checked, add a blue background */
.survelistcheckbox input:checked~.checkmarkadd {
    background-color: #2196F3;
}

/* Create the checkmarkadd/indicator (hidden when not checked) */
.checkmarkadd:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmarkadd when checked */
.survelistcheckbox input:checked~.checkmarkadd:after {
    display: block;
}

/* Style the checkmarkadd/indicator */

/*.survelistcheckbox .checkmarkadd:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}*/
.survelistcheckbox .checkmarkadd:after {
    left: 0px;
    top: -2px;
    /* width: 5px; */
    /* height: 8px; */
    /* border: solid #bebcbc; */
    
    border-width: 0 3px 3px 0;
    /* -webkit-transform: rotate(45deg); */
    
    -ms-transform: rotate(45deg);
    /* transform: rotate(45deg); */
    
    font-family: 'FontAwesome';
    content: "\f00c";
    font-size: 12px;
    color: #fff;
    padding-left: 3px;
    padding-top: 1px;
}
.main-content {
    height: 800px;
    width: 1000px;
    margin: 0 auto;
}
.overlay-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 1000;
    /* high z-index */
    
    background: #000;
    /* fallback */
    
    background: rgba(0, 0, 0, 0.75);
}
.overlay-content {
    display: none;
    background: #fff;
    padding: 1%;
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 0 0 -20%;
    /* add negative left margin for half the width to center the div */
    
    cursor: default;
    z-index: 10001;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
}
.close-btnss {
    cursor: pointer;
    border: 1px solid #249210;
    padding: 8px 10px;
    background: #249210;
    /* fallback */
    
    color: #fff;
    border-radius: 3px;
    display: block;
    margin-top: 20px;
    text-align: center;
}
.close-btn:hover {
    background: #249210;
}
.popup-header {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.popup-body {
    padding: 20px;
}
.popup-body span {
    margin-bottom: 20px;
}
.popup-header button.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000!important;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    opacity: .2;
    position: absolute;
    top: 0px;
    right: 10px;
}
.show-popup {
    cursor: pointer;
    border: 1px solid #1869b3;
    padding: 8px 10px;
    background: #1869b3;
    /* fallback */
    
    color: #fff;
    border-radius: 3px;
    /*display: block;*/
    
    margin-top: 20px;
    text-align: center;
}

/*
.button-search{
        cursor: pointer;
        border: 1px solid #1c841c;
        padding:8px 10px;
        background: #1c841c;

        color: #fff;
        border-radius: 3px;

        margin-top: 20px;
        text-align: center;

} */

/* media query for most mobile devices */
@media only screen and (min-width: 0px) and (max-width: 480px) {
    .overlay-content {
        width: 96%;
        margin: 0 2%;
        left: 0;
    }
}
.login-message {
    text-decoration: none;
    font-size: 100%;
    padding: 0px;
    margin: 0 10px 0 0;
    /*padding-right: 50px;*/
    
    color: #841c42;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

/*thiru CSS end */
#exportContent p {
    padding: 20px 0 0 0;
}
#exportContent img {
    float: left;
    padding: 0 10px 0 0;
}
.truncatedmodalpopup1 {
    width: 500px;
}
.truncatedmodalpopup2 {
    width: 700px;
}
.truncatedmodalpopup3 {
    width: 991px;
}
.status_bar tbody tr.selecthighlight {
    background-color: lightgray!important;
}

/*thiru CSS end */
.preview-icons:before {
    content: "\f1c5";
    font-family: FontAwesome;
    padding-right: 10px
}
.download-word-icons:before {
    content: "\f1c2";
    font-family: FontAwesome;
    padding-right: 10px
}
.download-pdf-icons:before {
    content: "\f1c1";
    font-family: FontAwesome;
    padding-right: 10px
}
@media (min-width: 768px) {
    .modal-md {
        width: 500px;
    }
}
.select-dropdown-label {
    position: absolute;
    z-index: 999;
    background: #fff;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-x: auto;
    display: none;
    width: 90%;
}
.select-dropdown-label label {
    display: block;
    padding: 1px 5px;
}
.select-dropdown-label label input {
    margin-right: 5px;
}
.imagesrctag {
    float: left;
}
.form-check {
    display: inline-block;
    /* margin-right: 10px; */
    
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
    color: #333;
    width: auto;
    min-width: auto;
    max-width: 100%;
    height: 100%;
    padding: 6px 10px;
}
.form-check label {
    position: relative;
    cursor: pointer;
    color: #565656;
    font-weight: 400;
    cursor: pointer;
    font-size: 16px;
}
.form-check input[type="checkbox"],
.form-check input[type="radio"] {
    position: absolute;
    right: 9000px;
}
.label-color-blue-1 .label-text {
    color: #22548a;
    font-weight: 600;
    font-size: 14px;
}
.label-color-red .label-text {
    color: #fb4e4e;
    font-weight: 600;
}
.label-text i {
    padding-right: 5px;
    font-size: 15px;
    vertical-align: top;
    margin-top: 4px;
    padding-left: 5px;
}
.form-check input[type="checkbox"]+.label-text:before {
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
}
.form-check input[type="checkbox"]:checked+.label-text:before {
    content: "\f14a";
    color: #2980b9;
    animation: effect 250ms ease-in;
}
.form-check input[type="checkbox"]:disabled+.label-text {
    color: #aaa;
}
.form-check input[type="checkbox"]:disabled+.label-text:before {
    content: "\f0c8";
    color: #ccc;
}
@keyframes effect {
    0% {
        transform: scale(0);
    }
    
    25% {
        transform: scale(1.3);
    }
    
    75% {
        transform: scale(1.4);
    }
    
    100% {
        transform: scale(1);
    }
}
.images_close {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #f00;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .8;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
}
.page-title {
    font-size: 22px;
}
h2.page-sub-title {
    font-size: 20px;
    color: #000;
    text-align: left;
    padding: 10px;
    font-weight: bold;
}
.content-text {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 25px;
    padding: 5px 10px;
}
.fnt-wht-600 {
    font-weight: 600;
}
.card {
    position: relative;
    display: block;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07);
    border-radius: 7px;
    width: 100%;
}
.card-header {
    display: block;
    background: none;
    padding: 10px;
    min-height: 3.5rem;
    -ms-flex-align: center;
    align-items: center;
    /*border-bottom: 1px solid #e3ebf3;*/
    
    box-shadow: 2px 1px 5px #ccc;
    margin-bottom: 20px;
}
.card .card-header {
    background: #e8e8e8;
}
.card-collapsed .card-header {
    background: transparent;
}
.card-header a {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.card-title {
    font-size: 17px;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    float: left;
}
.card-options {
    float: right;
    color: #9aa0ac;
    -ms-flex-item-align: center;
    align-self: center;
}
.card-options i {
    color: #337ab7;
}
.card-collapsed .card-options-collapse i:before {
    content: '\f078';
}
.card-body {
    display: block;
    margin: 0;
    padding: 1.5rem 1.5rem;
    position: relative;
}
.card-collapsed> :not(.card-header):not(.card-status) {
    display: none;
}
.edit-icons {
    position: relative;
    text-align: center;
    color: #098309;
    cursor: pointer;
}
.edit-icons:before {
    content: '\f040';
    font-family: FontAwesome;
    font-size: 17px;
    color: #4a4a4a;
}
.add-icons {
    position: relative;
    text-align: center;
    color: #098309;
    cursor: pointer;
}
.add-icons:before {
    content: '\f040';
    font-family: FontAwesome;
    font-size: 17px;
    color: #04860e;
}
.pop-middle-content {
    padding: 15px 20px;
    box-sizing: border-box;
}
.radio-button {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}
.apa-dasbord-radio-div {
    display: inline-block;
    width: 100%;
    text-align: right;
}
.radio-button input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.radio-button input[type="radio"]+.radio-label:before {
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    margin-right: 8px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}
.radio-button input[type="radio"]:checked+.radio-label:before {
    background-color: #22548a;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio-button input[type="radio"]:focus+.radio-label:before {
    outline: none;
    border-color: #1c841c;
}
.radio-button input[type="radio"]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}
.radio-button input[type="radio"]+.radio-label:empty:before {
    margin-right: 0;
}
.radio-label {
    color: #565656;
    font-weight: 500;
}
.no-overflow-height {
    overflow-y: hidden;
}
.images-preview-text {
    display: inline-block;
    margin-left: 10px;
}
.mobile-right-heading {
    display: none;
}
.mobile-left-heading {
    display: none;
}
.checkbox.checkbox-primary input:disabled {
    cursor: not-allowed;
}

/*Responsive Design Css*/
@media (max-width: 1600px) {
    .box-color .field .lable_normal span {
        font-size: 15px;
    }
    
    th {
        font-size: 13px;
    }
    
    .header_main h2 {
        font-size: 16px;
    }
    
    .table tbody tr td {
        font-size: 13px;
    }
    
    .edit_type,
    .add_type,
    .add_project_type {
        font-size: 14px;
        height: 26px;
        width: 26px;
    }
    
    .delete_type {
        font-size: 14px;
        height: 26px;
        width: 26px;
    }
    
    .button_add {
        padding: 3px 10px;
    }
    
    .label-normal {
        font-size: 15px;
    }
    
    .selectBox select {
        font-size: 13px;
    }
    
    .select-dropdown label {
        font-size: 14px;
    }
}
@media (min-width: 1200px) and (max-width: 1600px) {
    .media-body p {
        float: left;
    }
    
    .media-body form {
        float: right;
    }
    
    .info-box .media-left {
        padding-right: 10px;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    .info-box {
        padding: 10px 6px;
    }
    /*.info-box .media-icons{
        width: 35px;
        height: 35px;
        line-height: 30px;
        padding: 0px 10px;
        font-size: 23px;

    }*/
    
    .info-box .media-icons {
        width: 30px;
        height: 30px;
        line-height: 25px;
        padding: 0px 10px;
        font-size: 18px;
    }
    
    .info-box .media-left {
        padding-right: 5px;
    }
}
@media (min-width: 1200px) and (max-width: 1280px) {
    .info-box .info-count {
        font-size: 15px;
    }
    
    .info-box p {
        font-size: 14px;
    }
}
@media screen and (max-width: 1200px) {
    .right-border {
        border-bottom: 1px solid #ccc;
        border-right: 0px solid transparent;
        padding-bottom: 15px;
    }
    
    .logo {
        padding: 10px 0;
    }
    
    .mobile-logo {
        padding: 0 8px;
    }
    
    .mobile-nav-div {
        padding: 0 8px;
    }
    
    .apa-dasbrd-sec .heading .right-heading {
        display: none;
    }
    
    .apa-dasbrd-sec .heading .left-heading {
        display: none;
    }
    
    .mobile-right-heading {
        display: block;
        margin-top: 13px;
        text-align: center;
    }
    
    .mobile-left-heading {
        display: block;
        margin-top: 13px;
        text-align: center;
    }
}
@media (max-width: 991px) {
    .center-heading {
        display: block;
        width: 100%;
    }
    
    .login-dropdown {
        background: #1c841c;
        left: auto;
        right: 0;
        opacity: 0;
        /* padding: 10px; */
        position: absolute;
        top: auto;
        -webkiit-transform: scaleY(0);
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        width: 200px;
        display: none;
        z-index: 999;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 6px 1px hsla(0, 0%, 0%, 0.1);
    }
    
    .login-dropdown.is-open {
        opacity: 1;
        display: block;
        -webkiit-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        top: 60px;
        left: 0;
    }
}
@media screen and (max-width: 767px) {
    .table-responsive {
        border: 0px solid transparent;
    }
    
    .suppli-search {
        width: auto;
    }
    
    .select_1 {
        margin-left: 0;
    }
    
    .collapse {
        display: block;
    }
    
    .navbar-nav .open .dropdown-menu {
        display: block;
        background: #1c8457;
        border-top: 1px solid #1c8457;
    }
    
    .custom-navbar ul li a {
        padding: 10px 0px;
    }
    
    .navbar-nav .open .dropdown-menu li a {
        color: #fff;
        font-size: 13px;
    }
    
    .navbar-nav .open .dropdown-menu li {
        border-color: #fff;
    }
    
    .mobile-login-drp {}
    /*.login-dropdown{
    display: none;
}
*/
    
    .search_absu {
        float: left;
        margin-top: 10px;
        width: 100%;
    }
    
    #checkboxes2 {
        width: 100%;
    }
    
    #checkboxes1 {
        width: 100%;
    }
    
    .checkboxes3 {
        width: 100%;
    }
    
    .mp-0 {
        padding: 0!important;
    }
    
    #checkboxes4 {
        width: 100%;
    }
    
    .multiselect {
        width: 100%;
        margin-top: 10px;
    }
    
    .mobile_lable_normal {
        display: block!important;
    }
    
    .mobile_mt-10 {
        margin-top: 10px;
    }
}
@media screen and (max-width: 520px) {
    .table-small-5 {
        width: 100%;
    }
}
@media screen and (max-width: 370px) {
    .login li.chat-icons {
        border-right: 0x solid transparent;
    }
}
hr {
    margin-top: 15px;
    margin-bottom: 15px;
}
.m-0 {
    margin: 0!important;
}
.mr-b-10 {
    margin-bottom: 10px;
}
.mr-r-0 {
    margin-right: 0;
}
.mr-r-10 {
    margin-right: 10px !important;
}
.mr-b-20 {
    margin-bottom: 20px;
}
.p-0 {
    padding: 0!important;
}
.color-blue {
    color: #337ab7;
}
.textarea_width_height {
    max-width: 500px;
    max-height: 200px;
    min-width: 300px;
    min-height: 50px;
}
@media (max-width: 991px) {
    .m-pull-right {
        float: none!important;
    }
}
.accordion .panel {
    border-radius: 0;
    border: 0;
    margin-top: 0px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .05);
}
.accordion a {
    display: block;
    padding: 10px 10px;
    /*border-bottom: 1px solid #b42b2b;*/
    
    text-decoration: none;
    /*background: #e4e4e4;*/
    
    background: #00B894;
    color: #fff;
}
.accordion .panel-heading a.collapsed:hover,
.accordion .panel-heading a.collapsed:focus {
    /*background-color: #b42b2b;*/
    /*background-color: #00a500;*/
    
    color: white;
    transition: all 0.2s ease-in;
}
.accordion .panel-heading a.collapsed:hover::before,
.accordion .panel-heading a.collapsed:focus::before {
    color: white;
}
.accordion .panel-heading {
    padding: 0;
    border-radius: 0px;
    text-align: left;
}
.accordion .panel-heading a:not(.collapsed) {
    color: white;
    /*background-color: #b42b2b;*/
    
    background-color: #00B894;
    transition: all 0.2s ease-in;
}

/* Add Indicator fontawesome icon to the left */
.accordion .panel-heading .accordion-toggle::before {
    font-family: 'FontAwesome';
    content: '\f00d';
    float: right;
    color: white;
    font-weight: lighter;
    font-size: 14px;
    margin-left: 20px;
    transform: rotate(0deg);
    transition: all 0.2s ease-in;
}
.accordion .panel-heading .accordion-toggle.collapsed::before {
    color: #fff;
    transform: rotate(-135deg);
    transition: all 0.2s ease-in;
}
.action-button-table tr td {
    padding: 5px 10px;
}
.delete-icons:after {
    content: "\f1f8";
    font-family: FontAwesome;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #f70e0e;
}
.accordion a.down-xls-rohs {
    display: inline-block;
    background: transparent;
    padding: 0;
    vertical-align: top;
}
.accordion a.down-xls-tsca {
    display: inline-block;
    background: transparent;
    padding: 0;
    vertical-align: top;
}
.accordion a.down-xls-eu_battery {
    display: inline-block;
    background: transparent;
    padding: 0;
    vertical-align: top;
}
.new-menu li {
    float: left;
    padding: 14px 10px;
}
.hamburger {
    display: inline-block;
    left: 0px;
    position: relative;
    top: 2px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 37px;
    z-index: 999;
}
.hamburger .line {
    background-color: #252525;
    display: block;
    height: 2px;
    width: 30px;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}
.hamburger .line:first-child {
    width: 18px;
    margin-bottom: 7px;
}
.hamburger .line:last-child {
    width: 18px;
    margin-top: 7px;
}
.hamburger:hover {
    cursor: pointer;
}
.hamburger:hover .line {
    width: 30px;
}

/*
.hamburger.is-active {
  left: 65px;
}
*/
.hamburger.is-active {
    top: 0px;
}
.hamburger.is-active .line:nth-child(1),
.hamburger.is-active .line:nth-child(3) {
    width: 14px;
    height: 3px;
}
.hamburger.is-active .line:nth-child(2) {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    width: 17px;
    height: 3px;
}
.hamburger.is-active .line:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(48deg);
    transform: translateY(5px) rotate(48deg);
}
.hamburger.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-48deg);
    transform: translateY(-5px) rotate(-48deg);
}
.menu-text {
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 20px;
    margin-right: 10PX;
    vertical-align: top;
}
.new-logo {
    float: left;
    /* padding: 26px 10px; */
    
    padding: 10px;
    /* background: #5cb85c; */
    
    background: #fff;
    border-right: 1px solid #969696;
}
.new-logo img {
    /* float: left; */
    /* margin-top: 5px; */
    
    display: inline-block;
    vertical-align: middle;
}
.new-logo a span {
    display: inline-block;
    vertical-align: middle;
    color: #1c841c;
    font-family: 'Fjalla One', sans-serif;
    letter-spacing: 0.3px;
    font-size: 23px;
    margin-left: 6px;
    font-weight: 600;
}
.header {
    position: relative;
}
.header:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999;
    opacity: 0;
    display: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header.active:after {
    opacity: .5;
    display: block;
}
.header .side-header {
    background: #ffffff none repeat scroll 0 0;
    height: auto;
    left: -100%;
    /* position: absolute; */
    
    position: fixed;
    top: 53px;
    z-index: 99999;
    bottom: 0;
    width: 300px;
    box-shadow: 0 1px 1px #1919193d;
}
.nav.navbar-nav {
    width: 100%;
}
.custom-navbar ul li {
    float: none;
    border-bottom: 1px solid #23232312;
}
.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: transparent;
    border-color: transparent;
}
li.dropdown .dropdown-menu li:hover a {
    color: #2e2e95;
    background: transparent;
}
li.dropdown .dropdown-menu li {
    display: block;
}
.dropdown.open {
    position: relative;
}

/*.dropdown.open:after{
    border-bottom: 10px solid #dfe6ec;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50px;
}*/
.custom-navbar ul li {
    float: none;
}

/* li.dropdown > a:after{
    background: #8b8b8c none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 90%;
    margin-left: -18px;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 5px;
} */

/*li.dropdown.open > a:after{
    width: 30px;
}*/

/* .custom-navbar ul li a{
    color: #1c841c;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 15px;
    padding: 15px 30px;
    display: block;
    text-transform: uppercase;

} */
.custom-navbar ul li a img {
    vertical-align: middle;
    padding-right: 4px;
    width: 20px;
}
.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: transparent;
    border-color: transparent;
}
li.dropdown .dropdown-menu li:hover a {
    color: #2e2e95;
    background: transparent;
}
@media (min-width: 769px) {
    .custom-navbar .dropdown-menu {
        position: absolute;
        transform: translateX(-200%);
        top: 0px;
        right: 0px;
        transition: all linear .6s;
        background: #fff;
        z-index: -1;
    }
    
    .custom-navbar .dropdown:hover .dropdown-menu {
        transform: translateX(100%);
        display: block;
    }
}
li.dropdown:hover a:after {
    width: 30px;
}
.open>.dropdown-menu {
    display: block;
}
.custom-navbar li a i {
    padding-right: 8px
}
.header .side-header.slide-menu {
    left: 0;
}
.navbar-collapse {
    padding: 0;
}
.content_main_all .form_head {
    padding: 0;
}
.excp-dele-icons:after {
    content: '\f014';
    display: inline-block;
    font-family: FontAwesome;
    color: #bd0000;
    position: absolute;
    top: 7px;
    margin-left: 10px;
    font-size: 18px cursor: pointer;
}
.popup-msg .warning-text {
    color: #bd0a0a;
}
.popup-msg .success-text {
    color: #1c841c;
}

/*mouni */
.error_val {
    color: red;
    text-align: center;
    margin-top: 10px;
    display: none;
}
.hidden_txt {
    /*margin-left: 219px;*/
    
    border-color: white;
    padding-bottom: 131px;
    /*margin-top: -146px;*/
    
    position: absolute;
    bottom: 0;
    right: 0;
}
.red_danger {
    color: red;
}
.note-editable ul li {
    margin: 15px;
    padding: 0;
    list-style: disc;
}
.note-editable ol li {
    margin-left: 20px;
    padding: 0;
    list-style: decimal-leading-zero;
    text-align: left;
    line-height: 1.5;
}
.alert {
    padding: 9px;
    position: relative;
}
.modal p {
    line-height: 23px;
    display: inline-block;
    text-align: center;
    width: 100%;
    vertical-align: top;
}
.fs-16 {
    font-size: 16px;
}
.modal-header-noborder {
    border-bottom: 0px solid transparent;
    padding: 0;
}
.fs-20 {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}
.fw-600 {
    font-weight: 600;
}
.popup_ok {
    padding: 6px 20px;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    background-color: #327ab7;
    border-radius: 5px;
    margin-top: 16px;
    font-size: 16px;
    border: 0px solid transparent;
    color: #fff;
}
.middile-div-title {
    /*display: inline-block;*/
    
    color: #333;
    font-size: 17px;
    margin-bottom: 15px;
    /*float: left;*/
}
.middile-div-title span {
    color: #189822;
    font-size: 20px!important;
}
.success-msg {
    color: #189822;
    font-size: 14px;
}
.popup_download {
    padding: 8px 15px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    background-color: #00763C;
    /* font-size: 28px; */
    
    border-radius: 5px;
    margin-top: 16px;
}
.block-center {
    display: block;
    margin: 3px auto;
    text-align: center;
}
.small-block {
    display: inline-block;
    width: 150px;
}
.small-block-sm {
    display: inline-block;
    padding: 0 10px;
    width: 30px;
}
.block-left {
    display: block;
    text-align: left;
}
.small-left {
    display: inline-block;
    width: 150px;
}
.small-right {
    display: inline-block;
    width: 50px;
}
.color-rohs {
    color: #2c7e34;
}
.color-reach {
    color: #283c83;
}
.font_20 {
    font-size: 20px;
    font-weight: 600;
}
.popup-border-right {
    position: relative;
}
.popup-border-right:after {
    content: '';
    background: #e2e2e2;
    width: 1px;
    height: 90%;
    position: absolute;
    top: 10px;
    right: 20px;
}
.reach-rohs-center {
    display: block;
    width: 85%;
    margin: 0 auto;
}
.popup-left-div {
    display: inline-block;
}
.popup-right-div {
    display: inline-block;
}
.display_inline_blk_90 {
    display: inline-block;
    width: 90%;
    text-align: center;
    margin: 0 auto;
}
.reach-title {
    color: #283c83;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}
.rohs-title {
    color: #2c7e34;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}
.cust_img {
    height: 65px;
    object-fit: contain;
    float: left;
    box-shadow: 0 0 5px #ccc;
    margin-right: 10px;
    padding: 5px;
    cursor: pointer;
}

/*custom fa css*/
table.status_bar .search {
    margin: 5px 0;
}
.ttl-itm {
    font-size: 14px;
    color: #565656;
    font-weight: 600;
}

.ttl-itm.blue_clr{
    color: #23498f;
}

.search{
    position: relative;
}
.search i.fa.fa-search {
    position: absolute;
    right: 5px;
    top: 9px;
}
.btn {
    padding: 4px 12px !important;
}
.btn-padding {
    padding: 5px 25px !important;
}
.btn-update {
    padding: 5px 25px !important;
    background-color: transparent;
    border: 1px solid #2ab894;
    border-radius: 3px;
    color: #000;
    outline: 0;
}
.btn-update:hover,
.btn-update:focus,
.btn-update:active {
    background-color: #2ab894;
    color: #fff !important;
    border: 1px solid #2ab894;
    outline: 0;
}

/* .field span {
    color: #fff;
} */
.delete-btns {
    margin-left: 25%;
}
.delete-first-btn {
    margin-right: 12px;
}
.blk {
    display: table;
    height: 38px;
    float: left;
    width: auto;
    padding-right: 20px;
}
.col-md1 {
    vertical-align: middle;
    /*display: table-cell;*/
    
    padding: 5px 0px;
}
.col-md1 lable {
    font-weight: 500;
    font-size: 16px;
}
.ht {
    height: 34px !important;
    margin-bottom: 0;
}
.mrgl {
    margin-left: 10px;
}
.mrb {
    margin-bottom: 10px;
}
.ln {
    line-height: 2em;
}
.ehs_slider_heading {
    font-size: 19px !important;
    font-weight: normal !important;
}
.mdlLFRG-le {
    display: table;
    /* margin: auto;*/
    /*width: auto;*/
}
.cust-tbl_mdlLF {
    /*width: 70%;*/
    
    margin-right: 5px;
}
.cust-tbl_mdlLF .lable_normal {
    display: block;
    padding: 0;
    margin-bottom: 0;
}
.cust-tbl_mdlRG {
    /*width: 25%;*/
    
    margin-right: 0px;
}
.cust-tbl_mdlRG .button_search {
    padding: 7px 15px;
}
.mmdlll {
    display: table;
    /*margin: 20px auto*/
}
.mmdlll1 {
    display: table;
    /*margin: 0px auto*/
}
a.as.clr1,
a.as.clr2,
a.as.clr3 {
    height: 500px;
    display: table;
    width: 35px;
    float: left;
    margin: 0px 2px;
    border-radius: 10px;
    cursor: pointer;
}
a.as.clr1 {
    background-color: #005e3d;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
a.as.clr2 {
    background-color: #2c7e34;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
a.as.clr3 {
    background-color: #2b357d;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.skewedbox {
    display: table-cell;
    text-align: center;
    /* background-color: #f9f9f9; */
    /* padding: 0.5em; */
    /* margin: 0.25em; */
    
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #fff;
    font-weight: 200;
    font-size: 1em;
    font-family: "Roboto", serif;
    transition: .3s;
    width: 30px;
    /* height: 480px; */
    /* line-height: 25px; */
    
    vertical-align: middle;
}
a.as:hover {
    /*background-color: #1c841c;*/
    
    color: #fff;
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    text-decoration: none;
}
.as.active {
    position: relative;
    top: 50px;
    text-decoration: none;
}
.skewedbox a {
    transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -webkit-transform: skewX(10deg);
    text-decoration: none;
}
.mnn {
    /* display: inherit; */
    /*float: right;
    display: table;
    height: 314px;*/
    
    position: absolute;
    right: 35px;
    height: auto;
    top: 15%;
}
.ehs_left_heading {
    display: inline-block;
    vertical-align: top;
}
.ehs_slider_heading {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background: #20841b;
    width: 100%;
    padding: 5px;
    display: inline-block;
}
.bg_green {
    background: #2c7e34;
}
.bg_darkgreen {
    background: #115e3d;
}
.bg_voilet {
    background: #2b357d;
}
.ehs_pos_heading {
    /*position: relative;*/
    
    right: 0px;
    width: 100%;
    text-align: center;
    top: -24px;
}
.mm_sub {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    /*top: 35px;
    right: 20px;*/
}

/*a.active li.skewedbox{
  background-color: #c4515c;
  color: #000;
}*/
a.clr1.active {
    background-color: rgba(0, 94, 61, 0.55);
    /* color: #000; */
    /* height: 450px; */
    
    font-weight: bold;
    /* cursor: text; */
    /* vertical-align: middle; */
    
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
    height: 400px;
}
a.clr2.active {
    background-color: rgba(44, 126, 52, 0.6196078431372549);
    /*color: #000;
  height: 450px;*/
    
    font-weight: bold;
    /*cursor: text;x
    vertical-align: middle;*/
    
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
    height: 400px;
}
a.clr3.active {
    background-color: rgba(43, 53, 125, 0.6901960784313725);
    /*color: #000;
  height: 450px;*/
    
    font-weight: bold;
    /*cursor: text;
  vertical-align: middle;*/
    
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
    height: 400px;
}
.mrg-rt_fnt {
    margin-right: 5px;
}
.div_position_slider {
    position: relative;
    z-index: 999;
    top: 47px;
    right: 48px;
}
.button_add-img {
    background-image: url(../img/plus.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: auto;
    background-position-x: 13px;
    /* background-position-y: 7px; */
    
    background-position: 8px;
}
.fl_lf {
    position: relative;
    left: 30px;
    text-align: left;
}
.tooltip2.cstm2 .tooltiptext {
    width: 210px;
    background-color: #009e8f;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: fixed !important;
    z-index: 1 !important;
    top: 72% !important;
    left: 65% !important;
}

/*End custom fa css*/

/*.bg-prop-65{
    background-color: #005e3d;
}

.bg-rohs{
    background-color: #2c7e34;
}

.bg-reach{
    background-color: #2b357d;
}*/
.bg-prop-65-text {
    color: #005e3d;
}
.bg-rohs-text {
    color: #2c7e34;
}
.bg-reach-text {
    color: #2b357d;
}

/*******************Rohs survey form input width change***********************/
.width_12_per {
    width: 12%;
}
@media only screen and (max-width: 1366px) {
    .width_12_per {
        width: 16%;
    }
}
.normal-title-sub {
    padding: 5px 0;
    color: #1a753c;
    font-weight: 600;
    margin-bottom: 5px;
}
.posti_relative {
    position: relative;
}
.mb-10 {
    margin-bottom: 10px;
}
.pt-0 {
    padding-top: 0;
}
.select-dropdown label {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
.select-dropdown label input {
    margin-right: 5px;
}
.select-dropdown label:last-child {
    border-bottom: 0px solid transparent;
}

/*.table-td-center{
    width: 50%;
}*/
.table-td-center tr td,
.table-td-center tr th {
    text-align: center;
}
.hint-table tr td img {
    width: 20px;
}
.half_width {
    width: 50%;
    /*margin: 0 auto;*/
    
    float: left;
}
.half_width_80 {
    width: 80%;
    float: left;
}
.icon_explain {
    float: left;
    margin: 0 0 0 10px;
}
@media (max-width: 1440px) {
    .half_width {
        width: 80%;
    }
    
    .half_width_80 {
        width: 100%;
    }
}
@media (min-width: 1440px) {
    .half_width_80 {
        width: 100%;
    }
}
@media (max-width: 1350px) {
    .hint-table tr th,
    tr td {
        font-size: 11px;
    }
}
@media (max-width: 1024px) {
    .half_width {
        width: 100%;
    }
}
.disabled_style {
    cursor: not-allowed;
    pointer-events: none;
}
.disabled_style:after {
    color: #ccc;
}
.disabled_style:before {
    color: #ccc;
}
.button-menu {
    position: relative;
    display: inline-block;
}
.button-div {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 4px 12px;
    font-size: 14px!important;
    line-height: 1.5;
    border-radius: 2.4px;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #fff;
}
.button-export {
    background: #424444;
}
.button-down {
    background: #0069C1;
}
.button-upload {
    background: #0069C1;
    padding: 4px 12px;
    font-size: 14px!important;
    line-height: 1.5;
    border-radius: 2.4px;
    color: #fff;
}
.button-upload:hover {
    color: #fff;
}
.button-div:hover {
    color: #fff;
}
.dropdown-new {
    background: #6a6b6b;
    left: auto;
    right: 0;
    opacity: 0;
    /* padding: 10px; */
    
    position: absolute;
    top: 30px;
    -webkiit-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    min-width: 100%;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 6px 1px hsla(0, 0%, 0%, 0.1);
}
.dropdown-new li {
    border-bottom: 1px solid #4b4e4e;
}
.dropdown-new li a {
    background: none;
    padding: 5px 5px 5px 15px !important;
    color: #fff !important;
    line-height: 20px;
    font-size: 15px;
    text-align: left;
    margin: 0px;
    border: none !important;
    display: block !important;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}
.button-menu-li:hover ul.dropdown-new {
    opacity: 1;
    visibility: visible;
    -webkiit-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    top: 34px;
}
.success-text {
    font-size: 20px;
    color: #27851b;
}
.failure-text {
    font-size: 20px;
    color: #cb0000;
}
table tr td div.fa.fa-check {
    color: #15d015;
    font-size: 18px;
}
table tr td div.fa.fa-times {
    color: #ff0000;
    font-size: 18px;
}
table tr td div.fa.fa-question {
    color: #fea200;
    font-size: 18px;
}
.supplier-popup {}
.supplier-popup-tab {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}
.supplier-popup-tab .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
    display: block;
    float: none;
}
.supplier-popup-tab .nav-tabs>li {
    width: 25%;
    text-align: center;
    position: relative;
    display: block;
    float: left;
    margin-bottom: -1px;
}
.supplier-popup-tab .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #e0e0e0;
    border-radius: 4px 4px 0 0;
    /* border: none; */
    
    color: #565656;
    background: #fff;
}
.supplier-popup-tab .nav-tabs>li.active>a,
.supplier-popup-tab .nav-tabs>li.active>a:hover,
.supplier-popup-tab .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #2ab894;
    box-shadow: 0 0 5px #ccc;
    border-bottom-color: transparent;
}
.supplier-popup-tab .nav-tabs>li.active>a,
.supplier-popup-tab .nav-tabs>li>a:hover {
    border: none;
    color: #fff !important;
    background: #2ab894;
}
.supplier-popup-tab .nav-tabs>li.active>a::after,
.supplier-popup-tab .nav-tabs>li:hover>a::after {
    transform: scale(1);
}
.supplier-popup-tab .nav-tabs>li>a::after {
    content: "";
    background: #b1b1b1;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}
.supplier-popup-tab .nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}
.supplier-popup-tab .nav>li>a:hover,
.supplier-popup-tab .nav>li>a:focus {
    text-decoration: none;
    background-color: #2ab894;
    color: #fff;
}
.supplier-popup-tab .tab-content {
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
}
.docum-det-inf-table .table {
    width: 75%;
}
.docum-det-inf-table .table tr th.docum-type {
    width: 30%;
}
.docum-det-inf-table .table tr th.docum-ava {
    width: 10%;
}
.docum-det-inf-table .table tr th.docum-att {
    width: 20%;
}
.docum-det-inf-table .table tr th.docum-notes {
    width: 40%;
}
.docum-det-inf-table .table tr td .field {
    float: none;
}
.docum-det-inf-table .table tr td .field .btn-bs-file {
    width: 100px;
}
.docum-table tr:nth-child(even) {
    background: #fff;
}
.disable {
    background: rgb(235, 235, 228);
    pointer-events: none;
    opacity: 0.4;
}
.rohs-comments-section {
    background: #efefef;
    padding-top: 12px;
    border-radius: 10px;
    box-shadow: 0 0 5px #0000003b;
}
.rosh_submit {
    padding: 10px 15px;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-align: right;
    display: block;
    color: #fff;
    vertical-align: top;
    background-color: #00763C;
    text-align: center;
    margin: 0 auto;
}
.upload_button {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 3px;
    background: #0a9ae2;
    color: #fff;
    border: 0;
    font-size: 13px;
}
.rohs_upload_file,
.upload_file {
    padding: 4px 10px;
    display: inline-block;
    box-shadow: 0 0 3px rgba(6, 6, 6, 0.28);
    margin: 5px 0;
    position: relative;
}
.rohs_upload_file_close,
.upload_file_close {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #f00;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .8;
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    position: absolute;
    right: -11px;
    top: -10px;
}
.rohs_upload_file_close:after,
.upload_file_close:after {
    content: '\f057';
    font-family: FontAwesome;
}
.rohs_upload_file.current,
.upload_file.current {
    background: #efebeb;
}
.rosh_resp_txt,
.resp_txt {
    font-size: 16px;
    color: #377ab7;
}
.substance_infor_upload_doc ul li {
    margin-right: 10px;
}
.substance_infor_upload_doc ul li a {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}
.supplier-next-group {
    display: inline-block;
    width: 100%;
}
.next-button {
    display: inline-block;
    float: right;
    padding: 3px 8px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    text-align: right;
    font-size: 12px;
    color: #fff;
    vertical-align: top;
    background-color: #2ab894;
    font-weight: 400;
}
.preview-button {
    display: inline-block;
    float: right;
    padding: 3px 8px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    text-align: right;
    color: #fff;
    font-size: 12px;
    vertical-align: top;
    background-color: #2ab894;
    font-weight: 400;
}
.button_close {
    padding: 3px 8px;
    margin: 0 10px 0 0;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    text-align: right;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    background-color: #bd0a0a;
}
.tab_chart_block {}
.tab_chart_thumb {
    max-height: 215px;
    width: auto;
    overflow: auto;
}
.tab_chart_thumb>li.active>a,
.tab_chart_thumb>li.active>a:hover,
.tab_chart_thumb>li.active>a:focus {
    outline: 3px solid #489063;
    border: 0;
    cursor: pointer;
}
.tab_chart_thumb>li {
    margin: 5px 10px;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #f3f3f3;
    width: 150px;
    height: auto;
}
.tab_chart_thumb>li .thumb {
    margin: 0;
    padding: 15px;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    /* box-shadow: 1px 1px 1px 1px #b9b9b9; */
    
    cursor: pointer;
    text-align: center;
    color: #333;
    transition: all 0.5s ease;
}
.tab_chart_thumb>li a>h5 {
    line-height: 20px;
    margin-top: 5px;
}
.tab_chart_thumb>li a>img {
    width: 100px;
}
.chart_block {
    width: 100%;
    float: left;
}
.chart_diagram {
    display: inline-block;
    width: 100%;
    height: 400px;
}

/* .chart_block>.active {
    margin: 25px 25px;
    display: block;
} */
.nav-tabs {
    border-bottom: 0;
}
.chart_container {
    width: 100%;
    height: auto;
    margin: 10px auto;
    /* text-align: center; */
    
    display: inline-block !important;
    padding: 0px;
    background-color: #fff;
    /* border: 1px solid #d3d3d3 */
}
.chart_container fieldset,
fieldset {
    padding: .35em .625em .75em;
    margin: 10px 10px;
    border: 1px solid #e6e6e6;
}
.chart_container fieldset>legend,
fieldset>legend {
    width: auto;
    padding: 0 15px;
    margin: 0px;
    border-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    /* background: #5b5871; */
}
.chart_container .chart_container_left>.title,
.chart_container .chart_container_right>.title {
    font-size: 20px;
    padding: 10px 15px;
}
.chart_container_left {
    margin: 10px;
    /*padding:5px;
  border:1px solid #d3d3d3;*/
    
    display: inline-block;
    width: 47.5%;
}
.chart_container_right {
    margin: 10px;
    /*padding:5px;
  border:1px solid #d3d3d3;*/
    
    display: inline-block;
    width: 47.5%;
}
.m-t-10 {
    margin-top: 10px;
}
.m-r-20 {
    margin-right: 20px;
}
.choosen_file_table th {
    font-size: 14px !important;
    color: #333 !important;
    background-color: #fff;
}
.vertical-middle {
    vertical-align: middle;
}
.width-40 {
    width: 40%;
}
.close_new {
    font-weight: 600;
    /* font-size: 18px; */
    
    font-size: 25px;
    color: #fff;
    height: 33px;
    width: 33px;
    line-height: 28px;
    text-align: center;
    /* margin: 0 0px 5px 5px; */
    
    margin: 0px;
    background-color: #c34243;
    /* border-radius: 17px; */
    
    box-shadow: -1px 2px 0px -2px #afafaf;
    cursor: pointer;
    position: absolute;
    /* right: 34%;
    top: 120px; */
    
    right: 0px;
    top: 0px;
}
span.close1 {
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    height: 35px;
    width: 40px;
    line-height: 30px;
    text-align: center;
    background-color: #c34243;
    padding-top: 0px;
    box-shadow: -1px 2px 0px -2px #afafaf;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}
.close_new {
    font-weight: 400;
    /* font-size: 18px; */
    
    font-size: 24px;
    color: #fff;
    height: 33px;
    width: 35px;
    line-height: 26px;
    text-align: center;
    /* margin: 0 0px 5px 5px; */
    
    background-color: #b11111;
    /* border-radius: 17px; */
    
    box-shadow: -1px 2px 0px -2px #afafaf;
    cursor: pointer;
    position: absolute;
    /* right: -10px; */
    
    opacity: 1;
    /* top: -10px; */
    
    right: -1px;
    top: -1px;
    z-index: 1;
}
.scip-section {
    padding: 0px 15px 10px;
    margin: 0px 0 20px 0;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 1px 0 5px rgb(222, 222, 222);
    border-radius: 0px;
}
.scip-header-top {
    background: #e4e4e4;
    padding: 5px 0;
}
.scip-header-top-right {
    float: right;
}
.scip-label {
    font-size: 15px;
    margin-bottom: 10px;
    margin-right: 20px;
    font-weight: 600;
}
.scip-section {
    text-transform: capitalize;
}
.sub-title {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 15px 0;
    color: #000;
}
.sub-title:after {
    content: '';
    height: 1px;
    width: 30px;
    background: #000;
    display: block;
    margin-top: 5px;
}
.product-type-select {
    width: 300px;
    display: inline-block;
}
.chosen-container-single .chosen-single {
    height: 34px;
    border: 1px solid #d8d8d;
    border-radius: 3px;
}
.chosen-container-single .chosen-single span {
    line-height: 32px;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    background: #fff;
    border-radius: 0;
    border-color: #ccc;
    box-shadow: 0 0 0;
}
.chosen-container-single .chosen-single {
    background: #fff;
    border-radius: 0;
    border-color: #ccc;
    box-shadow: 0 0 0;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 8px;
}
.chosen-container-single .chosen-single div b {
    background-position: 0 6px;
}
.chosen-container .chosen-results {
    max-height: 200px;
}
.panel-body-title {
    margin-bottom: 10px;
}
.article-sture {
    /* text-align: center;*/
    
    margin: 0 auto;
    width: 100%;
}
.scip-picture-sec {
    display: inline-block;
    margin-left: 30px;
}
.scip-picture-sec img {
    display: inline-block;
    width: 60px;
    height: 60px;
    /* border: 1px solid #ccc; */
    
    box-shadow: 0 0 2px #403f3f80;
    padding: 2px;
    margin-right: 10px;
}
.article-category-txt {
    background: #eee;
    padding: 10px;
    color: #565656;
    cursor: not-allowed;
}
.button_article {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
.tree-sture {
    display: inline-block;
}
.tree-sture li {
    display: block;
    position: relative;
    margin-bottom: 15px;
    padding: 6px 15px;
    /*background: #c1d6d0;*/
    /*background: #87f3d7;*/
    
    border-radius: 5px;
    color: #000;
    /*background: #e3e4e4;*/
    /*border: 1px solid #757373;*/
    
    border: 1px solid #2ab894;
}
.tree-sture li:after {
    content: url('../img/download-arrow.png');
    /*border-left:1px solid #ccc;*/
    
    display: block;
    height: 20px;
    left: calc(50% - 14px);
    position: absolute;
    width: 2px;
    margin-top: 6px;
}
.tree-sture li:last-child:after {
    content: '';
    display: none;
}

/*.tree-sture li:before{
    content: '\f107';
    display: block;
    height: 20px;
    left: calc(50% - .03125em);
    position: absolute;
    width:2px;
    bottom: 0;
}*/
.scip-approval-tab {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
    position: relative;
}
.scip-approval-tab .nav-tabs>li.active>a,
.scip-approval-tab .nav-tabs>li>a:hover {
    border: none;
    color: #fff !important;
    background: #2ab894;
}
.scip-approval-tab .nav-tabs>li.active>a,
.scip-approval-tab .nav-tabs>li.active>a:hover,
.scip-approval-tab .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #2ab894;
    box-shadow: 0 0 5px #ccc;
    border-bottom-color: transparent;
}
.scip-approval-tab .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #e0e0e0;
    border-radius: 4px 4px 0 0;
    /* border: none; */
    
    color: #565656;
    background: #fff;
    padding: 8px 13px;
}
.scip-approval-tab .tab-content {
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
}
.scip-accordion .panel-heading a:not(.collapsed) {
    /*background: #00b86c;*/
    
    background: #778484;
    /*background: #fff;*/
}
.scip-accordion a {
    /*background: #00b86c;*/
    
    background: #99a9a9;
    /*background: #fff;*/
    /*border: 1px solid rgba(7, 160, 130, 0.66);*/
}

/*.scip-accordion .panel-heading a.collapsed:hover, .scip-accordion .panel-heading a.collapsed:focus {
    color: #000;
    transition: all 0.2s ease-in;
}

.scip-accordion .panel-heading .accordion-toggle::before{
    color: #000;
}
.scip-accordion .panel-heading .accordion-toggle.collapsed::before {
    color: #000;

}*/
.scip-accordion .panel-heading+.panel-collapse>.panel-body,
.scip-accordion .panel-heading+.panel-collapse>.list-group {
    border: 1px solid #ddd;
    border-top: 0;
}
.scip-approval-label-sec {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.scip-approval-condition {
    text-align: center;
    padding: 10px;
    font-family: 'Poppins';
}
.scip-approval-condition-label {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-right: 20px;
}
.scip-approval-condition .radio-label {
    color: #000;
    vertical-align: middle;
}
.scip-approval-condition .radio-button input[type="radio"]+.radio-label:before {
    top: 3px;
}
.tree-custome-sture {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    padding: 10px;
    height: 100%;
}
.tree-custome-sec .tree-custome-sture {
    max-height: 960px;
    padding-bottom: 10px;
    overflow: auto;
}
.parent-tree ul li {
    width: 400px;
}
.tree-custome-sture .parent-tree {
    margin: 1em 1em 1em 1.5em;
}
.parent-tree {
    margin: 1em;
}
.parent-tree input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.parent-tree input~ul {
    display: none;
}
.parent-tree input:checked~ul {
    display: block;
}
.parent-tree li {
    line-height: 1.2;
    position: relative;
    padding: 0 0 1em 1em;
}
.parent-tree ul li {
    padding: 1em 0 0 1em;
}
.parent-tree>li:last-child {
    padding-bottom: 0;
}
.tree_label {
    position: relative;
    display: inline-block;
    background: #fff;
    margin-bottom: 0;
    font-size: 16px;
}
.tree_label img {
    width: 20px;
    margin-right: 8px;
}
.tree_label {
    cursor: pointer;
}
.tree_label:hover {
    color: #666;
}
.tree_label:before {
    background: #000;
    color: #fff;
    position: relative;
    z-index: 1;
    float: left;
    margin: 0 1em 0 -2em;
    width: 1em;
    height: 1em;
    /*border-radius: 1em;*/
    
    content: '+';
    text-align: center;
    line-height: 16px;
}
:checked~label.tree_label:before {
    content: '–';
    line-height: 15px;
}
.parent-tree li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9px;
    display: block;
    width: 0;
    border-left: 1px solid #777;
    content: "";
}
.tree_label:after {
    position: absolute;
    top: 0;
    left: -24px;
    display: block;
    height: 0.5em;
    width: 16px;
    border-bottom: 1px solid #777;
    border-left: 1px solid #777;
    border-radius: 0 0 0 .3em;
    content: '';
}
label.tree_label:after {
    border-bottom: 0;
}
:checked~label.tree_label:after {
    border-radius: 0 .3em 0 0;
    border-top: 1px solid #777;
    border-right: 1px solid #777;
    border-bottom: 0;
    border-left: 0;
    bottom: 0;
    top: 0.5em;
    height: 150%;
}
.parent-tree>ul>li:first-child:before {
    height: 0;
}
.parent-tree li:last-child:before {
    height: 1em;
    bottom: auto;
}
.last-child .tree_label:last-child:before {
    content: '–';
}
.picture-img {
    width: 285px;
}
:checked~label.tree_label.last-tree:after {
    height: 0;
    width: 0;
}
.parent-tree>li:last-child:before {
    display: none;
}

/*.create-dossaiar-sec .nav-tabs>li>a {
    padding: 5px 8px;
    font-size: 13px;
}*/
.scip-approval-tab .nav-tabs>li {
    width: auto;
}
.scip-product-tab .nav-tabs>li {
    width: auto;
}
.scip-product-tab .supplier-popup-tab {
    margin-bottom: 0;
}
.product-type-select span,
.product-type-select li {
    font-family: 'Open Sans', sans-serif;
}
.scip-product-tab .nav-tabs>li>a {
    font-weight: 600;
}
.scip-product-tab .nav-tabs>li a {
    text-transform: none;
}
.create-dossier-button {
    position: absolute;
    top: 0;
    right: 10px;
}
.button-secion {
    display: inline-block;
}
.button-right {
    float: right;
}
.article-category-with-close {
    position: relative;
    margin-top: 15px;
}
.article-category-close {
    position: absolute;
    top: -10px;
    right: -8px;
    color: #F7292A;
    width: 20px;
    text-align: center;
    cursor: pointer;
    background: #ffffff;
    border-radius: 50px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    box-shadow: 0 0 3px #000000b3;
}
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}
.upload-btn-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.upload-btn-input+label {
    max-width: 100%;
    font-size: 14px;
    width: 100%;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 4px 10px;
    color: #005896;
    border: 1px solid #005896;
}
.upload-btn-input+label i {
    padding-right: 10px;
}

/*.upload-btn {
  border: 1px solid #a14aa2;
    color: #565656;
    background-color: #fff;
    border-radius: 3px;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
     width: 100%;
}

.upload-btn-wrapper input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
*/
.picture-img-sec li {
    display: inline-block;
    position: relative;
    margin-right: 8px;
}
.picture-close {
    position: absolute;
    top: -11px;
    right: -9px;
    color: #F7292A;
    width: 20px;
    text-align: center;
    cursor: pointer;
    background: #ffffff;
    border-radius: 50px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    box-shadow: 0 0 3px #000000b3;
}
.picture-value-sec li {
    display: inline-block;
    margin-right: 8px;
}
.value-close {
    color: #F7292A;
    width: 20px;
    text-align: center;
    cursor: pointer;
    background: #ffffff;
    border-radius: 50px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    box-shadow: 0 0 3px #000000b3;
    display: inline-block;
    margin-left: 5px;
}
.section-diff {
    display: inline-block;
    width: 100%;
    /*border-bottom: 1px solid #504e4f;*/
    
    margin-bottom: 10px;
    box-shadow: 2px 2px 5px #ccc;
    padding: 10px 0 0 0;
}
.panel-group {
    margin-bottom: 10px;
}
.popup-alert-right {
    position: fixed;
    top: 24px;
    display: none;
    right: 6px;
}
.alert-right {
    position: absolute;
    top: 100px;
    right: 0;
    padding: 18px;
    border-radius: .25rem;
    width: 460px;
    display: inline-block;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    box-shadow: 0 4px 10px #00000052;
    background: #ffffff;
    color: #494a48;
    font-size: 15px;
    font-weight: 600;
}
.alert-right i {
    font-size: 20px;
    margin-right: 10px;
    color: #63ce21;
}
.alert-info-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 10px;
    color: inherit;
    float: right;
    cursor: pointer;
    font-size: 23px;
    font-weight: 600;
    line-height: 1;
    color: #0c0c0c;
    /* text-shadow: 0 1px 0 #fff; */
    
    opacity: 0.6;
    border: 0;
    background: transparent;
}
.supplier-popup-tab.tab-color .nav {
    border-bottom: 0px;
    margin-left: 10px;
    padding-top: 10px;
}
.supplier-popup-tab.tab-color .nav-tabs>li>a {
    border: 1px solid transparent;
    color: #000;
    margin-right: 10px;
}
.supplier-popup-tab.tab-color .nav-tabs>li>a::after {
    display: none;
}
.supplier-popup-tab.tab-color .nav-tabs>li.active>a,
.supplier-popup-tab.tab-color .nav-tabs>li>a:hover {
    background: transparent;
    color: #5b5871!important;
    box-shadow: 0 0 0;
    border: 1px solid #5b5871;
    border-radius: 20px;
}
.supplier-popup-tab.tab-color .nav-tabs>li.active>a,
.supplier-popup-tab.tab-color .nav-tabs>li.active>a:hover,
.supplier-popup-tab.tab-color .nav-tabs>li.active>a:focus {
    background: transparent;
    color: #5b5871!important;
    box-shadow: 0 0 0;
    border: 1px solid #5b5871;
    border-radius: 20px;
}
.tree-custom-no-scroll .parent-tree ul li {
    width: auto;
}
.tree-custom-no-scroll .tree-custome-sture {
    height: 100%;
}
.selected-node {
    margin: 10px 0 30px 0;
    padding: 10px;
    background-color: #5b5871;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
}
.selected-node .node-current {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
fieldset {
    position: relative;
}
.fieldset_button {
    position: absolute!important;
    text-align: right;
    right: -4px;
    top: -4px;
}
.new_article_sec {
    display: inline-block;
    width: 100%;
    padding: 5px 0;
}
.new_article_sec .field {
    margin-top: 6px;
}
.popup-error-div {
    border: 1px solid #f1b7b7;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 2px;
}
.popup-error-text i {
    color: #cc4343;
    padding-right: 5px;
}
.btn-color-add {
    border: 1px solid #337AB7!important;
}
.btn-color-add:hover {
    background: #337AB7;
    color: #fff;
}
.btn-color-remove {
    border: 1px solid #D9534F!important;
}
.btn-color-edit {
    border: 1px solid #848789!important;
}
.btn-color-edit:hover {
    background: #848789;
    color: #fff;
}
.btn-color-remove:hover {
    background: #D9534F;
    color: #fff;
}
.mt--2 {
    margin-top: -3px!important;
    vertical-align: text-top;
}
.surveydashboard_title {
    color: #565656;
    font-size: 16px;
    font-weight: 500;
    margin: 15px 0 15px 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.surveydashboard_title:before {
    content: "";
    width: 100%;
    height: auto;
    border-left: 5px solid #2ab894;
    position: relative;
    margin-right: 10px;
}
.surveydashboard_dwnld-btn {
    float: right;
    margin: 15px 0 5px 0;
}

/* Newly Added */
.p_edit_btn,
.p_delete_btn {
    padding: 3px 6px !important;
}
.p_0 {
    padding: 0px;
}
.m_r_0 {
    margin-right: 0px !important;
}
.dis_inline_blk {
    display: inline-block;
}
.dis_inline_blk_full{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.tooltip_gc {
    display: inline;
    position: relative;
}
.tooltip_gc:hover {
    text-decoration: none;
}
.tooltip_gc:hover:after {
    background: #111 !important;
    background: rgba(0, 0, 0, .8) !important;
    bottom: 30px;
    color: #fff;
    content: attr(title);
    display: block;
    right: 10%;
    padding: 5px 15px;
    position: absolute;
    white-space: nowrap;
    z-index: 98;
    font-size: 12px;
}
.tooltip_gc:hover:before {
    border: solid;
    border-color: #111 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 25px;
    content: "";
    display: block;
    right: 60%;
    position: absolute;
    z-index: 99;
}
li.active .declaration-tabs {
    border-top: 4px solid green !important;
}
li:not(.active) .declaration-tabs {
    margin-top: 4px;
}
.declaration-tabs {
    border: 0px !important;
    border-radius: 0px !important;
    padding: 10px 35px !important;
    background-color: #fff !important;
    margin-right: 15px !important;
}
.survey_title_bg {
    background-color: #fff;
    padding: 0px;
}
.verti_align_middle {
    vertical-align: middle;
}
.full_width {
    width: 100% !important;
}
.p_6 {
    padding: 6px;
}
.p_l_0 {
    padding-left: 0px;
}
.p_l_10 {
    padding-left: 10px;
}
.p_b_10 {
    padding-bottom: 10px !important;
}
.field {
    padding-left: 0px !important;
}
.remarks-upload-btn,
.remarks-upload-btn:hover {
    background-color: #286090 !important;
    color: #fff !important;
}
.upload_doc_btn .doc_count {
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 3px 10px !important;
    border-radius: 50%;
    background-color: #37af5c;
    color: white;
}
.color-red {
    color: #ed6969;
}
.mr-r-20 {
    margin-right: 20px;
}
.btn_back {
    padding: 5px 20px;
    border-radius: 5px;
    vertical-align: top;
    background: rgb(231, 237, 248);
    background: linear-gradient(180deg, rgba(231, 237, 248, 1) 0%, rgba(255, 255, 255, 1) 100%);
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
    color: #617eb1;
    border: none;
}
.btn_back:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(231, 237, 248, 1) 100%);
    color: #617eb1;
}
.mr-top-minus30 {
    margin-top: -30px;
}
.heade_no-bg {
    background: none !important;
    color: #00b894 !important;
    font-weight: 600 !important;
    border-bottom: none !important;
}
.heade_no-bg-link {
    background: none !important;
    color: #386ace !important;
    border-bottom: none !important;
    text-decoration: underline !important;
}
.border-top-none {
    border-top: none !important;
}
.dotted-border {
    border: 1px solid #ccc;
    border-style: dashed;
}

/* .dotted-border::before{
  content: "";

      position: absolute;
      left: 1%;
      top: 0;

      box-shadow: 5px 9px 24px 5px #efeeee inset;
      -webkit-box-shadow: 2px 2px 10px 0px #efeeee inset;
      -moz-box-shadow: 5px 9px 24px 5px #efeeee inset;
      width: 98.2%;
      height: 100%;
      border: 3px dashed #efeeee;
} */
.padding-margin-left0 {
    padding-left: 0px !important;
    margin-left: 0px !important;
}
.padding_leefr-right-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.declaration {
    text-align: center;
    font-size: 13px;
    font-style: oblique;
    color: #617eb1;
    font-weight: 600;
}
.declaration label {
    font-size: 14px;
}
.declaration label input {
    margin-right: 5px;
}
.align-center {
    text-align: center;
}
.color-green {
    color: #31bd09 !important;
}
.box-shadow-textbox {
    border-radius: 5px !important;
    box-shadow: 1px 2px #dbd9d9 !important;
}
.li-horizondal {
    float: left;
    margin-right: 25px;
    margin-top: 10px;
}