@import url("../Ace/alignment.css");

/* CSS Document */

/****************resoger classes****************************/
.header_logo {
    background: url("../../img/crm_nexgen_header_logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 57px;
    margin: 16px 0;
    width: 141px;
}
.img_container {
    width:201px;
    height:40px;
    margin: 0 auto;
    vertical-align:middle !important;
}
.img_container img.wide {
    max-width: 150px;
    max-height: 30px;
}
.img_container img.tall {
    max-height: 40px;
    max-width: auto;
}

.img_container img.wide2 {
    max-width: 150px;
    max-height: 40px;
    height: auto;
}
.img_container img.tall2 {
    max-height: 150px;
    max-width: 40px;
    width: auto;
}

.img_container img.wide3 {
    max-width: 200px;
    max-height: 200px;
    height: auto;
}
.img_container img.tall3 {
    max-height: 200;
    max-width: 200px;
    width: auto;
}

input[type=checkbox]{
    margin-right:3px !important;
}

input[type=checkbox].ace.ace-switch.ace-switch-8 {
    width: 80px !important;

}
input[type=checkbox].ace.ace-switch.ace-switch-8 + .lbl {
    position: relative;
}
input[type=checkbox].ace.ace-switch.ace-switch-8 + .lbl::before {
    content: "Add\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0Remove";
    font-weight: bolder;
    font-size: 11px;
    line-height: 20px;
    background-color: #FFF;
    border: 2px solid #933;
    border-radius: 0;
    box-shadow: none;
    color: #B94A48;
    width: 80px;
    height: 33px;
    line-height: 22px;
    overflow: hidden;
    text-indent: 4px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    vertical-align:middle;
}
input[type=checkbox].ace.ace-switch.ace-switch-8 + .lbl::after {
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    top: 3px;
    left: 49px;
    width: 28px;
    height: 27px;
    line-height: 18px;
    text-align: center;
    background-color: #B94A48;
    color: #FFF;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
input[type=checkbox].ace.ace-switch.ace-switch-8:checked + .lbl::before {
    color: #87B87F;
    background-color: #FFF;
    text-indent: -25px;
    border-color: #87B87F;
}
input[type=checkbox].ace.ace-switch.ace-switch-8:checked + .lbl::after {
    left: 3px;
    content: '\f00c';
    background-color: #87B87F;
    color: #FFF;
}

a{outline:none !important;}

.js_notification{
    position: fixed !important;
    width: 84%;
    z-index: 100000000 !important;
    margin: 0 auto;
    top:47px;
}

.link_cursor{cursor: pointer; cursor: hand;}
.move_cursor {cursor:move}

.icon_up{
    transform:rotate(-90deg);
    moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);

}
.icon_down{
    transform:rotate(90deg);
    moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);

}
.longbtn{width:70%;}

/****************************Dragable class***************************/
.drop_zone{width:100%; height:100%; border:dashed thin; margin:auto; min-height:25px;}
.service_droppable{width:100%; height:100%}
/****************Variables Toolbar classe************************/
.top_toolbar{top:0; left:0; width:100%; height: auto; z-index:10000; position:fixed; background-color:#CCC; display:none;}
/*********Feedback Icon classes**********/
.preview-icon{width:50px; right:10px; padding:4px; border:0px; cursor:hand; top:45%; cursor:pointer; position:fixed !important; z-index: 9999;}
.preview-icon-text{width: 80px;}
/*.preview-icon-text{width: 24px; line-height: 8px; float: right;}*/
.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
.rotate {

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
.feedback_btn{line-height: 3.1px}
.preview-icon-bull{height:6px;}
.time{width:140px !important;}

.margin-bottom1{margin-bottom:1px;}
.margin-bottom2{margin-bottom:2px;}
.margin-bottom3{margin-bottom:3px;}
.margin-bottom4{margin-bottom:4px;}
.margin-bottom5{margin-bottom:5px;}
.active_form_group{background-color: #A3E3FF !important;}

/****************************Selective classes***************************/

.selectize-control.default.multi .selectize-input > div {
    color: #3d5d18;
    text-shadow: 0 1px 0 rgba(255,255,255,0.1);
    border: 1px solid #74b21e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #b8e76f;
    background: -moz-linear-gradient(top, #b8e76f 0%, #a9e25c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e76f), color-stop(100%,#a9e25c));
    background: -webkit-linear-gradient(top, #b8e76f 0%,#a9e25c 100%);
    background: -o-linear-gradient(top, #b8e76f 0%,#a9e25c 100%);
    background: -ms-linear-gradient(top, #b8e76f 0%,#a9e25c 100%);
    background: linear-gradient(to bottom, #b8e76f 0%,#a9e25c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e76f', endColorstr='#a9e25c',GradientType=0 );
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.selectize-control.default.multi .selectize-input > div.active {
    border-color: #6f9839;
    background: #92c836;
    background: -moz-linear-gradient(top,  #92c836 0%, #006e2e 0%, #92c836 0%, #7abc2c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92c836), color-stop(0%,#006e2e), color-stop(0%,#92c836), color-stop(100%,#7abc2c));
    background: -webkit-linear-gradient(top,  #92c836 0%,#006e2e 0%,#92c836 0%,#7abc2c 100%);
    background: -o-linear-gradient(top,  #92c836 0%,#006e2e 0%,#92c836 0%,#7abc2c 100%);
    background: -ms-linear-gradient(top,  #92c836 0%,#006e2e 0%,#92c836 0%,#7abc2c 100%);
    background: linear-gradient(to bottom,  #92c836 0%,#006e2e 0%,#92c836 0%,#7abc2c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c836', endColorstr='#7abc2c',GradientType=0 );
}

/**********************************************************
 * BASIC AESTHETIC STYLES (common)                        *
 **********************************************************/

.selectize-input, .selectize-control.single .selectize-input.focus {
    background: #fff;
    padding: 10px;
    cursor: text;
    display: inline-block;
    width: 74%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}
.selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
}
.selectize-input.dropdown-active {
    -webkit-border-radius: 3px 3px 0 0 !important;
    -moz-border-radius: 3px 3px 0 0 !important;
    border-radius: 3px 3px 0 0 !important;
}
.selectize-input.full {
    background-color: #f2f2f2;
}
.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f2f2f2;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
}
.selectize-control.multi .selectize-input.has-items {
    padding-top: 8px !important;
    padding-bottom: 3px !important;
}
.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 5px 5px 0;
    padding: 1px 5px;
}
.selectize-input > div:last-child {
    margin-right: 5px;
}
.selectize-input > input {
    margin-right: 2px !important;
}
.selectize-dropdown, .selectize-input, .selectize-control.single .selectize-input.dropdown-active {
    border: 1px solid #d0d0d0;
}
.selectize-dropdown {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    margin-top: -1px;
    border-top: 0 none;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.selectize-dropdown > * {
    padding: 6px 9px;
}
.selectize-dropdown > *.create {
    color: #a0a0a0;
}
.selectize-dropdown > *.active {
    background-color: #fffceb;
}
.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #303030;
    font-family: Helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    -webkit-font-smoothing: antialiased;
}
.selectize-dropdown .highlight {
    background: rgba(255,237,40,0.4);
    border-radius: 1px;
}

/**********************************************************
 * BASIC AESTHETIC STYLES (single)                        *
 **********************************************************/

.selectize-control.single .selectize-input {
    cursor: pointer;
    border-color: #b8b8b8;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #c6c6c6;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #c6c6c6;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #e0e0e0, 0 3px 0 #c8c8c8, 0 4px 1px rgba(0,0,0,0.1);
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
    background: linear-gradient(to bottom, #fafafa 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 );
}

.selectize-control.single .selectize-input::after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active::after {
    margin-top: -3px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #808080 transparent;
}

/**********************************************************
 * BASIC AESTHETIC STYLES (multi)                         *
 **********************************************************/

/**********************************************************
 * LAYOUT STYLES (mandatory)                              *
 **********************************************************/

.selectize-control {
    position: relative;
}
.selectize-input {
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.selectize-input:after {
    content: ' ';
    display: block;
    clear: left;
}
.selectize-input .items {
    display: inline;
}
.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.selectize-input > input {
    max-width: 100% !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0;
    line-height: inherit !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.selectize-input > input:focus {
    outline: none !important;
}
.selectize-dropdown {
    position: absolute;
    z-index: 2;
}
.selectize-dropdown > * {
    cursor: pointer;
    overflow: hidden;
}
.selectize-input, .selectize-dropdown {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.is-skipped{
    border : 2px dotted #FFED96;
    padding: 3px;
    background-color: #FCF8E3;
}
.wizard-steps a{text-decoration: none;}
.wizard-steps a:hover{font-weight: normal;}


/*.wizard-steps li.complete:before, .wizard-steps li.complete .step {
    border-color: #87ba21 !important;
}

.wizard-steps li.active:before,
.wizard-steps li.active .step{border-color:#2b7dbc  !important; color: #c09853;}*/

.wizard-steps li.incomplete:before,
.wizard-steps li.incomplete .step{border-color:#ffb752  !important;}
/*************Quote services class**************/
.disabled_row{background-color: #dddddd !important;}
.disabled_row:hover  {background-color: #dddddd !important;}
/*******Auto complete css*************/
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*summary out put*/
.summary-border-right{border-right: #468847 solid 1px;margin-top:3px;}
.display_none{display:none !important;}

.bor_front {
    background:url('../../img/backgrounds/background.JPG') no-repeat center top fixed  !important;
}
.bor-container-wide{width:700px;margin:0 auto;}
.transparent_container{ opacity: 0.9;}
.white_background{background: #FFFFFF !important;}

.logo_internal{max-height: 37px; }
.logo_outer{max-height: 100px}

.navbar .navbar-brand {
    color: #fff;
    font-size: 24px;
    padding-bottom: 4px !important;
    padding-top: 4px !important;
    text-shadow: none;
}

/* CSS Document */
.primary_box{background:#DBEAF9}
.righty h3{margin:0 0 0 0}
.paper{box-shadow: 0 0 10px #AAAAAA;
       min-height: 52px;
       padding: 30px 30px 10px;background-color: #F2F2F2}
.varspacer{margin:0 0 5px 0;}

/***** Word wrap for jq grid**************/
.ui-jqgrid tr.jqgrow td {
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap !important; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    overflow: hidden;
    height: auto;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px
}

.var_button{width:170px; margin-top: 10px !important;}

.user_signature_image{height: 35px;}
.review_logo{height:200px;}
/********Quote cover letter classes***********/
.custom_form_min_height{min-height: 300px;}
/********Quote cover letter classes***********/
.header_page_inner{width:866px; margin: 0px auto; }
.header_page_display{ width:100%}
.header_page_edit{min-height:100%; width:100%;}

.banner_page_outer{width:866px;}
.banner_page_inner{min-height:1075px; width:842px;}
/*.banner_page_display{ width:800px;}*/
.banner_page_edit{width:100%; height:100%;}
.review_page_button{min-width:150px !important;}
.web_quote_button{min-width:170px !important;}
.web_quote_logo{padding-top:50px;}
.web_quote_paper{box-shadow: 0 0 10px #AAAAAA;min-height: 792px; width: 700px;padding: 40px 50px 10px 50px;background-color: #F2F2F2;margin: 0px auto;}
.web_quote_content{min-height: 780px;}
.web_quote_header{}
.web_quote_footer{}

/*************BOR Landing page classes********************/
bor_wrapper {
    background-color: #fafafa;
}
widget_back_white {
    background-color: #FFFFFF !important;
}
/***From Ace_common.css*/
.primary_box{background:#DBEAF9}
.righty h3{margin:0 0 0 0}
.paper{box-shadow: 0 0 10px #AAAAAA; min-height: 52px; padding: 30px 30px 10px;background-color: #F2F2F2}
.varspacer{margin:0px 0px 5px;}
.fix-width-button{
    width : 240px;
}
.marker {
    background-color: Yellow;
}

.login-layout{background-color: #ffffff !important;}

.padding-top-7{
    padding-top: 7px !important;
}

.margin-2{
    margin: 2px 0px !important;
}

.row19{
    margin:-19px !important;
    clear: both !important;
    padding: 20px !important;
}

.td_bg{
    background-color: #FFF !important;
    border-top: 1px #FFF solid !important;
}

.left_section{
    padding: 10px;
}


.right_section{
    padding: 10px;
}


.border_top_bill{
    border-top: 1px solid #E3E3E3;
}

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

.border_bottom_bill{
    border-bottom: 1px solid #E3E3E3;
}
.border_left_bill{
    border-left: 1px solid #E3E3E3;
}
a:hover{ text-decoration: none !important;}

.padding_top8{
    padding-top: 8px !important;
}
/*Quote check box classes*/

.quote-wizard-checkbox {
    width: 34px;
    height: 27px;
    margin: 1px auto;
    position: relative;
}
.quote-wizard-checkbox label {
    background: none repeat scroll 0 0 #fff;
    border: 3px solid #87b87f;
    cursor: pointer;
    height: 27px;
    left: -4px;
    position: absolute;
    width: 34px;
}
.quote-wizard-checkbox label:hover{
    background: #ffffff;
    border:3px solid #629b58;
    color:#629b58;
}
.quote-wizard-checkbox label:after {
    background: none repeat scroll 0 0 #ffffff;
    border: 3px solid #24a02a;
    color: #24a02a;
    content: "✔";
    font-size: 22px;
    height: 27px;
    left: -3px;
    top: -3px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    line-height: 21px;

    width: 34px;
}
.quote-wizard-checkbox label:hover::after {
    filter: alpha(opacity=30);
    opacity: 0.9;

}
.quote-wizard-checkbox input[type=checkbox]:checked + label:after {
    filter: alpha(opacity=100);
    opacity: 1;
    border: 3px solid #629b58;
}
.website-setting-min-height{min-height: 250px;}

.frame iframe{ height: 910px !important;}

.padding19{
    padding: 19px !important;
}

.padding-top22{
    padding-top: 22px !important;
}

.padding5{
    padding: 5px !important;
}

.pointer-cursor{
    cursor:pointer;
}

.welcome_sysyem_features_quote_generation_icon{
    background-image:url(../../img/welcome_sysyem_features_quote_generation_icon.png?t=E8PB);
    background-position:0 undefinedpx;
    background-size:16px;
}

.margin-right5{
    margin-right: 5px !important;
}
.quote_inputs{width:50% !important}
.service_containers{min-height: 400px;}
.select_button{width: 10%; }
.service_title{width: 70%; }
.service_cost{width: 20%; }
.title_column{width: 30%; }
.value_column{width: 70%; }

.ui-jqgrid .ui-jqgrid-view, .ui-jqgrid .ui-paging-info, .ui-jqgrid .ui-pg-table, .ui-jqgrid .ui-pg-selbox{font-size:12px !important;}
.ui-jqgrid tr.ui-row-ltr td, .ui-jqgrid tr.ui-row-rtl td{padding: 0px 5px !important;}
.no-skin .nav-list>li>.submenu li.open>a{color:#fff !important;}
.no-skin .nav-list>li>.submenu li.open>a:hover{color:#212f38 !important;}

input[type=checkbox].ace.ace-switch.ace-switch-9 {
    width: 60px;
}

input[type=checkbox].ace.ace-switch.ace-switch-9 + .lbl::before {
    content: "AND\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OR";
    font-size: 12px;
    line-height: 21px;
    height: 24px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #5ADA46;
    border: 1px solid #8b9aa3;
    color: #FFF;
    width: 56px;
    text-indent: -25px;
    text-shadow: 0 0 0 #FFF;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-9 + .lbl::after {
    content: 'III';
    font-size: 11px;
    position: absolute;
    top: 2px;
    left: 2px;
    letter-spacing: 0;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-shadow: none !important;
    color: #939393;
    background-color: #FFF;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-9:checked + .lbl::before {
    text-indent: 9px;
    background-color: #468fcc;
    border-color: #468FCC;
}

input[type=checkbox].ace.ace-switch.ace-switch-9:checked + .lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #848484;
}
input[type=checkbox].ace.ace-switch.ace-switch-9 + .lbl::before {
    content: "AND\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OR";
}
input[type=checkbox].ace.ace-switch.ace-switch-9:checked + .lbl::before {
    text-indent: 8px;
}
.service_provider_logo{
    max-height: 50px; max-width: 100px;
}

.service_group_header{
    background-color: #d9edf7 !important;
    border-color: 1px solid #bce8f1 !important;
    color: #31708f !important;
}
.service_subgroup_header{
    background-color: #eef4f9 !important;
    border: 1px solid #d9edf7 !important;
    color: #31708f !important;
}
.service_inputs_table {
    width: 100%;
    border:0px !important;
    padding: 0px;
    margin: 0px;

}
.service_inputs_table tbody tr {
    border:0px !important;


}
.service_inputs_table tbody tr th {
    border:0px !important;
    padding: 0px;
    margin: 0px;
    cellpaddin:0;
    cellspacing:0;

}
.service_inputs_table tbody tr td {
    border:0px !important;
    padding: 0px;
    margin: 0px;
    cellpaddin:0;
    cellspacing:0;

}
.overflow-scroll-x{
    overflow-x: scroll
}

.freeze_table {
    bottom: 0px;
    position: fixed;
    z-index: 998;
    background-color: #fcf8e3;
    width: 81.6%;
}
.ace-dummy{
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
    color: #32a3ce;
    background-color: #793C3C;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 1px;
    position: relative;
    top: -1px;
}

.unbold{font-weight: normal;}


/*********Classes for the reset cross functionalty************/
.close-icon{
    position: relative;
    padding: 10px;
}


.search-box:focus {

}
.close-icon {
    border:1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}
.close-icon:after {
    content: "X";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: #FA9595;
    z-index:1;
    right: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 2px;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-weight: normal;
    font-size: 12px;
    box-shadow: 0 0 2px #E50F0F;
    cursor: pointer;
}
.search-box:not(:valid) ~ .close-icon {
    display: none;
}

.thumb_image{
    width: 100px;
    height: 100px;
    border: 1px solid #ffb752;
    padding: 5px;
    margin-top: 8px;
}

.thumb_image:hover{
    background-color: #468FCC;
}

.thumb_image_active{
    width: 100px;
    height: 100px;
    border: 5px solid #0000FF;
    background-color: #468fcc;
    opacity: 0.7;
}

.link_disbaled{
    pointer-events: none !important;
    cursor: default;
}

.jqgrid_title_link{
    color:#ffffff;
    text-decoration: underline !important;
}

.jqgrid_title_link:hover{
    color:#ffffff;
    text-decoration: none !important;
}


/****************************style for html fine uploader****************************/
.qq-uploader{
    background-color: transparent !important;
    border: 0px !important;
    border-radius: 6px;
    max-height: 490px;
    min-height: 25px;
    overflow-y: hidden;
    padding: 0px !important;
    position: relative;
    width: 400px !important;
}

.qq-upload-file{
    width: 275px !important;
}

.qq-upload-list li{
    font-size: 14px !important;
}

/****************************style for manage companies jqGrid****************************/
.ui-jqgrid-titlebar{
    height: 40px !important;
    top: 0px !important;
    font-size:15px !important;
    font-weight: normal !important;
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .ui-jqgrid .ui-jqgrid-pager .ui-pager-control{
    height: 60px !important;
}
.ui-jqgrid .ui-pg-selbox, .ui-jqgrid .ui-jqgrid-toppager .ui-pg-selbox{
    height: 30px !important;
}
.grid_links{
    color: #428bca !important;
}
/*.gbox_grid-table{border-radius: 0px !important;}*/
.ui-corner-top, .ui-corner-bottom, .ui-corner-all{
    /*    border: solid 1px #006e2e !important;*/
    border-radius: 0px !important;
}
.ui-widget-content{
    border: 1px solid #e3e3e3 !important;
}
.ui-jqgrid .ui-jqgrid-htable .ui-th-div{
    height: 40px !important;
}
/*.ui-state-default, .ui-widget-content .ui-state-default{
    background: #F2F2F2 !important;
}*/

.fm-button{
    height: 28px !important;
}

.ui-widget-overlay {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0 !important;
    opacity: 1 !important;
    z-index: 1039 !important;
}

.ui-state-default .ui-icon{
    background-image: none !important;
}
.ui-state-default{
    background: #F2F2F2 !important;
    border: 0px !important;
    color: #000 !important;
}

.fm-button:not(.btn) {
    background-color: #abbac3 !important;
    border-radius: 0  !important;
    box-shadow: none  !important;
    color: #ffffff  !important;
}

.ui-state-highlight{
    background-color: #d5e5ef !important;
}

.ui-state-active{
    background-color: #2283c5 !important;
    color: #fff !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: 0.35;
}

#fbox_grid-table_reset{
    background: #abbac3 !important;
}

#fbox_grid-table_search{
    background: #abbac3 !important;
}

.ui-widget-header{
    border: 0px !important;
}
#col_menu{
    left: 0px !important;
    top: 61px !important;
}
#search_menu{
    margin-right: 171px !important;
    top: 22px !important;
}
.ui-search-menu modal-content column-menu ui-menu ui-widget ui-widget-content ui-corner-all:hover{
    //background-color: #000 !important;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button{
    background: none !important;
    border: none !important;
    padding:1px !important;
}
.ui-menu .ui-menu-item:hover{
    background-color: #F1F1F1 !important;
}
.g-menu-item:hover{
    background: #F2F2F2 !important;
    border: solid 1px #e3e3e3 !important;
}
.iconTaskMenu{
    position: absolute;
    /*  font-size: 12px;*/
    margin-top: 13px;
    float:left;
}
/*    right: 140px !important;*/
.ui-jqgrid .ui-jqgrid-pager .ui-pager-control{
    color: #393939 !important;
}
/**print css**/
@media  print
{
    #navbar {
        display: none !important;
    }
    #sidebar{
        display:none !important;
    }
    #breadcrumbs{
        display:none !important;
    }
    .main-container::before{
        background: transparent !important;
    }
    .overflow-scroll-x {
        overflow-x:visible !important;
    }
    .well {
        background-color: #ffffff !important;
        padding: 0px !important;
        width:100% !important;
        margin-bottom:0px !important;
        border:none !important;
    }
    .navbar-fixed-top+.main-container {
        padding-top: 0px !important;
    }
    .page-content {
        background-color: #ffffff !important;
        padding: 0px !important;
    }
    .table>thead>tr >th {
        color: #707070 !important;
        font-weight: normal !important;
        background: #F2F2F2 !important;
        background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%) !important;
        background-repeat: repeat-x !important;
    }
    .table>thead>tr>td.success, .table>tbody>tr>td.success, .table>tfoot>tr>td.success, .table>thead>tr>th.success, .table>tbody>tr>th.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>tbody>tr.success>td, .table>tfoot>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr.success>th, .table>tfoot>tr.success>th {
        background-color: #dff0d8 !important;
        border-color: #d6e9c6 !important;
    }
    .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
        background-color: #fcf8e3 !important;
        border-color: #fbeed5 !important;
    }
    service_group_header > strong {
        color: #31708f !important;
    }
    .table >tbody > tr> th.service_group_header {
        background-color: #d9edf7 !important;
        color: #31708f !important;
    }
    td.service_group_header {
        background-color: #d9edf7 !important;
        color: #31708f !important;
    }
    .center{
        display:none !important;
    }
    .widget-box{
        display:none !important;
    }
    /*    .text-success {
            display: none !important;
        }*/
    .space-10{
        display:none !important;
    }
    .tooltip.top.in{
        display:none !important;
    }
    #popup_section{
        display:none !important;
    }
    #backgroundPopup{
        display:none !important;
    }
    #popup_section {
        display: none !important;
    }
    #page_mask_div {
        display: none !important;
    }
    a#btn-scroll-up {
        display: none !important;
    }
    .tooltip-inner{
        display:none !important;
    }
    strong{
        font-weight: bold !important;
        color: #31708f !important;
    }

}
/******/
@media  print{
    .marker {
        background-color: Yellow !important;
    }
    .Service-title1, .Service-title2, .Service-title3, .Service-title4, .Service-title5, .Service-title6 {
        float: left;
        color: #428bca !important;
    }
    .Service-title7, .Service-title8, .Service-title9, .Service-title10, .Service-title11, .Service-title12 {
        float: left;
    }
    .well.btn-hidden{
        display:none !important;
    }
    small.text-success {
        display: none !important;
    }
    .service-head{
        width:75%!important;
    }
    .service-head2{
        width:75%!important;

    }
    .service-head1{
        width:10%!important;
        color: #468847 !important;
    }
    .service-head,.service-head1{
        float:left!important;
    }
    .col-sm-1 {
        width: 8.33333%;
    }
    .col-sm-2 {
        width: 16.6666%;
    }
    .col-sm-5 {
        width: 41.6666%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-xs-7 {
        width: 58.3333%;
    }
    .col-xs-12 {
        width: 100%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .border_bill{
        width: 75% !important;
        float:right;
    }

    h6.col-xs-12.col-sm-12.center.web-footer{
        position: absolute !important;
        bottom:0% !important;
    }
    .well{
        display: block;
        clear: both;
        padding: 3px 20px 3px 20px !important;

    }

    /*    .web-header{
            min-height:1000px !important;
            position: relative;
            display:block;

        }
        .web-email{
            min-height:1000px !important;
            position: relative;
            display:block;

        }
        .service-color{
            min-height:1000px !important;
            position: relative;
            display:block;

        }
        .other-services{
            min-height:1000px !important;
            position: relative;
            display:block;
        }
        .Services-Overview{
            min-height:1000px !important;
            position: relative;
            display:block;

        }*/
    h6.col-xs-12.col-sm-12.center.web-footer{
        position:relative!important;
        bottom:0% !important;
    }
    .widget-body.well.web-header.center > img {
        display: block;
    }
    .Company-Overview-left{
        width:50% !important;
        float: left;
    }
    .Company-Overview-right{
        width:50% !important;
        float: left;
    }
    #user_feedback_popup{
        display:none !important;
    }
    b.service-set {
        color: #468847 !important;
    }
    /*    .margin-top-print{
            margin-top:300px !important;
        }*/
    .header {
        border-bottom: 1px solid #CCC;
        width: 100% !important;
    }
    .service-head-top{
        width:100%
    }

    .header-bg{
        background: #f0f0f0 !important;
    }

    /*    .banner-page-height {
            max-height: 842px !important;
            clear: both; padding: 20px !important;

        }
        .font-cover-height {
            max-height: 842px !important;
            clear: both;
            padding: 20px !important;
        }*/
    .table-responsive {
        overflow-x: hidden;

    }
    .text-primary {
        color: #428bca !important;
    }
    /*    .header {
            border-bottom: 1px solid #CCC !important;
        }*/
    .text-center{
        text-align: center;
    }
    .text-right {
        text-align: right;
    }
    .table-width-border tr:nth-child(even) {
        background: #f1f1f1!important;
    }
    .second_row{
        background-color: #f1f1f1 !important;

    }


    .p-x-3{
        padding: 3px !important;
    }
    .p-xl-7{
        padding-left: 7px !important;
    }
    .p-xr-7{
        padding-right: 7px !important;
    }
    .p-xl-0{
        padding-left: 1px !important;
    }
    .p-xr-0{
        padding-right: 1px !important;
    }
    /*    .footer-postion{
            position: absolute !important;
            bottom: 0 !important;
        }*/
    .margin_second_row{
        margin-left: -10px !important;
        margin-right: -9px !important;
    }
    .font-cover-height{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .no-print-margin{
        margin:0px !important;
    }
    .p-x-0{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .margin-top-print{
        margin-top:10px !important;
    }
    .clearfix{
        clear: both;
    }
    .p-xl-1 {
        padding-left: 1px !important;
    }
    .left_section {
        padding: 10px;
    }
}

/***************end quote pdf print******************************/
/***quote component***/
.select-logo {
    padding: 0px 7px 0px 10px;
}
/****review quotes disable-btn-text-color*******/
.btn.review_page_button.btn-grey.btn_disable_review_quote{
    color: #fff !important;
}

/** Implementation change status popup css *****************/
.min_height_100{
    min-height: 100px;
}
.word-wrap{
    word-wrap: break-word;
}

/**Company detail page**/
.label_display{
    width:46% !important;
}

.success_block{
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.sidebar_fixed{
    float: left;
    padding-left: 0;
    padding-right: 0;
    position: fixed !important;
    width: 210px;
    z-index: 909 !important;
}

.space-155{
    min-height: 155px;
}

.table > thead > tr > td.grey, .table > tbody > tr > td.grey, .table > tfoot > tr > td.grey, .table > thead > tr > th.grey, .table > tbody > tr > th.grey, .table > tfoot > tr > th.grey, .table > thead > tr.grey > td, .table > tbody > tr.grey > td, .table > tfoot > tr.grey > td, .table > thead > tr.grey > th, .table > tbody > tr.grey > th, .table > tfoot > tr.grey > th{
    background-color: #d2d3d4 !important;
    color: #000 !important;
    font-size: 15px !important;
}
/*******web-quote*******/
.web-quote-width{
    max-width: 800px;
    position: relative;
    margin: 0 auto 2px;
}
.banner-page-height{
    min-height: 420px;/*850px;*/
}
.font-cover-height{
    min-height: 1000px;
}
.margin-bottom0{
    margin-bottom: 0px !important;
}
.web-footer-postion{
    position: relative;
    bottom:30px;
}
.left_section-header {
    padding: 12px;
    width:100%;
}
.margin-top-12{
    margin-top:25px;
}
.margin-top-5{
    margin-top:5px;
}

.border-table{
    border:1px solid #CCC;
}
.header-bg{
    background: #f0f0f0 !important;

}
.padding-top-0{
    padding-top:0px !important;
}
.service-margin{
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.border_top_bill{
    border-top: 1px solid #E3E3E3;
}
input[type=checkbox].ace.ace-switch.ace-switch-10 {
    width: 60px;
}

input[type=checkbox].ace.ace-switch.ace-switch-10 + .lbl::before {
    content: "Bar\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0 Pie";
    font-size: 12px;
    line-height: 21px;
    height: 24px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #5ADA46;
    border: 1px solid #8b9aa3;
    color: #FFF;
    width: 56px;
    text-indent: -25px;
    text-shadow: 0 0 0 #FFF;
    display: inline-block;
    position: relative;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

input[type=checkbox].ace.ace-switch.ace-switch-10 + .lbl::after {
    content: 'III';
    font-size: 11px;
    position: absolute;
    top: 2px;
    left: 2px;
    letter-spacing: 0;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-shadow: none !important;
    color: #939393;
    background-color: #FFF;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.margin-bottom-0{
    margin-bottom: 0px !important;
}
@media only screen and (max-width: 766px) {
    .text-xs-left{
        text-align: left !important;
    }
    .border-right-bill-xs {
        border-right: none !important;
    }
    .float-xs-left{
        float: left !important;
    }
    /*    .web-quote-width img{
            max-width: 480px !important;
            margin: 0 auto;
            display: table;
            height: auto !important;
        }*/

}
input[type=checkbox].ace.ace-switch.ace-switch-10:checked + .lbl::before {
    text-indent: 9px;
    background-color: #468fcc;
    border-color: #468FCC;
}

input[type=checkbox].ace.ace-switch.ace-switch-10:checked + .lbl::after {
    left: 34px;
    background-color: #FFF;
    color: #848484;
}
.border-table-1{
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
}
.margin-bottom-19{
    margin-bottom: 19px;
}
.table-width{
    width:100%;
    margin: 0 auto;
}
input[type=checkbox].ace.ace-switch.ace-switch-10 + .lbl::before {
    content: "Bar\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0Pie";
}
input[type=checkbox].ace.ace-switch.ace-switch-10:checked + .lbl::before {
    text-indent: 8px;
}

.padding-top-5{
    padding-top: 5px !important;
}

.support-img-width >p > img{
    max-width: 900px;
    margin: 0 auto;
    display: table;
}
.supprt-text-size{
    font-size: 15px;
}
.btn-margin{
    margin-top:-3px;
}
@media only screen and (max-width: 768px) {
    .btn-margin{
        margin-top:4px !important;
    }
}
/* .ui-state-highlight {
    border: 1px solid #fcd113;
    background: #ffffff !important;
    color: #915608;
}*/
/*
.ui-jqgrid-btable  tr:nth-child(even) {
    background: #ffffff !important;
    color : #222222 !important;
}
*/
.preferred_seller_class {
    background: #fcf8e3 !important;
}
.other_seller_class {
    background: #d6e9c6 !important;
}

.table-width-1{
    width:100%;
    margin: 0 auto;
    padding: 12px;

}
.table-width td{

    padding:4px 12px;
}
.comparisons-btn-padding{
    padding: 1px 10px !important ;
}
.btn-icon-size{
    font-size: 20px;
}
.fa-pencil-square:before, .fa-file-pdf-o:before {
    content: "\f1c1" !important;
}
table.ui-jqgrid-htable .ui-jqgrid-btable  tr:nth-child(odde) {
    color : #222222 !important;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-button:hover{
    padding:1px !important;
}
.ui-state-disabled:hover{
    padding:1px !important;
}
.fa-file-excel-o:before {
    content: "\f1c3" !important;
}

.table-width th{
    padding:12px;
}
.text-center{
    text-align: center;
}

@media (max-width: 768px){
    .table-responsive-1 {
        width:741px;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        border: none;
    }
}

.table-width-border tr:nth-child(even) {
    background: #f1f1f1
}
.second_row{
    background-color: #f1f1f1;


}
.table-width-border{
    border: 1px solid #E3E3E3 !important;
}
.p-x-3{
    padding: 3px !important;
}
.p-xl-0{
    padding-left: 1px !important;
}
.p-xr-0{
    padding-right: 1px !important;
}
.p-xl-7{
    padding-left: 7px !important;
}
.p-xr-7{
    padding-right: 7px !important;
}
.footer-postion{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.margin_second_row{
    margin-left: -10px !important;
    margin-right: -10px !important;
}
.p-x-0{
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.btn-padding{
    padding: 1px 10px !important;
}
.hover-content {
    display:none;
}
.parent:hover .hover-content {
    display: block;
    position: absolute;
    top: 40px;
    background: black;
    padding: 9px 9px;
    left: -1px;
    z-index: 111;
}
.back-img:before{
    content: "\f177";
    font-family: FontAwesome;
    font-size: 20px;
    position: relative;
    top: -3px;

}

.back-btn-size{
    height: 34px;

}
.download-img:before{
    content: "\f1c1";
    font-family: FontAwesome;
    font-size: 20px;
    position: relative;
    top: -3px;

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

.btn-icon-size {
    font-size: 20px;
}

.edit-icon{
    font-family: FontAwesome;
    font-size: 20px;
}
.web-quote-width img{
    margin: 0 auto;
    display: table;
    max-width: 100%;
    height: auto !important;
}
.div-border{
    border: 1px solid #E3E3E3;
}

.p-yt-1{
    padding-top: 1px;
}
.padding-1{
    padding:1px 1px 0px 1px;
}
.div-border-bottom-none{
    border-bottom: none !important;
}
.m-xr-1{
    margin-right: -9px !important;
}
.div-border-top-none{
    border-top: none !important;
}
.p-xl-1{
    padding-left: 1px !important;
}
.float-right{
    float: right;
}

@media only screen and (max-width: 1366px) {
    .fixed-footer{
        width:50% !important;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 466px) {

    .fixed-footer{
        width:100% !important;
        margin: 0 auto;
    }

}
.fixed-footer-wraper{
    position: fixed;
    bottom: 0;
    width:100%;
}
.fixed-footer{
    width:30%;
    margin: 0 auto;
    box-shadow: -3px -3px 12px -7px rgba(0,0,0,0.75);
}
.fixed-footer:hover{
    box-shadow: -10px -10px 12px -7px rgba(150, 149, 149, 0.8);

}

/********Debug Box***********/
.debug-box {
    position: fixed;
    right: 0%;
    top: 50%;
    z-index: 99999;
    background-color: red;
}
.debug-box::after {
    content: " Extra Small ";
}

@media (min-width: 576px) {
    .debug-box {
        background-color: yellow;
    }

    .debug-box::after {
        content: " Small ";
        padding: 10px;
    }
}
@media (min-width: 768px) {
    .debug-box {
        background-color: yellowgreen;
    }

    .debug-box::after {
        content: " Medium ";
        padding: 10px;
    }

}

@media (min-width: 992px) {
    .debug-box {
        background-color: orange;
    }

    .debug-box::after {
        content: " Large ";
        padding: 10px;
    }
}
@media (min-width: 1200px) {
    .debug-box {
        background-color: pink;
    }
    .debug-box::after {
        content: " Extra Large ";
        padding: 10px;
    }

}
.table-comparisons{
    max-width: 760px !important;
    overflow: auto;
}

.modal-dialog{
    width: 700px !important;
    padding: 0px !important;
}

#description_block img{
    width: 650px !important;
    height: auto !important;
}

.modal-scroll{
    max-height:500px;
}
.bg-blue{
    background-color: #428bca !important;
}
@media (max-width:769px) {

    .modal.aside-vc .modal-dialog.dialog-width{
        max-width:85% !important ;
    }
}

.modal.aside-vc.navbar-offset .modal-dialog .aside-trigger.help_button {
    top:0px ;
}
.margin-top1{
    margin-top: 1px !important;
}

@media (max-width:477px) {

    .modal.aside-vc.navbar-offset .modal-dialog.dialog-width{
        top:91px !important;
    }
    .fixed-btn-alignmnet{
        width:80% !important;
    }
}
.modal.aside-vc .modal-dialog.dialog-width{
    max-width:33% ;
}

.help-content-height{
    max-height: 800px;
    overflow-y: auto;
    height: 464px;
}

.help-content-height::-webkit-scrollbar {
    width: 5px;

}
.help-content-height::-webkit-scrollbar-track {
    background-color: rgb(255, 255, 255);
    -webkit-border-radius:3px;
}
.help-content-height::-webkit-scrollbar-thumb:vertical {
    background-color: rgb(142, 142, 142);
    -webkit-border-radius: 6px;
    -webkit-width:5;
}
.help-content-height::-webkit-scrollbar-thumb:vertical:hover {
    background: rgba(0, 245, 255, 0.65);
}
@media (max-height: 500px) {
    .help-content-height{
        max-height:500px !important;
        height: 200px !important;
    }
}
@media (max-height:1050px) {
    .help-content-height{
        max-height:900px !important;
        height: 800px !important;
    }
}
@media (max-height: 900px) {
    .help-content-height{
        max-height:800px !important;
        height:600px !important;
    }
}
@media (max-height: 720px) {
    .help-content-height{
        max-height: 600px !important;
        height: 500px !important;
    }
}
@media (max-width: 480px) {
    .profile-info-name-xs{
        width: 100% !important;
    }
    .profile-user-info-striped .profile-info-value {
        margin-left: 0px !important;
        display: block;
    }

    .text-box-width{
        max-width:100% !important;
    }
}
.knowledge-z-index.aside.in {
    z-index: 1000 !important;
}
body{
    overflow-y: auto !important;
}
/*quote_btn_alignmnet*/

.web-quote-btn-wraper{
    position: fixed;
    bottom: 0;
    width: 98%;
}
.web-quote-btn-alignmnet {
    width: 30%;
    overflow: visible;
    z-index: 99;
    padding: 15px;
    margin: 0 auto;
    background-color:rgba(214, 211, 211, 0.61)!important;
    border:1px solid #bdc8d2;
}

.web-quote-btn-alignmnet:hover{
    box-shadow: -10px -10px 12px -7px rgba(150, 149, 149, 0.8);

}

@media (max-width: 991px){
    .web-quote-btn-alignmnet{
        width:80%
    }
    .text-left-sm{
        text-align: left !important;
    }

}
@media only screen and (max-width:1300px) and (min-width:992px) {
    .web-quote-btn-alignmnet{
        width:50% !important;
    }

}
.web-quote-footer-width{
    width: 800px;
    margin: 0 auto
}
@media (max-width: 320px){
    .web-quote-btn-wraper {
        width: 83% !important;
    }
    .space-23-xs{
        max-height: 1px;
        min-height: 1px;
        overflow: hidden;
        margin: 12px 0;
        margin: 23px 0 22px;
    }
}
@media only screen and (max-width:480px) and (min-width:321px) {
    .web-quote-btn-wraper{
        width:88% !important;
    }
    .space-23-xs{
        max-height: 1px;
        min-height: 1px;
        overflow: hidden;
        margin: 12px 0;
        margin: 23px 0 22px;
    }
}
@media (max-width: 720px){
    .web-quote-btn-wraper{
        width: 93%;
    }

}
@media only screen and (max-width:991px) and (min-width:721px) {
    .web-quote-btn-wraper{
        width: 94% !important;
    }
}
.fixed-btn-wraper{
    position: fixed;
    bottom: 0;
    width: 87%;
}
.fixed-btn-alignmnet {
    width: 30%;
    overflow: visible;
    z-index: 99;
    padding: 15px;
    margin: 0 auto;
    background-color:rgba(214, 211, 211, 0.61)!important;
    border:1px solid #bdc8d2;
}
@media (max-width:991px) {
    .js_notification{
        width:95%;
    }
}
@media  all and (min-width: 1400px) and (max-width: 1498px) {
    .js_notification{
        width: 83% ;
    }
}
@media  all and (min-width: 1200px) and (max-width: 1399px) {
    .js_notification{
        width: 80% !important;
    }
}
@media  all and (min-width: 1100px) and (max-width: 1199px) {
    .js_notification{
        width: 78% !important;
    }
}
/*Instance error message*/
.instance-text-shadow{
    text-shadow: 2px 2px 5px #969292
}
@media  all and (min-width: 992px) and (max-width: 1099px) {
    .js_notification{
        width: 75% !important;
    }
}
.instance-wrapper{
    display: flex;
    align-items: center;
    padding:60px !important;
}
.margin-top-0{
    margin-top: 0px !important
}



.fixed-btn-alignmnet:hover{
    box-shadow: -10px -10px 12px -7px rgba(150, 149, 149, 0.8);
}

@media (max-width: 768px){
    .fixed-btn-alignmnet{
        width:50%
    }
    .text-xs-center{
        text-align: center !important;
    }
    /*    .upload-activity-xs{
            display: inline !important;
        }*/

}

.activity_notes_non_edit_view{
    word-wrap: break-word;
}
.over-flow-wrap{
    overflow-wrap: break-word !important;
}

.padding-left-10{
    padding-left:10px;
}
.calander-list li {
    display: inline;
    margin-right: 4px;
}
@media (max-width: 1200px) {
    .text-left-md{
        text-align: left !important;
    }
    .calander-margin-left-md{
        margin-left: 4px;
    }
    .margin-top-md-14{
        margin-top:14px;
    }
    .comapny-del-btn {
        left: 16px !important;
    }

}
.calendar-radio{
    vertical-align: top;
    margin-top: -1px;
    margin-right: 6px !important;
}
.calendar-bg{
    background-color: rgb(236, 242, 247);
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #e0e9f1;
}
.btn-margin-0{
    margin: 0px !important;
}
@media (max-width:767px) {
    .text-left-sm{
        text-align: left !important;
    }
    .optional_details{
        margin-right: 0px !important;
    }
    .pricing-table tr td{
        display: block
    }
    .pricing-level-td{
        width:100% !important;
    }
    .pricing-title-td{
        width:100% !important
    }
}
@media (max-width:567px) {
    .calander-list li {
        display: block !important;
    }
}
.calander-list li span{
    padding-left: 4px;
}
.text-width .bootstrap-tagsinput{
    max-width:100% !important;
}
.input-padding-bottom-2{
    padding-bottom: 2px !important;
}
.text-area-width{
    max-width:100%;
}

@media (max-width:767px) {
    .margin-bottom-xs-7{
        margin-bottom: 7px;
    }
    .text-left-xs{
        text-align: left !important;
    }
    .text-right-xs{
        text-align: right !important;
    }
    .padding-xs-0{
        padding: 0px !important;
    }
    .margin-top-xs-2{
        margin-top: 2px;
    }
    .margin-bottom-xs-6{
        margin-bottom: 6px !important;
    }
}
.label-outlook-event{
    background-color: #6685b7 !important;
}

.text-left-important{
    text-align: left !important;
}
.margin-left-12{
    margin-left: 12px;
}
.padding-top-3{
    padding-top: 3px;
}

.margin-top-7{
    margin-top: 7px;
}
.sidebar.sidebar-fixed{
    z-index: 600 !important;
}
.knowledge-z-index{
    z-index: 600 !important;
}
@media (max-width: 991px) {
    .popupimportstories1{
        width: 85vw !important;
        left: 7.5vw !important;
    }
}
.margin-top-2{
    margin-top: 2px;
}
.margin-top-3{
    margin-top: 3px;
}
.margin-top-1{
    margin-top: 1px;
}

.icon-size:before {
    font-size: 17px;
}
.pad-width{
    width:100%;
    height: 145px;
}
.select-field-padding select{
    padding-left: 1px !important;
}
.signature-border{
    border: 2px dotted black !important;
    background-color:lightgrey !important;
}
/*activity section*/
.chosen-width div.chosen-container{
    width:100% !important;
}
.multiselect-padding select{
    padding-left: 1px !important;
}
.chosen-width .chosen-container-single .chosen-single{
    padding: 0 0 0 4px !important;
}
@media (max-width: 771px){
    .margin-bottom-xs-2{
        margin-bottom:2px;
    }
}

.wysiwyg-toolbar .btn-group > .btn{
    padding: 5px !important;
}
.radio-padding-9{
    padding-left: 9px !important;
    padding-top:0px !important;
}
.jqgrid-link-title:focus, .jqgrid-link-title:active, .jqgrid-link-title:hover{
    color:#fff !important;
}
/*.chosen-field .chosen-container, [class*="chosen-container"]{
    width:100% !important;
}*/
.header-page-cke-width .cke{
    width:100% !important
}
.sync-icon-postion{
    vertical-align: text-bottom;
}
.web-quote-width p{
    word-wrap: break-word;
}
@media (min-width: 779px){
    .no-padding-md-left{
        padding-left: 0px ;
    }
}
.multi-chosen .multiselect {
    padding: 5px 11px 5px 4px !important;
}
.multi-chosen b{
    position: absolute;
    right: 11px !important;
    margin-top: 2px;
}

.tab-content-border{
    border: 1px solid #c5d0dc !important;
}
.select-field-width .chosen-container{
    width:100% !important;
}
.bootstrap-tagsinput {
    line-height: 15px !important;
    max-width:100% !important;
}
.padding-bottom0{
    padding-bottom: 0px !important;
}
.alert-message{
    position: fixed;
    z-index: 111111111;
}
.sign-border{
    border: 1px solid #c5d0dc !important;
}
.full-width{
    width:100%;
}
.bigger-500 {
    font-size: 400% !important;
}
.margin-right18{
    margin-right: 18px;
}
.widget-box-icon {
    width: 100%;
    height: 100%;
    top: 45%;
    left: 50%;
    color: #FFFFFF !important;
}
.mask_message {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 30%;
    text-align: center;
    color: #FFFFFF !important;
}


.document_type_description{
    padding-left: 25px;
    font-size: 14px;
    color: #999;
    font-weight: normal;
    line-height: 1;
}
.comapny-del-btn{
    position: relative;
    float: right;
    bottom: 27px;
    left: 23px;
}
.bigger-135 {
    font-size: 135% !important;
}

.padding-top-9{
    padding-top:9px;
}

.padding-top-12{
    padding-top: 12px !important;
}

.upload-file-overflow{
    overflow: auto;
    padding-bottom: 12px;
}
.activity-overflow{
    overflow: hidden;
}
.signature_footer_toolbar{bottom: 0px; position: fixed; width: 100%; left:-1px;}
.padding-right-20{
    padding-right: 20px;
}

/* Kendo Css*/
.padding-bottom-5{
    padding-bottom: 5px;
}
.k-grid-edit-row{
    background-color: #f8da4e;
}
.k-grid-content{
    min-height: 300px;
}

.k-grid tbody .k-grid .k-grid-header
{
    display: none;
}
.sub-activity > table > thead{
    display: none;
}
table .k-state-selected{
    background-color: #ceced2 !important;
}
.line-height-2 {
    line-height: 2;
}
.grid-column-menu .k-header-column-menu, .grid-column-menu-icon .k-header-column-menu{
    height: 35px;
    visibility: hidden;
    position: absolute;
}
/* Kendo End*/

.multiselect-btn-padding .btn{
    padding:5px 9px 5px 5px !important;
}
.multiselect-form-height .form-control {
    height:32px !important;
}
.multiselect-btn-padding .btn .fa-caret-down{
    position: absolute;
    right: 8px;
    top: 7px;
}
.pricing-table tr th {
    color: #707070;
    font-weight: bold;
    background: #F2F2F2;
    background-image: -webkit-linear-gradient(top, #f8f8f8 0, #ececec 100%);
    background-image: -o-linear-gradient(top, #f8f8f8 0, #ececec 100%);
    background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);
    background-repeat: repeat-x;
}
.pricing-table-td{
    width:200px;
}
.pricing-table-td-1{
    width:100px;
}
.pricing-border{
    background-image: -webkit-linear-gradient(top, #f8f8f8 0, #ececec 100%);
    background-image: -o-linear-gradient(top, #f8f8f8 0, #ececec 100%);
    background-image: linear-gradient(to bottom, #f8f8f8 0, #ececec 100%);
    background-repeat: repeat-x;
    padding: 8px;
}

.pricing-table thead>tr>th, .pricing-table tbody>tr>th, .pricing-table tfoot>tr>th, .pricing-table thead>tr>td, .pricing-table tbody>tr>td, .pricing-table tfoot>tr>td{
    border-top: none !important
}
.pricing-level-td{
    width:280px;
}
.pricing-title-td{
    width:480px;

}

#ui-datepicker-div{
    z-index: 100000000 !important;
}

.widget-body.well.web-quote-width.font-cover-height {
    min-height: 1140px;
}
.widget-body.well.service-color.web-quote-width.font-cover-height {
    min-height: 1000px;
}
.col-xs-12.margin-top-12.pdf-max-height {
    margin-top: 50px;
}

/*Hubspot tabs disable class*/
.disable_tab {
    pointer-events:none;
    opacity:0.6;
}