[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-placeholder);
    color: #9A9A9A;
}

body {
    font-family: "AvenirNext", "Avenir Next", "Nunito","Open Sans", "OpenSans", "Arial", sans-serif;
    font-weight:400;
    font-stretch:normal;
    font-size: 14px;
    overflow-y: auto;
    overflow-x: hidden;
}

body, html {
    height: 100%;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 14px;
}

.btn_blue_rounded {
    background-color: #198CBE !important;
    color: white !important;
    border-radius: 30px;
    min-width: 94px;
}

.btn_rounded {
    border-radius: 30px;
    min-width: 94px;
}

.btn:focus {
  outline: none !important;
}

.row_details {
    background: url('/static/img/icon_info.png') no-repeat center center;
    background-size: 16%;
    cursor: pointer;
    height: 25px;
    width: 107px;
}

.stick_bottom {
    position: fixed;
    bottom: 0;
}

.partner_center_contact_details {
    background: url('/static/img/icon_edit_user.png') no-repeat center center;
    background-size: 16%;
    cursor: pointer;
    height: 25px;
    width: 107px;
}

.extra_details {
    width: 25%;
    float: left;
}

tr.shown .row_details {
    background: url('/static/img/icon_minus.png') no-repeat center center;
    background-size: 16%;
}

.carousel-control { width:  3%; }
.carousel-control.left {
    margin-left: 5px;
    background-image:none;
}
.carousel-control.right {
    margin-right: -8px;
    background-image:none;
}

.carousel_block_width {
    width: 20%;
}

/* advisor screen panel css*/
.transparent_text_box {
    border: 0;
    height: 35px;
    width: 500px;
}

.green_banner {
    min-height: 490px;
    background-color: #06b45c;
    position: relative;
    margin-top: -18px;
}

.half_width {
    width: 50%;
}

#search_phone_number {
    box-shadow: 0;
    outline: 0 none;
}

.x_small_width {
    width: 2.5%;
}

.medium_width {
    width: 10%;
}

a:hover {
    text-decoration: none;
}

.underline_on_hover a:hover {
    text-decoration: underline;
}

.customer_panel {
    position: relative;
    height: 66px !important;
    border-bottom: 2px solid rgba(175, 175, 175, 0.3);
}

.customer_panel_btn {
    margin-top: -30px;
    margin-right: 38px;
}

.area_search {
    height: 64px;
    width: 18px;
    float: right;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.subtle_right_border {
    border-right: 2px solid rgba(175, 175, 175, 0.3) !important;
}

.subtle_thin_right_border {
    border-right: 1px solid rgba(175, 175, 175, 0.3) !important;
}

.subtle_left_border {
    border-left: 2px solid rgba(175, 175, 175, 0.3) !important;
}

.right_pane,
.left_pane {
    min-height: 100%;
    display: block;
}

.right_pane {
    background-color: #f5f5f5;
    margin-left: 250px;
    top: 85px;
    position: absolute;
}

.left_pane {
    background: #fff;
    position: absolute;
    width: 250px;
    top: 85px;
}

.right_pane > .content_header {
    position: relative;
    padding: 12px 15px 10px 20px;
}

.no_popover_arrow > .popover.bottom >.arrow {
    display: none;
}

.vertical_center_align {
    padding-top: 25vh;
}

.center_align {
    margin: auto;
}

.horizontal_center_align {
    padding-left: 25vw;
}

.height_full_screen {
    height: 100vh;
    overflow: auto;
}

.book_screen_header_block > .nav > li > a {
    padding: 1px 15px !important;
}

.book_screen_header {
    height: 23px;
    color: #555555;
}

#sliding_pane_right {
    min-height: 100%;
    width: 273px;
}

.pull_medium_up {
    margin-top: -10px;
}
.book_screen_header > .navbar-default {
    background-color: #555555 !important;
}

.book_screen_header_block > .navbar-nav>li>a {
    color: #ffffff !important;
}

.book_screen_header_block > .navbar-nav>.open>a {
    background-color: #555555 !important;
}

.book_screen_nav_dropdown {
    background-color: #555555;
    color: white;
    margin-top: -3px !important;
}

.book_screen_nav_dropdown > li > a{
    color: white;
}

.book_screen_nav_dropdown > li>a {
    padding: 3px 10px !important;
}

.book_screen_header_block > .navbar-nav>li>a:hover {
    color: gainsboro !important;
}

.tab_button_active {
    border-left-color: white;
    border-top: white;
    border-right: white;
    border-bottom: #2682D5 !important;
}

.tab_button, .tab_button:hover{
    border-left-color: white;
    border-top: white;
    border-right: white;
    border-bottom: #969ea7 !important;
}

/*Input tags css*/
div.tagsinput {
    border:1px solid #CCC;
    background: #FFF;
    padding:4px;
    width:300px;
    height: 100px;
    min-height:33px;
    overflow-y: auto;
    border-radius: 4px 0 0 4px;
}

div.tagsinput span.tag {
    border: 1px solid #0093d5;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    display: block;
    float: left;
    text-decoration:none;
    background: #0093d5;
    color: #ffffff;
    margin-right: 5px;
    margin-bottom: 2px;
    font-size:13px;
    height: 23px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 2px !important;

}

div.tagsinput span.tag a {
    padding-bottom: 2px;
    color: #f5f5f5;
    text-decoration:none;
    font-size: 13px;
}

div.tagsinput input {
    font-size: 13px;
    border:1px solid transparent;
    background: transparent;
    color: #000;
    outline:0px;
    margin-right:5px;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 0px !important;
    height: 25px !important;
}

div.tagsinput div {
    display:block;
    float: left;
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px;
}

.scratch_pad {
    background: url('/static/img/scratch_pad.png') repeat-y;
}

.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important;
}
/*end input tags css*/

/* sliding pane */
#sliding_pane  {
    border-bottom: 3px solid rgba(6, 180, 92, 1.0);
    display: none;
    background-color: white;
    width: 100%;
    padding-left: 10px;
}

.right_pane_heading {
    width: 100%;
    height: 25px;
    padding: 3px 0 0 10px;
    background-color: #000000;
}

.cart_icon {
    margin-top: -10px;
}

.sliding_pane_bottom_content{
    min-height: 100%;
    height: auto;
    padding-top: 42px;

}

.sliding_pane_bottom_content > .row {
    overflow-x:scroll;
    overflow-y:hidden;
    white-space:nowrap;
}

.sliding_pane_bottom_content > .row [class*="col-lg"],
.sliding_pane_bottom_content > .row [class*="col-md"],
.sliding_pane_bottom_content > .row [class*="col-sm"] {
    float:none;
    display:inline-block;
    vertical-align:top;
}

#sliding_pane_bottom {
    position: fixed;
    bottom: 0;
    z-index: 1049;
    left: 0;
    display: none;
    width: 100%;
    height: 160px;
    filter: alpha(opacity=85);
}

.sliding_pane_bottom_header {
    min-height: 42px;
}

::-webkit-scrollbar {
    display: none;
}

.box {
    background: #ffffff;
}

.box .box-header .box-title {
    display: inline-block;
    padding: 10px 0px 10px 10px;
    margin: 0;
    float: left;
    cursor: default;
}

.box .box-header:before, .box .box-header:after {
    display: table;
    content: " ";
}

.box-header {
    position: relative;
    border-bottom: 0px solid #f4f4f4;
    color: #444;
    padding-bottom: 10px;
}

.box-primary {
    border-top-color: #0093d5;
}

.box-danger {
    border-top-color: #f56954;
}

.box .box-header:after {
    clear: both;
}

.box-tools {
    padding: 3px 10px 5px 5px;
}

.box .box-header > .fa, .box .box-header > .glyphicon, .box .box-header .box-title {
    padding: 10px 0px 10px 10px;
    font-size: 20px;
    float: left;
    cursor: default;
}

.content {
    padding: 20px 15px;
    background: #f9f9f9;
}

.flat_text_box {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #D3D3D3 !important;
    outline: none !important;
    height: 45px !important;
    padding: 20px 0 0 0px !important;
}

.flat_text_box:focus{
    border-bottom: 1px solid #0093d5 !important;
}

.advisor_content {
    overflow: hidden;
    min-height: 100%;
}

.FlowupLabels .fl_wrap.focused .fl_label, .FlowupLabels .fl_wrap.populated .fl_label, .no-js .FlowupLabels .fl_label {
    color: #0093d5 !important;
}

.interactions_block {
    height: 175px;
    overflow: scroll;
}

.scrollable_block {
    height: 80vh;
    overflow: scroll;
}

.no_border_bottom_radius {
    border-radius: 4px 4px 0px 0px;
}

.no_border_top_radius {
    border-radius: 0px 0px 4px 4px;
}

.sidebar > .sidebar-menu > li:first-of-type {
    border-top: 1px solid #dbdbdb;
}

.sidebar-menu > li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dbdbdb;
}

.sidebar a {
    color: #555555;
    text-decoration: none;
    cursor: pointer;
}

.sidebar-form input[type="text"] {
    color: #666;
    border: 1px solid #fafafa;
    box-shadow: none;
}

.sidebar {
    margin-bottom: 5px;
}

.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-form {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid #dbdbdb;
    margin: 17px 10px;
}

.sidebar-menu > li > a {
    padding: 12px 5px 12px 15px;
    display: block;
}

.customer_details > .chosen-container {
    width: 100% !important;
}

.panel_btn {
    margin-top: -20%;
    margin-left: 46%;
}

/* end advisor screen css*/

/* Bootstrap box */
.box_height {
    min-height: 178px;
}

.bg_nav_background {
   background-color: #f8f8f8;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #f8f8f8;
}

.sidebar_nav_fixed {
    position: fixed;
    top: 10px;
    width: 255px;
}

.mobile_nav_links {
    display: none;
    visibility: hidden;
}

.wrapper {
    min-height: 100%;
    height: auto;
    overflow: hidden;
}

.no_top {
    top: 0;
}

.header_container {
    -moz-box-shadow: 0px 1px 3px rgba(102, 102, 102, 0.75);
    box-shadow: 0px 1px 3px rgba(102, 102, 102, 0.75);
}

.bg_scratch_pad {
    background-image: url('/static/img/scratch_pad.png');
    background-size: 100%;
}
.header_menu {
    margin-top: 20px;
}

.header_block {
    min-height: 57px;
}

.navbar-collapse.internal{
    max-height: 390px !important;
}

.header_landing_block {
    min-height: 68px;
}

.header_menu > li a {
    padding-bottom: 0px;
}

.panel_active {
    background-color: #0093d5 !important;
}

.panel_inactive {
    background-color: #f5f5f5 !important;
}

.panel_inactive a {
    color :#666666 !important;
}

.panel_inactive a > .panel_number {
    border: 1px solid rgba(102, 102, 102, 0.1);
    color: #666666;
    background-color: transparent;
}

.panel_info_left {
    margin-top: -5px;
    margin-left: -35px;
}

.panel_info_right {
    margin-top: -5px;
    margin-left: 35px;
}

.logo{
    width: 101px;
    height: 78px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    float: left;
    z-index: 9999;
    position: absolute;
}

.logo img {
    width: 90%;
    margin-left: 7px;
}

.partner_drc_logo {
    width: 98% !important;
    margin-top: -3px !important;
}

.normal_text {
    color : #221f20;
}

.round_border {
    border-radius: 4px;
}

.hover_color_green:hover {
    color: #06b45c !important;
    border-color: #06b45c !important;
}

.hover_color_red:hover {
    color: #cc0000 !important;
    border-color: #cc0000 !important;
}

.hover_color_blue:hover {
    color: #0093d5 !important;
    border-color: #0093d5 !important;
}

.hover_color_black:hover {
    color: #000000 !important;
    border-color: #000000 !important;
}

.round_border_top_left {
    border-top-left-radius: 4px;
}

.round_border_top_right {
    border-top-right-radius: 4px;
}

.box_container {
    min-width: 50px;
    min-height: 100px;
    border: 2px solid #999999;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    padding-left: 4%;
    padding-right: 6%;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.17);
    -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.17);
    box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.17);
}

.pointer {
    cursor: pointer !important;
}

.no_pointer {
    cursor: default !important;
}

.underline {
    text-decoration: underline;
}

.mid_text {
    color :#666666;
}

.subtle_text {
    color: #999999 !important;
}

.color_dull_gray {
    color: #969ea7;
}

.color_blue {
    color: #0093d5 !important;
}

.doctorc_color_blue {
    color: #00A6FF !important;
}

.color_pale_blue {
    color: #00A4FF !important;
}

.color_sky_blue {
    color: #2D89E1;
}

.color_pale_red {
    color: #FB4555;
}

.color_white {
    color: white;
}


.color_subtle_gray {
    color: #E8E6E6;
}

.color_black {
    color: #000000 !important;
}

.color_new_black {
    color: #343F4B !important;
}
.color_white_smoke {
    color : whitesmoke; !important;
}

.color_aqua {
    color: #27b0ed;
}

.color_dark_blue {
    color: #28384B;
}

.color_green {
    color: #06b45c !important;
}

.color_inactive {
    color: #DFDDDD !important;
}

.blue_tooltip + .tooltip > .tooltip-inner {background-color: #0093d5;}
.blue_tooltip + .tooltip > .tooltip-arrow {border-bottom-color:#0093d5;}

.black_tooltip + .tooltip > .tooltip-inner {background-color: #000000;}
.black_tooltip + .tooltip > .tooltip-arrow {border-bottom-color:#000000;}

.green_tooltip + .tooltip > .tooltip-inner {background-color: #06b45c;}
.green_tooltip + .tooltip > .tooltip-arrow {border-bottom-color:#06b45c;}

.gray_gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e0e0e0+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(224,224,224,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(224,224,224,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(224,224,224,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(224,224,224,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(224,224,224,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(224,224,224,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6e0e0e0',GradientType=0 ); /* IE6-9 */
}

.color_brown {
    color: #BBAD84 !important;
}

.color_dark_brown {
    color: #bba341 !important;
}

.color_red {
    color: #cc0000 !important;
}

.color_light_red {
    color: #DE362F !important;
}

.color_dark_red {
    color: #800000 !important;
}

.color_white {
    color: #ffffff !important;
}

.color_darker_blue {
    color: #28384A;
}

.color_darkest_blue {
    color: #2d3e50 !important;
}

.color_gray {
    color: #828282 !important;
}

.color_orange {
    color: #F65208;
}

.color_light_orange {
    color: #F3710C !important;
}

.color_yellow {
    color: #f9bf3a;
}

.color_pink {
    color: rgba(229, 45, 108, 1) !important;
}

.border_pink {
    border-color: rgba(229, 45, 108, 1) !important;
}

.border_green {
    border-color: #06b45c !important;
}

.border_orange {
    border-color: #F65208 !important;
}

.border_red {
    border-color: #ff0000 !important;
}

.border_violet {
    border-color: #6600CC !important;
}

.color_dark_pink {
    color: #EB296A !important;
}

.color_violet {
    color: #6600CC !important
}

.bg_color_violet {
    background-color: #6600CC !important;
}

.call_us {
    margin-top: 7px;
    padding-left: 44px;
}

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

.medium_border_bottom_gray {
    border-bottom: 2px solid #BBBBBB;
}

.medium_border_bottom_blue {
    border-bottom: 2px solid #0093d5;
}

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

.black_border {
    border: 1px solid #000000;
}

.bg_black_color_hover{
    background-color: white;
}

.bg_black_color_hover:hover {
    background-color: #262626;
    color: white;
}

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

.box_border {
    border: 1px solid #CFCFCF;
}

.bg_color_light_blue {
    background-color: #00B9F5 !important;
}

.bg_color_demi_light_gray {
    background-color: #f2f2f2 !important;
}

.bg_color_yellow {
    background-color: #f9bf3a !important;
}

.light_box_border {
    border: 1px solid #EBEBEB;
}

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

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

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

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

.light_border {
    border: 1px solid #EBEBEB;
}

.gray_border {
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
}

.blue_border_bottom {
    border-bottom: 1px solid #9aa8d5;
}

.carousel-control.right {
    margin-right: 4px;
    background-image: none;
}

.compare_background{
    background-color: #d1d8f5;
}

.no_border_radius {
    border-radius: 0 !important;
}

.btn_with_no_outline, .btn_with_no_outline:focus, .btn_with_no_outline:active {
    outline: none !important;
}

.green_border_bottom {
    border-bottom: 1px solid #06b45c;
}

.green_border_right {
    border-right: 1px solid #06b45c;
}
.green_border_left {
    border-left: 1px solid #06b45c;
}
.dark_border_bottom {
    border-bottom: 1px solid #545454;
}

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

.white_border {
    border: 1px solid #FFFFFF;
}

.square_bracket {
    position: relative;
    width: 100px;
    height: 100px;
    background: #06b45c;
    padding-left: 6px;
    padding-top: 3px;
}
.square_bracket:before, .square_bracket:after{
    content: '';
    display: block;
    height: 100%;
    width: 20px;
    border: 1px solid #06b45c;
    position: absolute;
    top: -1px;
}
.square_bracket:before{ left: 0; border-right: 0; }
.square_bracket:after{ right: 0; border-left: 0; }

.blue_border_top {
  border-top: 1px solid #2682D5;
}

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

.blue_border {
    border: 1px solid #2682D5;
}

.btn_blue_border {
    border: 1px solid #2682D5;
    color: #2682D5;
    background: transparent;
}

.btn_blue_border:hover {
    background-color: #2682D5;
    color: white;
}

.btn_blue_border:disabled {
    border: 1px solid #999999;
    background: transparent;
    color:#999999;
}

.btn_white_border {
    border: 1px solid #FFFFFF;
    color: #E8562A !important;
    background: transparent;
}

.dark_gray_border {
    border: 1px solid #828282;
}

.dark_gray_border_top {
    border-top: 1px solid #A9A9A9;
    opacity: 0.5;
}

.btn_dark_gray_border {
    border: 1px solid #828282;
    color: #828282;
}

.btn_dark_blue {
    border: 1px solid #2c3e50;
    color: #FFFFFF;
    background-color: #2c3e50;
    border-radius: 2px;
}

.btn_dark_blue_lg {
    padding-left: 50px;
    padding-right: 50px;
}

.btn_dark_blue:hover {
    color: #FFFFFF;
}

.btn_dark_gray_border:hover {
    background-color: #828282;
    color: white;
}

.btn_dark_gray_border:disabled {
    border: 1px solid #999999;
    background: transparent;
    color:#999999;
}

.red_border {
    border: 1px solid #B30202;
}

.btn_red_border {
    border: 1px solid #B30202;
    color: #B30202;
}

.btn_red_border:hover {
    background-color: #B30202;
    color: white;
}

.btn_red_border:disabled {
    border: 1px solid #999999;
    background: transparent;
    color:#999999;
}

.green_border {
    border: 1px solid #06b45c;
}

.btn_green_border {
    border: 1px solid #06b45c;
    color: #06b45c;
}

.btn_green_border:hover {
    background-color: #06b45c;
    color: white;
}

.btn_green_border:disabled {
    border: 1px solid #999999;
    background: transparent;
    color:#999999;
}

.banner {
    width: 100%;
    margin-top: -18px;
    background-color: #06b45c;
}

.medium_banner {
    min-height: 420px;
    position: relative;
}

.block_content {
    min-height: 500px;
}
.small_image {
    width: 60px;
}

.medium_image {
    width: 75px;
}

/* Color Palate */
.table>tbody>tr.active>td {
  background-color: #F1F1F1 !important;
}
.bg_color_blue {
    background-color: #0093d5 !important;
}

.bg_color_pale_blue {
    background-color: #00A4FF !important;
}

.bg_color_dark_blue {
    background-color: #2c3e50;
}

.bg_color_light_brown {
    background-color: #FEFFFF;
}

.bg_color_greenish_gray {
    background-color: #D3DADA;
}

.bg_color_greenish_light_gray {
    background-color: #F0F1F3;
}

.bg_color_whitish_gray {
    background-color: #F1F2F4;
}

.gray_border_right {
    border-right: 1px solid #77818D;
}

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

.gray_border_left {
    border-left: 1px solid #77818D;
}

.large_top {
    top: 50px;
}

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

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

.bg_color_sky_blue {
    background-color: #2D89E1;
}

.bg_color_light_gray {
    background-color: #f8f8f8;
}

.bg_color_gray {
    background-color: #ECECEC;
}

.color_light_gray {
    color: #A3A3A3 !important;
}

.color_pale_green {
    color: #17A993;
}

.left_solid_blue_border {
    border-left: 5px solid #2682D5 !important;
}

.no_border_color {
    border-color: #ffffff;
}

.gray_border {
    border: 1px solid #D2D2D2;
}

.transparent_border_color {
    border-color: transparent !important;
}

.bg_color_darker_gray {
    background-color: #262626;
}

.bg_color_aqua {
    background-color: #27b0ed !important;
}

.bg_color_green {
    background-color: #06b45c !important;
}

.bg_color_medium_gray {
    background-color: #626262;
}

.bg_color_blackish_gray {
    background-color: #EBEBEB;
}

.bg_color_dark_gray {
    background-color: #828282 !important;
}

.bg_color_darker_blue {
    background-color: #28384A;
}

.bg_color_medium_light_gray {
    background-color: #f4f4f4 !important;
}

.bg_color_medium_dark_gray {
    background-color: #E6E7EA !important;
}

.bg_color_red {
    background-color: #ff0000 !important;
}

.bg_color_light_red {
    background-color: #DE362F;
}

.bg_color_orange {
    background-color: #f29204 !important;
}

.bg_subtle_blue {
    background-color: #D1DBE4;
}

.bg_color_black {
    background-color: #000000;
}

.medium_background_color {
    background-color: #f5f5f5 !important;
}

.background_color {
    background-color: #f9f9f9;
}

.text_accent_white {
    color: white !important;
}

.border_color_gray {
    border-color: #828282 !important;
}

.border_color_white {
    border-color: #ffffff !important;
}

.top_border_color_sky_blue {
    border-top: 5px solid #2D89E1;
}

.bubble {
    min-width: 10px;
    padding: 3px 7px;
    line-height: 1;
    text-align: center;
    border-radius: 10px;
}

.dashed_bullets>ul li:before{
    list-style-type: none !important;
    content:"-";
    position:relative;
    left:-5px;
}
.dashed_bullets>ul li{
    list-style-type: none !important;
    text-indent:-5px;
}

.circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-top: 2px;
}

.no_line_height {
    line-height: normal;
}

.tiny_line_height {
    line-height: .95;
}

.small_height {
    min-height: 30px;
}

.small_height_container {
    height: 28px !important;
}

/* Intro js customization */
.introjs-helperNumberLayer {
    width: 30px !important;
    height: 30px !important;
}

.introjs-tooltipReferenceLayer {
    width: 0 !important;
}

/* Fonts */
.font_regular {
    font-family: "AvenirNextMedium", "AvenirNext-Medium", "AvenirNext Medium" , "Avenir Next Medium", "Nunito", sans-serif;
    font-stretch:normal;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.font_medium {
    font-family: "AvenirNextDemiBold", "AvenirNext-DemiBold", "AvenirNext DemiBold" , "Avenir Next DemiBold", "Nunito", sans-serif;
    font-stretch:normal;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

.font_bold {
    font-family: "AvenirNext-Bold", "Avenir Next Bold", "Nunito", sans-serif;
    font-stretch:normal;
    -webkit-font-smoothing: antialiased;
}

.text_xxx_small {
    font-size: 10px !important;
}

.text_xx_small {
    font-size: 12px !important;
}

.text_x_small {
    font-size: 13px;
}

.text_very_small {
    font-size: 16px;
}

.text_small {
    font-size: 18px !important;
}

.text_medium {
    font-size: 24px !important;
}

.text_large {
    font-size: 30px !important;
}

.text_x_large {
    font-size: 36px;
}

.text_xx_large {
    font-size: 44px !important;
}

.text_xxx_large {
    font-size: 54px;
}

.text_mega_large {
    font-size: 80px;
}

.text_tiny {
    font-size: 10px !important;
}

.translucent_text {
    opacity: 0.7;
}

.line_on_sides {
  line-height: 0.5;
  text-align: center;
}
.line_on_sides span {
  display: inline-block;
  position: relative;
}
.line_on_sides span:before,
.line_on_sides span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #c3c3c3;
  top: 3px;
  width: 33%;
}
.line_on_sides span:before {
  right: 100%;
  margin-right: 5px;
}
.line_on_sides span:after {
  left: 100%;
  margin-left: 5px;
}

.hover_color_white:hover{
    color: white;
}

.trianglify_background {
    background:url(/static/img/trianglify.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 0;
    left: 0;
    min-height: 100vh;
    min-width: 100%;
}

.full_screen_bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 0;
    left: 0;
    min-height: 75vh;
    min-width: 100%;
}

.gray_font{
    color: #5f6167;
}

.tag {
    height: 20px;
    background-color: #828282;
    color: #ffffff;
    padding: 2px 7px 2px 7px;
    border-radius: 4px;
}

.lower_case {
    text-transform: lowercase;
}

.upper_case {
    text-transform: uppercase;
}

.table_scroll_large {
    height: 600px !important;
    overflow-y: auto;
}

.table_scroll_x_small {
    height: 171px !important;
    overflow-y: auto;
}

.table_scroll_xx_small {
    height: 110px !important;
    overflow-y: auto;
}

.table_scroll_small {
    height: 200px !important;
    overflow-y: auto;
}

.discount_tag {
    height: 40px;
    width:50px;
    background: #2f96b4;
    float: left;
    margin-left: -10px;
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 50px;
}

#cart_table .delete {
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    text-align: center;
    margin-top: 4px;
    margin-right: 12px;
    opacity: 2;
    z-index: 5;
}

.customer_block_links:hover {
    text-decoration: underline;
}

.remove_cart_item {
    margin-right: -26px;
    margin-top: -23px;
}

.small_cell_width {
    width: 20%;
}

.price_card {
    background-color: #828282;
    border-radius: 5px;
    margin: 8px;
    padding: 0px 2px;
    min-height: 106px;
    min-width: 21%;
}

.cart_card {
    background-color: #ffffff;
    margin: 14px -8px 10px 23px;
    min-height: 80px;
    border-radius: 4px;
    min-width: 8%;
    padding: 10px;
}

.stats_table {
    table-layout: fixed;
    width: 100%;
}

.stats_table th, .stats_table td {
    overflow: hidden;
    width: 100px;
}

.medium_spacer {
    padding: 20px 0px;
}

.spacer {
    padding: 10px 0px;
}

.small_spacer {
    padding: 5px 0px;
}

.banner_content {
    margin-top: 10%;
}

.banner_content_image {
    width: 160px;
}

/* horizontal lines */
.horizontal_line {
    margin-top: 20px;
    border: 0;
    border-top: 1px solid #d6d6d6;
}

.subtle_horizontal_line {
    margin-top: 20px;
    border: 0;
    border-top: 1px solid rgba(175, 175, 175, 0.3) !important;
}


.totals {
    padding-left: 30px;
    margin-bottom: 30px;
}

/* borders */
.border {
    border: 1px solid #CFCFCF;
}

.top_border {
    border-top: 1px solid rgba(255,255,255,0.5);
}

.border_black {
    border-color: #000 !important;
}

.left_border {
    border-left: 1px solid rgba(255,255,255,0.5);
}

.left_border_black {
    border-left: 1px solid rgba(0,0,0,0.5);
}

.mid_color_left_border {
    border-left: 1px solid rgba(180, 174, 174, 0.5);
}

.right_border {
    border-right: 1px solid rgba(255,255,255,0.5);
}

.right_border_black {
    border-right: 1px solid rgba(180, 174, 174, 0.5);
}

.right_dashed_border {
    border-right: 1px dashed #cdcdcd
}

.bottom_border {
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.dashed_border {
    border: dotted;
}

.dashed_underline {
    border-bottom: 1px dashed #27b0ed;
}

.gray_dashed_underline {
    border-bottom: 1px dashed #828282;
}

.gray_dotted_underline {
    border-bottom: 1px dotted #828282;
}

.no_padding_left {
    padding-left: 0px !important;
}

.no_padding_right {
    padding-right: 0px !important;
}

.no_padding_bottom {
    padding-bottom: 0px !important;
}

.no_padding_top {
    padding-top: 0px !important;
}

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

.small_padding_bottom {
    padding-bottom: 5px !important;
}

.small_padding_left {
    padding-left: 5px !important;
}

.small_padding_right {
    padding-right: 5px !important;
}

.small_padding {
    padding: 5px 5px 5px 5px !important;
}

.very_small_padding {
    padding: 2px;
}

.tiny_padding_top {
    padding-top: 3px !important;
}

.tiny_padding_bottom {
    padding-bottom: 3px !important;
}

.medium_padding_left {
    padding-left: 10px !important;
}

.medium_padding_right {
    padding-right: 10px !important;
}

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

.m_large_padding {
    padding: 15px;
}

.m_large_padding_top {
    padding-top: 15px;
}

.m_large_padding_bottom {
    padding-bottom: 15px;
}

.m_large_padding_right {
    padding-right: 15px;
}

.m_large_padding_left {
    padding-left: 15px;
}

.large_padding {
    padding: 20px;
}

.large_padding_top {
    padding-top: 20px;
}

.large_padding_bottom {
    padding-bottom: 20px;
}

.x_large_padding_bottom {
    padding-bottom: 30px;
}

.large_padding_right {
    padding-right: 20px !important;
}

.x_large_padding_left {
    padding-left: 30px !important;
}

.x_large_padding_right {
    padding-right: 30px !important;
}

.xx_large_margin_left {
    margin-left: 45px !important;
}

.x_large_margin_left {
    margin-left: 25px !important;
}

.xx_large_margin_right {
    margin-right: 45px !important;
}

.large_margin_right {
    margin-right: 20px;
}

.large_margin_bottom {
    margin-bottom: 20px;
}

.large_padding_left {
    padding-left: 20px !important;
}

.bg_color_white_smoke {
    background-color: whitesmoke;
}

.bg_color_bluish_gray {
    background-color: #F0F4F4 !important;
}

.bg_color_danger {
    background-color: #f2dede !important;
}
.large_margin_left {
    margin-left: 20px;
}

.large_margin_right {
    margin-right: 20px;
}

.large_margin {
    margin: 20px;
}

.large_margin_top {
    margin-top: 20px;
}



.medium_padding_top {
    padding-top: 10px;
}

.medium_padding_bottom {
    padding-bottom: 10px;
}

.medium_padding {
    padding: 10px !important;
}

.row-centered {
    text-align:center;
}

.no_margin_bottom {
    margin-bottom: 0px !important;
}

.no_margin_top {
    margin-top: 0px !important;
}

.no_margin_left {
    margin-left: 0px !important;
}

.no_margin_right {
    margin-right: 0px !important;
}

.no_padding {
    padding: 0px !important;
}

.no_margin {
    margin: 0px !important;
}

.no_row_margin {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.x_small_line_height {
    display: block;
    line-height: 1.5;
}

.btn_welcome_page {
    width: 21%;
}

.btn_primary {
    background-color: #0093d5;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 1);
    color: #ffffff;
}

.btn_primary:hover {
    opacity: .8;
}

.btn_spacing {
    margin-left: 20px !important;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}


.large_height {
    height: 400px !important;
}

.medium_height {
    height: 90px !important;
}

.align_vcenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn_refresh {
    min-width: 97px;
    min-height: 45px;
}

.btn_xxx_small {
    margin-top: 2px;
    padding: 2px 5px 0 !important;
    font-size: 9px !important;
}

.btn_very_small {
    padding: 4px !important;
    font-size: 10px !important;
}

.btn_red {
    background-color: #ff0000 !important;
    color: white !important;
}

.btn_dark_red {
    background-color: #DF4A32;
    color: white;
}

.btn_dark_red:hover {
    color: white;
}

.btn_remove:hover {
    opacity: 0.8;
}

.medium_box_shadow {
    box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.2);
}

.btn_red:hover {
    color: white;
}

.btn_red:disabled {
    opacity: 0.62;
}

.no_box_shadow {
     -webkit-appearance: none;
    -webkit-box-shadow: 0 0 0 #ffffff;
    box-shadow: 0 0 0 #ffffff;
}

.input_with_no_border {
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 0 #ffffff;
    box-shadow: 0 0 0 #ffffff;
    border: none;
    outline: none;
}

.input_with_no_border:focus {
    -webkit-appearance: none;
    -webkit-box-shadow: 0 0 0 #ffffff;
    box-shadow: 0 0 0 #ffffff;
    border: none;
    outline: none;
}

.small_box_shadow {
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.41);
}

.light_box_shadow {
    box-shadow: rgba(0,0,0,0.2) 0 2px 6px;
}

.title_text_shadow {
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.62);
}

.sub_title_text_shadow {
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.41);
}

.btn_info {
    background-color: #27b0ed;
    color: white;
}

.btn_green {
    background-color: #06b45c !important;
    color: white !important;
}

.btn_bluish_gray {
    background-color: #838D97 !important;
    color: white !important;
}

.btn_pale_green {
    background-color: #17A993 !important;
    color: white !important;
    border-radius: 0;
}

.btn_dark_green {
    background-color: #159482 !important;
    color: white !important;
    border-radius: 0;
}

.btn_light_gray_blue_text {
    background-color: #F0F1F3 !important;
    color: #428BCA !important;
}

.btn_white_gray_text {
    background-color: #FFFFFF !important;
    color: #333 !important;
}

.btn_white_gray_text:hover {
    background-color: #FFFFFF !important;
    color: #428BCA !important;
}

.btn_compare_green {
    background-color: #1c7e5d !important;
    color: white !important;
    border-radius: 0;
    border-top: 2px solid #10402a;
    outline: none !important;
    outline-offset: 0px !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-tap-highlight-color: transparent !important;
}

.compare_lines{
    height: 2px;
    width: 50px;
    margin-bottom: 3px;
    background-color: #145841;
    margin-left: 43%;
    border-radius: 10px;
}

.btn_default {
    background-color: #828282;
    color: white;
}

.btn_light_gray,
.btn_light_gray:hover,
.btn_light_gray:focus,
.btn_light_gray:active {
    background-color: #f2f5f6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#828282));
    background-image: -webkit-linear-gradient(top, #D3D3D3, #838383);
    background-image: -moz-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -ms-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: -o-linear-gradient(top, #f2f5f6, #c8d7dc);
    background-image: linear-gradient(to top bottom, #f8f8f8, #828282);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f8f8f8, endColorstr=#828282);
    color: #ffffff;
    outline: none !important;
}

.btn_large {
    background-color: #0093d5;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 1);
    color: #ffffff;
}


.btn_green {
    background-color: #06b45c;
    color: white;
}

.btn_fluid {
    width: 100%;
}

.btn_default:hover {
    opacity: 0.8;
}

.btn_primary:hover , .btn_large:hover, .btn_info:hover{
    color: #ffffff;
}

.btn_primary:hover {
   color: #ffffff ;
}

.float_right {
    float: right;
}

#compare {
    position:fixed;
    width:100%;
    z-index:999;
    bottom: 0;
}

.medium_tab {
    width: 14%;
}

.icon_on_hover:hover {
    color :#666666 !important;
}

#btn_call_us {
    margin-top: 17%;
}

#buy {
    min-height: 600px;
}

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

.small_margin {
    margin: 5px;
}

.medium_margin {
    margin: 10px;
}

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

.medium_margin_left {
    margin-left: 10px !important;
}

.medium_margin_right {
    margin-right: 10px !important;
}

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

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

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

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

.small_margin_top {
    margin-top: 5px !important;
}

.bg_light_green {
    background-color: #cdf0de;
}

.ui-autocomplete {
    z-index: 99999;
}

/* Custom Modal */
.modal_content {
    background-color: #d3d3d3;
}

.modal_close {
    font-weight: 500;
    opacity: 1;
}

.transparent_border_bottom {
    border-bottom: 1px solid transparent !important;
}

/* Header top three color gradient */

.header_gradient_1 {
    width: 33%;
    height: 10px;
    float: left;
}

.header_gradient_2 {
    width: 33%;
    height: 10px;
    float: left;
}

.header_gradient_3 {
    width: 100%;
    height: 10px;
}

/* Partner Center logo */
.partner_center_logo {
    width: 101px;
    height: 78px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    float: left;
    z-index: 9999;
    position: absolute;
}

.partner_center_logo img {
    width: 167%;
    margin-left: 7px;
    margin-top: 10px;
}

.partner_dashboard_logo {
    margin-top: 10%;
    width: 55%;
}

.mark_complete {
    width: 93px;
    height: 108px;
    border: none;
}

.mark_complete:focus {
    outline: 0;
}

.modal-dialog {
    margin-top: 150px;
}

.full_view_width {
    width: 100vw !important;
}

.full_width {
    width: 100% !important;
}
/* Star rating module */

.spinner {
    top: 52% !important;
    left: 67% !important;
}

span.stars, span.stars span {
    display: block;
    background:url("../img/stars.png") 0 -12px repeat-x;
    width: 55px;
    height: 11px;
}

.stick {
    width: 5px;
    height: 325px;
    background: green;
    margin: 0 auto;
}

.rotate {
    transform: rotate(90deg) scale(1.00) !important;
    border-top: 2px solid #E2E3E7 !important;
    margin-top: 32px !important;
}

.zoom:hover .zoom_in {
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

span.stars span {
    background-position: 0 0;
}

.dull_background {
    background-color: #F1F2F6;
}

/* Connecting Indicator */

.loading_indicator > div {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.loading_indicator .bounce1 {
    background-color: #0093d5;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loading_indicator .bounce2 {
    background-color: #27b0ed;
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loading_indicator .bounce3 {
    background-color: #06b45c;
}

.loading_indicator_small > div {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.loading_indicator_small .bounce1 {
    background-color: #0093d5;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loading_indicator_small .bounce2 {
    background-color: #27b0ed;
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loading_indicator_small .bounce3 {
    background-color: #06b45c;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
    } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    }
}

/* Auto complete customization */
.list_item_container {
    min-height: 25px;
    padding: 5px;
}

.also_known_as {
    color: #6a666a;
    font-size: 0.8em;
}

.ui-autocomplete {
    margin-top: -5px;
    border-radius: 0px 0px 4px 4px;
    background-color: white;
    padding: 0px !important;
    font-family: "AvenirNextDemiBold", "AvenirNext-DemiBold", "AvenirNext DemiBold" , "Nunito", "Avenir Next DemiBold", "Open Sans", "OpenSans", "Arial", sans-serif !important;
    font-stretch:normal !important;
    -webkit-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004) !important;
}

.ui-autocomplete li {
    cursor: pointer !important;
    padding-top: 8px !important;
    padding-bottom: 7px !important;
    font-size: 14px !important;
    border-top: 1px solid #E7E7E7 !important;
    background-color: #f5f5f5;
}

.ui-widget-content a {
    color: #818181 !important;
}

.ui-widget-content a:hover {
    color: #428bca !important;
}

.ui-widget-content {
    border-color: silver !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    margin-left: -1px !important;
}

.ui-menu .ui-menu-item a {
    text-decoration: none !important;
    display: block !important;
    line-height: 1.5 !important;
    min-height: 0 !important;
    font-weight: normal !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border-radius: 0px 0px 4px 4px;
    color: #428bca !important;
}

.ui-autocomplete-loading {
    background: white url('/static/img/loading.gif') right center no-repeat;
}

/* Banner footer */
.banner_footer {
    bottom: 0;
    position: absolute;
    padding-left: 13%;
}

.banner_footer_bangalore {
    bottom: 10px;
    position: absolute;
    padding-left: 18%;
}

.banner_footer_content {
    margin: 0 auto;
    float: none;
}

.banner_partner_centers {
    line-height: 15px;
    margin-left: 13px;
}

.banner_footer_partner_centers {
    line-height: 16px;
}

.num_partner_centers {
    line-height: 32px;
}


.datetimepicker table tr td.new {
 color: black !important;
}

.jqstooltip{
   min-width: 50px;
   height: 25px!important;
}

.bottom_bar {
    width: 100%;
    height: 10px;
    background-color: #06b45c;
    bottom: 0;
}

.blue_banner_sign_up {
   background: rgba(0, 147, 213, 0.9);
   min-height: 441px;
}

.signup_content_block {
    min-height: 200px;
}

.strike_over {
    text-decoration: none;
    padding-right: 3px;
    padding-left: 3px;
    line-height: 1.4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.63em, transparent), color-stop(0.63em, #ff0000), color-stop(0.7em, #ff0000), color-stop(0.7em, transparent), to(transparent));
    background-image: -webkit-linear-gradient(top, transparent 0em, transparent 0.63em, #ff0000 0.63em, #ff0000 0.7em, transparent 0.7em, transparent 1.4em);
    background-image: -o-linear-gradient(top, transparent 0em, transparent 0.63em, #ff0000 0.63em, #ff0000 0.7em, transparent 0.7em, transparent 1.4em);
    background-image: linear-gradient(to bottom, transparent 0em, transparent 0.63em, #ff0000 0.63em, #ff0000 0.7em, transparent 0.7em, transparent 1.4em);
    -webkit-background-size: 1.4em 1.4em;
    background-size: 1.4em 1.4em;
    background-repeat: repeat;
}



.line_through {
    position: relative;
}
.line_through::after {
    border-bottom: 2px solid white;
    content: "";
    left: -2px;
    position: absolute;
    right: -2px;
    top: 48%;
}

.bg_image_black {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.63em, transparent), color-stop(0.63em, #000000), color-stop(0.7em, #000000), color-stop(0.7em, transparent), to(transparent));
    background-image: -webkit-linear-gradient(top, transparent 0em, transparent 0.63em, #000000 0.63em, #000000 0.7em, transparent 0.7em, transparent 1.4em);
    background-image: -o-linear-gradient(top, transparent 0em, transparent 0.63em, #000000 0.63em, #000000 0.7em, transparent 0.7em, transparent 1.4em);
    background-image: linear-gradient(to bottom, transparent 0em, transparent 0.63em, #000000 0.63em, #000000 0.7em, transparent 0.7em, transparent 1.4em);
}

/* ICheck 3rd party library (link: http://fronteed.com/iCheck/) for blue checkboxes */
/* iCheck plugin Flat skin, blue
----------------------------------- */
.icheckbox_flat-blue, .iradio_flat-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(/static/img/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-blue {
    background-position: 0 0;
}

.icheckbox_flat-blue.checked {
    background-position: -22px 0;
}

.icheckbox_flat-blue.disabled {
    background-position: -44px 0;
    cursor: default;
}

.icheckbox_flat-blue.checked.disabled {
    background-position: -66px 0;
}

.iradio_flat-blue {
    background-position: -88px 0;
}

.iradio_flat-blue.checked {
    background-position: -110px 0;
}

.iradio_flat-blue.disabled {
    background-position: -132px 0;
    cursor: default;
}

.iradio_flat-blue.checked.disabled {
    background-position: -154px 0;
}

/* Chosen */
.chosen-container {
    width: 100% !important;
}

.chosen-container-single .chosen-single {
    height: 28px !important;
    padding: 0 0 0 9px !important;
    background: #ffffff !important;
    background: -moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: -o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background: linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    line-height: 28px;
}

.no_border_top {
    border-top: 0px !important;
}

.no_border_bottom {
    border-bottom: 0px !important;
}

.no_background_color {
    background-color: transparent;
}

.no_border {
    border-color: #ffffff !important;
}

/* Maps */
.map_banner {
    margin-top: -18px;
}

.map_overlay {
    padding: 6px 8px;
    color: white !important;
    background: black;
    background: rgba(0,0,0,0.6);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 4px;
    min-width: 160px;
}

.modal_x_lg {
    width: 75%;
}

.overlay_links a {
    text-decoration: none;
    color: #ffffff !important;
}

.normal_font_weight {
    font-weight: normal;
}

.advanced_circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
}

.border_radius {
    border-radius: 5px;
}

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

.input_envelope {
    background: url(/static/img/icon_envelope.png) no-repeat 6px;
    background-size: 24px 20px;
}

.input_key {
    background: url(/static/img/icon_key.png) no-repeat 6px;
    background-size: 26px 38px;
}

.input_phone {
    background: url(/static/img/icon-phone-grey.png) no-repeat 6px;
    background-size: 24px 20px;

}

.input_order {
    background: url(/static/img/icon_order.png) no-repeat 6px;
    background-size: 24px 20px;

}
.small_container {
    width: 347px;
}

.input_feedback {
    padding-left:42px;
}

input.holo {
    padding: 8px 8px 6px 8px;
    position: relative;
    display: inline-block;
    outline: none;
    border: none;
    background: bottom left linear-gradient(#a9a9a9, #a9a9a9) no-repeat, bottom center linear-gradient(#a9a9a9, #a9a9a9) repeat-x, bottom right linear-gradient(#a9a9a9, #a9a9a9) no-repeat;
    background-size: 1px 6px, 1px 1px, 1px 6px;
}

span.holo {
    padding: 8px 8px 6px 8px;
    position: relative;
    display: inline-block;
    outline: none;
    border: none;
    background: bottom left linear-gradient(#a9a9a9, #a9a9a9) no-repeat, bottom center linear-gradient(#a9a9a9, #a9a9a9) repeat-x, bottom right linear-gradient(#a9a9a9, #a9a9a9) no-repeat;
    background-size: 1px 6px, 1px 1px, 1px 6px;
}

input.holo_blue {
    padding: 8px 8px 6px 8px;
    position: relative;
    display: inline-block;
    outline: none;
    border: none;
    background: bottom left linear-gradient(#0099cc, #0099cc) no-repeat, bottom center linear-gradient(#0099cc, #0099cc) repeat-x, bottom right linear-gradient(#0099cc, #0099cc) no-repeat;
    background-size: 1px 6px, 1px 1px, 1px 6px;
}

input.holo:hover, input.holo:focus {
    background: bottom left linear-gradient(#0099cc, #0099cc) no-repeat, bottom center linear-gradient(#0099cc, #0099cc) repeat-x, bottom right linear-gradient(#0099cc, #0099cc) no-repeat;
    background-size: 1px 6px, 1px 1px, 1px 6px;
}

.circle_orders {
    background-color: orange;
}

.circle_leads {
    background-color: blue
}

.circle_sales {
   background-color: green;
}

.legend {
    text-align: left;
    line-height: 18px;
    color: #555;
}

.medium_line_height {
    line-height: 10px;
}

.negative_margin_top {
    margin-top: -18px;
}

.small_negative_margin_top {
    margin-top: -5px;
}

.large_negative_margin_left {
    margin-left: -10px;
}

.x_large_negative_margin_left {
    margin-left: -15px;
}

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

.large_line_height {
    line-height: 15px;
}

.x_large_line_height {
    line-height: 24px;
}

.xx_large_line_height {
    line-height: 48px;
}

/* Online booking wizard */
.vertical_block {
    border-left: 1px solid #E9EBEC;
    border-right: 1px solid #E9EBEC;
    margin-top: -18px;
    height: auto !important;
}

.middle_block {
    border-left: 1px solid #E9EBEC;
    border-right: 1px solid #E9EBEC;
    margin-top: -18px;
    height: auto;
}

.panel_heading {
    width: 100%;
    height: 50px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    cursor: pointer;
}

.panel_heading a:hover {
    text-decoration: none;
}

.panel_number {
    border-radius: 4px;
}

.web_navlinks {
    display: block;
    visibility: visible;
}

.disable_element{
    pointer-events: none;
}

.nav_links {
    margin-top: 7px;
}

.small_line_height {
    line-height: 1.2;
}

.medium_line_height {
    line-height: 2;
}

.horizontal_scroll {
    overflow-x: scroll;
}

.vertical_scroll {
    overflow-y: scroll;
}

.no_text_decoration , .no_text_decoration a:hover{
    text-decoration: none !important;
}

.no_top {
    top: 0;
}

.modal_login {
    z-index: 1053 !important;
}


.pull_lg_right {
    margin-left: 30%;
}

.display_none {
    display: none;
}

.z_index_normal {
    z-index: 1049 !important;
}
.z_lg_index {
    z-index: 1053 !important;
}

.mobile_show {
    display: none !important;
}

.lg_width {
    min-width: 125px !important;
}

.ipad_show {
    display: none;
    visibility: hidden;
}

.top_line {
    height: 5px;
    border-top: 1px solid #c3c3c3;
    top: 3px;
    width: 100%;
}

.subtle_line {
    height: 5px;
    border-top: 2px solid #EFEFEF;
    top: 3px;
    width: 100%;
}

.align_right_bottom {
    position: absolute;
    bottom: 160px;
    right: 0;
}

.align_bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.align_right_top {
    position: absolute;
    right: 11px;
    top: 112px;
}

.align_right_bottom_full{
    bottom: 2% !important;
}

.blue_tooltip + .tooltip > .tooltip-inner {
    background-color: #0093d5;
    text-align: left;
}

.blue_tooltip + .tooltip.bottom .tooltip-arrow{
    border-bottom-color: #0093d5;
}

.blue_tooltip + .tooltip.left .tooltip-arrow {
    border-left-color: #0093d5;
}

.tooltip-wide .tooltip {
    width: 200px;
}

.white_tooltip + .tooltip > .tooltip-inner {
    background-color: #ffffff;
    text-align: left;
}

.white_tooltip + .tooltip.bottom .tooltip-arrow{
    border-bottom-color: #D2D2D2;
}

.white_tooltip + .tooltip.left .tooltip-arrow {
    border-left-color: #D2D2D2;
}

.align_text_thankyou_footer {
    margin-top: -10%;
    margin-right: 16%;
}

.align_text_thankyou_header {
    margin-bottom: -9%;
    margin-right: -15%;
}

.large_text_box {
    height: 50px !important;
}

.row_center {
    text-align:center;
}

.col_center {
    display:inline-block;
    float:none;
    text-align:left;
    margin-right:-4px;
}

.editable_content:read-write:focus {
    outline: none;
    border: solid;
    border-width: thin;
    border-color: lightgrey;
    padding: 4px;
    border-radius: 3px;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-blue {
        background-image: url(/static/img/blue@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* Media Queries */

@media (max-width: 768px){
    .mobile_no_margin {
        margin: 0 !important;
    }

    /*todo: find the usages and make it to use mobile full width*/
    .small_container {
        width: 100%;
    }

    .x_large_margin_left {
        margin-left: 28px !important;
    }

    .mobile_full_width {
        width: 100%;
    }

    .mobile_only_no_padding {
        padding: 0;
    }

    .mobile_border_hidden {
        border-left: 0;
    }

    .text_xxx_small {
        font-size: 6px !important;
    }

    .text_xx_small {
        font-size: 8px !important;
    }

    .text_x_small {
        font-size: 10px !important;
    }

    .text_small {
        font-size: 13px !important;
    }

    .text_medium {
        font-size: 16px !important;
    }

    .text_large {
        font-size: 22px !important;
    }

    .text_x_large {
        font-size: 24px;
    }

    .text_xx_large {
        font-size: 26px !important;
    }

    .navbar-nav {
        margin-top: 30px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #428bca;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }

    .header_menu_analytics {
        min-height: 392px;
    }

    .mobile_nav_links {
        display: block;
        visibility: visible;
    }

    .web_navlinks {
       display: none;
       visibility: hidden;
    }

    .ui-autocomplete {
        z-index: 9999;
        width: 210px;
        display: inline-block;
    }

    .no_border {
        border-color: #ffffff !important;
    }

    .navbar-toggle {
        margin-top: 11px;
        padding: 9px 10px;
    }

    .header_menu {
        float: left !important;
        margin-top: 33px;
    }

    .medium_image {
        width: 40px;
    }

    .small_image {
        width: 33px;
    }

    .banner_content_image {
        width: 100px;
    }

    .logo {
        width: 84px;
        height: 65px;
    }

    .logo img {
        width: 73%;
        margin-top: 7px;
        margin-left: 0 !important;
    }

    .vertical_block {
        min-width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        height: auto !important;
    }

    .totals {
        padding-left: 17px;
    }

    .mobile_text_left {
        text-align: left;
    }

    .online_booking_logo {
        display: none;
    }

    .horizontal_line {
        margin-top: 7px;
    }

    .btn_buy {
        padding-left: 30px;
        padding-right: 30px;
    }

    .panel_info_left {
        margin-top: -18px;
        margin-left: 13px;
    }

    .panel_info_right {
        margin-top: -25px;
    }

    .mobile_margin_right {
        margin-right: -19%;
    }

    .mobile_hidden {
        display: none;
    }

    .mobile_show {
        display: block !important;
    }

    .mobile_small_negative_margin_right {
        margin-right: -5px;
    }

    .btn_welcome_page {
        width: 60%;
    }

    .btn_refresh {
        min-width: 60px !important;
        min-height: 35px !important;
    }

    .mobile_default_col_padding {
        padding: 15px !important;
    }

    .mobile_medium_margin {
        margin: 10px !important;
    }

    .mobile_no_padding {
        padding: 0 !important;
    }

    .mobile_spacer {
        padding: 10px 0;
    }

    .mobile_small_spacer {
        padding: 5px 0;
    }

    .mobile_tiny_spacer {
        padding: 2px 0;
    }

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

    .mobile_tiny_padding_top {
        padding-top: 1px !important;
    }

    .mobile_tiny_padding_bottom {
        padding-bottom: 1px !important;
    }

    .mobile_small_padding_bottom {
        padding-bottom: 5px !important;
    }
}

/* Media Query for banner footer */
@media (max-width: 800px){
    .partner_centers {
        margin-left: 10px;
    }

    .banner_footer {
        bottom: 5px;
        padding-left: 0px;
    }

    .landing_banner_footer .banner_footer {
        position: relative;
    }

    .btn_welcome_page {
        width: 60%;
    }
}

/* Media Query for partner dashboard */
@media (max-width: 991px){

    .btn_welcome_page {
        width: 60%;
    }

    .btn_buy {
        padding-left: 30px !important;
        padding-right: 30px !important;
        /*display: none;*/
    }

    .review_tab {
        margin-left: 124px !important;
    }

    .tab_container {
        width: 100%;
    }

    .spinner {
        left: 58% !important;
    }

    .partner_center_logo {
        visibility: hidden;
        display: none;
    }

    .text_table_content {
        font-size: 20px;
    }

    .small_container {
        width: 100%;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .ipad_show {
        display: block !important;
        visibility: visible !important;
    }

    .ipad_hidden {
        display: none !important;
        visibility: hidden !important;
    }

    .text_xxx_small {
        font-size: 12.666px !important;
    }

    .text_xx_small {
        font-size: 12px !important;
    }

    .text_x_small {
        font-size: 13.333px !important;
    }

    .text_small {
        font-size: 16px !important;
    }

    .text_medium {
        font-size: 18px !important;
    }

    .text_large .mobile_large_text {
        font-size: 20px !important;
    }

    .text_x_large {
        font-size: 26px !important;
    }

    .text_xx_large {
        font-size: 31.333px !important;
    }
}

@font-face {
    font-family: 'icomoon';
    src:url('/static/fonts/icomoon.eot?2chtnd');
    src:url('/static/fonts/icomoon.eot?2chtnd#iefix') format('embedded-opentype'),
        url('/static/fonts/icomoon.ttf?2chtnd') format('truetype'),
        url('/static/fonts/icomoon.woff?2chtnd') format('woff'),
        url('/static/fonts/icomoon.svg?2chtnd#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon_"], [class*=" icon_"] {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.text_color_light {
    color: #969FAA;
}

.font_weight_bold {
    font-weight: 900;
}

.font_weight_medium {
    font-weight: 700;
}

.font_weight_regular {
    font-weight: 400;
}

.font_weight_thin {
    font-weight: 300;
}

.icon_credit_card:before {
    content: "\e900";
}
.icon_nabl:before {
    content: "\e901";
}
.icon_parking:before {
    content: "\e902";
}
.icon_reports:before {
    content: "\e903";
}
.icon_wheel_chair:before {
    content: "\e904";
}

.breadcrumb > li + li:before {
    color: #ccc;
    content: "\00BB";
    padding: 0 5px;
}

.dashboard_breadcrumb{
    background-color: #f9f9f9 !important;
    padding: 15px 15px;
}

.customer_breadcrumb{
    background-color: #F1F2F6 !important;
    padding: 15px 15px;
}

.white_overlay {
    background-color: #FFFFFF;
    opacity: 0.1;
    cursor: default;
    pointer-events: none;
}

/* Cursor CSS for typed js */
.typed-cursor{
opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    max-width: 180px;
    margin-top: -6px;
    margin-right: -1px;
}

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

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

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

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

.dropdown-menu-right {
    margin-left: 0;
}

.light_text {
    font-weight: 200;
}

.scroller {
    overflow-y: scroll;
    height: 500px;
}




/* DoctorC React modal styles */
.doctorc_modal .text_xx_large{
    font-size: 24px !important;
}
.doctorc_modal .text_x_large{
    font-size: 22px !important;
}
.doctorc_modal .text_large{
    font-size: 18px !important;
}
.doctorc_modal .text_medium{
    font-size: 16px !important;
}
.doctorc_modal .text_small{
    font-size: 13px !important;
}
.doctorc_modal .text_x_small{
    font-size: 10px !important;
}
.doctorc_modal .text_xx_small{
    font-size: 10px !important;
}
.doctorc_modal .bg_color_gray {
    background-color: #8790A0;
}

.doctorc_modal .bg_color_red {
    background-color: #ff4949 !important;
}

 .skylight-dialog h2 {
     display: none !important;
 }

/* Partner Dashboard reusable styles*/

.right_align_text{
    text-align: right;
}

.align_center{
    alignment: center;
}

.submit_button_width{
    width:150px;
}

.font_size_l {
    font-size: 24px;
}

.font_size_m {
    font-size: 16px;
}

.font_size_s {
    font-size: 13px;
}

.font_size_xs {
    font-size: 10px;
}