.cutom-modal-2{
    margin-top: 4% !important;
    margin-bottom: 4% !important;
    padding: 30px 15px !important;
}
.modal-2-head{font-size: 20px;
color: #fff;
}
/* .modal-2 .modal-dialog {
    width: 600px !important;
    margin: 30px auto !important;
} */
label {
    font-weight: 600
}
h2{font-size:24px}
#footer {
    padding: 15px 5px;
    background-size: 100% 150px;
    background-position: bottom
}

#header .k-menu {
    background-color: #e8f3f9
}

#footer p {
    margin-bottom: 0px
}

#header .k-menu .k-item> a {
    text-decoration: none;
    color: #444
}

#header .k-rpanel .k-menu>.k-item>.k-link {
    line-height: 2.3em
}

#header .k-menu>.k-item>.k-link {
    padding: 0.651em 0.987em
}

#header .k-menu .k-item.active>.k-link {
    color: #f38c2a;
    font-weight: bold
}

#header .k-menu .k-item.profile>.k-link {
    color: white;
    background: #f38c2a;
    font-weight: bold
}

#header .k-menu .k-item.profile > .k-animation-container {
    right: 0;
    left: auto !important
}

.k-rpanel-toggle {
    float: left;
    margin: 10px 0 10px 10px;
    border: none;
    background: none transparent
}

.k-menu .k-image {
    margin: 0
}

#main-wrapper {
    margin-top: 46px
}

#sidebar {
    width: 80px
}

#main-section {
    padding: 10px 15px 15px 15px
}

.dash_wrapper {
    background-color: #fff
}

.dash_block {
    margin-bottom: 10px !important
}

.dash_block h4.k-link {
    margin-bottom: 0;
    color: #f38c2a
}

.dash_block h4.k-state-selected {
    box-shadow: none;
    background-color: #fafafa
}

.dash_block h4.k-state-hover {
    background-color: #e8f3f9
}

.dash_block .k-panel .k-link {
    line-height: 2.9em
}

.page_title {
    margin-top: 5px;
    font-size: 1.5em;
    margin-bottom: 11px
}

.form_wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #ddd;
    background-color: #fafafa
}

.form_default {
    padding-top: 2px;
    padding-bottom: 2px
}

.form_default > .form-group {
    margin-bottom: 5px
}

.form_default li {
    list-style: none;
    padding-bottom: .7em;
    text-align: left
}

.form_default label {
    display: block;
    margin-bottom: 0.6em;
    margin-top: 0.6em
}

.form_default .k-treeview-lines label.k-checkbox-label {
    display: inline-block
}

.k-treeview .k-in {
    line-height: 1em
}

.form_default .k-input,
.form_default .k-select,
.form_default .k-textbox,
.k-treeview .k-in,
.form_default .k-textarea,
.form_default label,
.form_default .control-label-static,
.form_default .k-list-scroller {
    font-size: 15px
}

.form_default .control-label-static {
    line-height: 2.7em
}

.editable-wrap .form-group {
    margin: 0
}

.form_default input {
    width: 100%
}

.form_default .k-radio-label {
    font-weight: normal;
    display: inline-block;
    padding-right: 1rem
}

.k-widget.k-tooltip-validation {
    border-color: transparent;
    background-color: transparent;
    color: #ff425d;
    padding: 9px 0
}

.ng-touched.ng-invalid-required,
.ng-touched.ng-invalid-required .k-state-default {
    border-color: red
}

.alertBlock {
    position: absolute;
    left: 100%;
    top: 5px;
    width: 65%
}

.alertBlock .error {
    color: red
}

.alertBlock .success {
    color: green
}

.alertBlock .error::before {
    content: "\e08b";
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    margin-right: 5px
}

.alertBlock .success::before {
    content: "\e080";
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    margin-right: 5px
}

.k-edit {
    position: absolute;
    right: 0
}

.k-multiselect-wrap li span {
    margin-right: .1em
}

.k-multiselect-wrap .k-button {
    text-transform: capitalize
}

.form_default .status {
    padding: 7px 10px
}

.form_search {
    margin-bottom: 20px
}

.form_search label {
    display: block;
    margin-bottom: 0.2em
}

.k-textbox>input,
input.k-textbox,
select.k-textbox,
.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input,
.k-selectbox .k-input {
    line-height: 2.214em;
    padding: 2px .3em;
    height: auto;
    border: 1px solid #dcdcdc;
}

.k-textbox.sm>input,
input.k-textbox.sm,
select.k-textbox.sm,
.k-autocomplete .k-input.sm,
.k-dropdown-wrap .k-input.sm,
.k-numeric-wrap .k-input.sm,
.k-picker-wrap .k-input.sm,
.k-selectbox .k-input.sm {
    height: 2em;
    line-height: 2em
}

.editable-wrap .k-dropdown {
    border: none
}

.k-dropdown-wrap .k-input span,
.k-popup .k-list .k-item span.flag {
    display: inline-block
}

.form_default .k-dropdown-wrap .k-input span+span,
.k-popup .k-list .k-item span+span {
    position: relative;
    top: -2px
}

.k-dropdown-wrap .k-input span.flag,
.k-popup .k-list .k-item span.flag {
    width: 20px;
    height: 15px
}

.k-popup .k-list .k-item span.flag {
    margin-right: 5px
}

.required:after {
    content: "*";
    color: red
}

.radioList label {
    display: block
}

.checkbox-inline label,
.radio-inline label {
    display: inline-block;
    margin-right: 10px;
    padding-left: 25px
}

.tableCustom .radioList label.k-radio-label::before {
    width: 14px;
    height: 14px
}

.k-dropdown.k-textbox {
    border: none
}

.ExchangeBlock {
    padding: 1em;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ddd;
    margin: 2em auto;
    text-align: center
}

.ExchangeBlock h4 i {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

.ExchangeBlock h2 {
    color: #444d50;
    font-size: 1.5em
}

.ExchangeBlock h2 span {
    color: #f38c2a;
    font-size: 1.5em
}

.ExchangeBlock h4 {
    color: #35b5da
}

.ExchangeBlock p {
    color: #aaa
}

.k-treeview .k-checkbox {
    display: inline
}

.k-treeview input.k-checkbox+label {
    margin-top: 0em;
    margin-bottom: 0em
}

.k-treeview span.k-in.k-state-hover {
    background-color: transparent
}

.form_default .img-thumbnail {
    padding: 2em;
    margin-top: 1em
}

.k-button-sm {
    padding: 7px 10px;
    font-size: 12px
}

.k-checkbox:indeterminate+.k-checkbox-label:after {
    top: 4px;
    left: 4px
}

.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input,
.k-selectbox .k-input,
.k-textbox>input {
    text-indent: .3em
}

.alpha {
    padding: 10px;
    margin: 0;
    display: table;
    width: 100%;
    border: 1px solid #ddd
}

.alpha a {
    display: table-cell;
    color: #aaa;
    text-transform: uppercase;
    text-align: center;
    width: 1%;
    padding: 3px
}

.login,
.login body {
    height: 100%
}

.main_logo {
    width: 230px;
    margin: 2em 0 0.5em 0
}

.login body {
    text-align: center;
    background: url('../img/bg.jpg') no-repeat #e8f3f9;
    background-size: 100% auto;
    background-position: bottom
}

.login_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flow-direction: column;
    height: calc(100% - 130px)
}

.login_block {
    margin: auto
}

.login_content {
    padding: 10px 20px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #ddd;
    border: 1px solid #ddd;
    text-align: left
}

.dash_wrapper,
.dash_wrapper *,
.k-animation-container,
.k-animation-container *,
.k-animation-container:after,
.k-block .k-header,
.k-list-container,
.k-widget,
.k-widget *,
.k-widget:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dash_block .dash_count {
    display: inline-block;
    float: right;
    color: #35b5da;
    font-weight: bold
}

.k-header.k-grid-toolbar {
    background-color: #fff;
    color: #444
}

.k-panelbar .k-content.panel_content {
    padding: 1em;
    line-height: 1.8em;
    background-color: #fff
}

.tab_content {
    min-height: 400px
}

.tab_content *,
.k-widget * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.k-tabstrip-wrapper {
    box-shadow: 0px 0px 4px #ddd
}

.k-tabstrip .k-content.tab_content {
    background-color: #fafafa;
    padding: 1em;
    line-height: 1.8em;
    overflow-x: hidden;
    border: 1px solid #ddd
}

.k-panel>.k-item>h4.k-link,
.k-panelbar>.k-item>h4.k-link {
    line-height: 2.1em
}

.k-tabstrip-left {
    background-color: #fff
}

.k-tabstrip-left .k-tabstrip-items .k-link {
    padding-top: 1.8em;
    padding-bottom: 1.8em
}

.k-tabstrip-left>.k-tabstrip-items>.k-item.k-state-active,
#leftTabstrip.k-tabstrip-left>.k-tabstrip-items .k-item:focus {
    border-bottom-width: 0;
    border-right: 2px solid #f38c2a
}

#leftTabstrip.k-tabstrip-left>.k-tabstrip-items .k-item:focus .k-link,
#leftTabstrip.k-tabstrip-left>.k-tabstrip-items .k-item:focus {
    color: #f38c2a;
    outline: none
}

.k-tabstrip .k-tabstrip-items {
    background-color: #fff
}

.k-tabstrip-items .k-item {
    background-color: transparent;
    border-bottom-color: transparent
}

.k-tabstrip-items .k-state-default .k-link {
    color: #555
}

.k-tabstrip-items .k-item.k-state-hover {
    background: #fafafa;
    border-bottom-color: transparent;
    border-top-color: #fafafa
}

.tabNav.k-tabstrip>.k-content {
    display: block
}

.k-grouping-header {
    height: 2em;
    padding: .129em .2em;
    line-height: 1.7em
}

.k-grouping-header .k-group-indicator {
    padding: .2em .15em .2em .4em;
    font-size: 0.87em
}

.k-filter-row th,
.k-grid-header th.k-header {
    padding: .386em .286em;
    border-left: none
}

.k-grid td {
    padding: 8px;
    line-height: 1.3em;
    font-size: 0.95em;
    border-left: none !important;
    font-size: 14px;
    color: #666666;
    border-color: #dddddd
}

.k-grid .k-grouping-header {
    color: #000;
    background-color: #f9f9f9
}

.k-grid .k-header .k-button {
    padding: 0.5em 0.6em
}

.k-grid .k-header .k-toolbar-btn {
    background-color: #fff;
    border-color: #ddd;
    color: #555;
    font-size: 0.8em
}

.k-grid .k-header .k-toolbar-btn:hover {
    background-color: #fff;
    border-color: #f38c2a;
    color: #f38c2a
}

.k-panelbar .k-tabstrip-items .k-state-active,
.k-tabstrip-items .k-state-active {
    background-image: none;
    border-bottom-color: #f38c2a
}

.k-panelbar .k-tabstrip-items .k-state-active>.k-link,
.k-tabstrip-items .k-state-active>.k-link {
    color: #f38c2a;
    background: #fff
}

.k-widget {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.k-datepicker .k-input,
.k-timepicker .k-input {
    background-color: #fff
}

.k-grid .k-grid-toolbar .k-textbox>input,
.k-grid .k-grid-toolbar input.k-textbox,
.k-grid .k-grid-toolbar select.k-textbox {
    height: inherit;
    line-height: 1.8em
}

.k-grid-toolbar .k-dropdown-wrap .k-input {
    height: inherit;
    line-height: 1.8em;
    padding-right: 0.5em;
    text-align: left
}

.k-grid-toolbar .k-dropdown-wrap .k-select,
.k-grid-toolbar .k-numeric-wrap .k-select,
.k-grid-toolbar .k-picker-wrap .k-select {
    min-height: inherit;
    line-height: 1.8em;
    border-left: 1px solid #ddd
}

.k-grid-header .k-header-column-menu {
    padding: .714em 0;
    margin: -.786em -0.2em -.786em 0
}

.k-textbox .k-icon {
    top: 50%;
    margin: -8px 0 0;
    position: absolute
}

.k-grid tr:hover {
    background-color: #fafafa
}

.tableCustom > thead > tr > th,
.tableCustom > tbody > tr > td {
    vertical-align: top;
    padding: 8px 5px
}

.tableCustom > thead > tr > th {
    border-bottom: 2px solid #f38c2a
}

.tableCustom > tbody > tr > td {
    border-bottom: 1px solid #ddd
}

.tableCustom > tbody > tr > td > a {
    color: #f38c2a
}

.tableCustom > thead > tr > td > a:hover > i {
    text-decoration: none
}

.k-grid {
    border: none
}

.k-grid thead th.k-header {
    background-color: #687580 ;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px;
    border: none
}

.k-grid thead th.k-header a.k-link {
    color: #fff
}

.k-grid thead .k-filter-row .k-icon.k-i-filter::before {
    content: "\e13e"
}

.k-grid thead .k-filter-row .k-autocomplete .k-input {
    line-height: 25px;
    border: 1px solid #e8e8e8
}

.k-pager-wrap input.k-textbox {
    height: 1.98em;
    line-height: 1.8em
}

.k-pager-wrap .k-dropdown-wrap .k-select,
.k-pager-wrap .k-numeric-wrap .k-select,
.k-pager-wrap .k-picker-wrap .k-select,
.k-pager-wrap .k-dropdown-wrap .k-input {
    line-height: 1.6em;
    height: 1.8em
}

.k-pager-sizes {
    margin-top: 2px
}

.k-pager-wrap>.k-link {
    height: 1.9em;
    line-height: 1.7em
}

.k-pager-info {
    padding: .314em 1.333em .343em 1.333em
}

.k-popup.k-list-container {
    margin-top: 10px
}

.k-popup.k-list-container::before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: -20px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #fff
}

.tab-content-new {
    padding: 20px;
    border-radius: 0 0px 20px 20px;
    border: 1px solid #ddd;
    float: left;
    width: 100%
}

.border {
    margin-bottom:30px;
    border: none;
    border-radius: 0;    
     -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); 
}

.k-filtercell > span {
    padding-right: 2.714em
}

.k-filter-row .k-dropdown-operator {
    right: 0
}

.k-animation-container {
    width: 220px !important
}

.k-animation-container .k-list-container {
    width: auto !important;
    min-width: 175px !important
}

.k-popup.k-list-container::before {
    left: 0;
    right: auto
}

.k-button,
.k-toolbar .k-button {
    padding: 5.5px 14px
}

.k-filtercell > span > .k-button {
    top: 2px
}

.side_margin .k-grid {
    width: 100%
}

.k-autocomplete .k-i-loading {
    bottom: 7px;
    right: 7px
}





#birth_day .text-blue{font-weight: bold;}
#birth_day .input-group{margin-top:0}
.border_btm {    border-bottom: 1px solid #eee;    padding-bottom: 5px;    margin-bottom: 10px;}
.btn-border{border:1px solid #F78000;color:#F78000}
.btn-border:hover{background:#F78000;color:#fff;}
.btn-border.btn-small{padding:1px 10px;}
.right_cp hr {margin-top: 5px;    margin-bottom: 0px;display: inline-block;    width: 100%;}
.border_comp2 {    border: none !important;   padding: 0;}
.border_comp2 h5{margin-bottom:5px;}
.border_comp2 .help-block{    margin-bottom: 20px;line-height: 16px;}
.acc_over .tab-content{padding:0 }
.acc_over h4.text-blue{color:#666666 !important}
.right_cp label b{color:#0c77bd}
.play-ico i{    font-size: 36px;    vertical-align: middle;    float: left;    padding-right: 10px;}	
.btn-grey{background:#dad3da !important;border-color:#989798 !important}
.btn-grey:hover{background:#acacac !important;border-color:#acacac !important}
.add_ico i{    font-size: 36px;    vertical-align: middle;    margin-right: 10px;}
.birth_day .btn-blue_dark{padding:6px 30px}
.dark_border hr{border-color:#acacac  !important}
#birth_day .right_cp hr{float:left;margin: 5px 0px 10px; !important}
.badge_btn .badge{border-radius:0;font-size:14px;background:#dcdcdc;padding:4px 6px;margin-right:10px;color:#747373}
.badge_btn .glyphicon-remove-sign{color: #ff5f69;    margin-right: -15px;    top: -10px;}
.right_cp .dropdown-menu .active a label,.right_cp .dropdown-menu .active a:focus label,.right_cp .dropdown-menu .active a:hover label{color:#fff}
.right_cp .dropdown-menu  a label input{margin-top:4px !important}
.right_cp .dropdown-menu{max-height:200px;overflow-y:auto;}
.acc_over .right_cp .btn-blue_dark {    padding: 6px 30px;}
.plan_large{background: #f1f1f1; padding:15px;}
.plan_large .border{margin:0;}
/*****************css   calender***************/
 .ui-datepicker .ui-datepicker-prev-hover{left:2px;}
 .ui-datepicker .ui-datepicker-next-hover {    right: 2px;}
 .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top:2px; }
 .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e { background-position: -48px -192px !important;}
 .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w { background-position: -80px -192px !important;}
 .ui-datepicker-prev .ui-icon{background:url("../../../app/assets/images/ui-icons_ffffff_256x240.png") !important}
.ui-datepicker-next .ui-icon{background:url("../../../app/assets/images/ui-icons_ffffff_256x240.png")!important}
 .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a{background:#0e76bd!important;color:#fff;}
.ui-datepicker .ui-datepicker-header{background:#0e76bd}
#advanced_schedule_calendar .ui-datepicker .ui-datepicker-title{color:#fff}
 .ui-datepicker-inline{background:#f1f1f1;    border-color: #0e76bd !important;}
 .ui-datepicker th{color:#0e76bd}
 .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,  .ui-button:hover, .ui-button:focus{ 
   border: 1px solid #29a8df;    background: #29a8df;    font-weight: bold;    color: #ffffff;}
.ui-datepicker-trigger{top:7px}
.ui-widget.ui-widget-content{background:#f1f1f1;border-color:#0e76bd }
#noti_btn{position: absolute;}
.noti_list ul::before { content: ""; background: url(../images/tri.png) no-repeat left top;font-family: 'FontAwesome';
position: absolute; top: -13px; right: 10px;  width: 17px;    height: 17px;}
.noti_list .on_btn{position:absolute;left:auto;margin: 2px 0 0; font-size: 14px;    text-align: left; min-width: 310px; list-style: none;background-color:#fff;z-index:1000;max-width: 400px; padding: 0px 0 0 0;right:-36px;
border: 1px solid #e6e9ee;    top: 8px;}
.noti_list .on_btn li{font-weight: bold; padding: 6px 20px;color: #36474e;font-size: 16px; margin: 0 0px;  text-transform: capitalize !important;}
.noti_list .on_btn li a {font-weight: 400;    display: block; color: #869193 !important;padding: 0;font-size: 16px;
text-transform: capitalize;    line-height: 20px;  white-space: inherit;}
.noti_list .on_btn li:hover,.noti_list .on_btn li:focus{background-color: #f4f4f4;}
.on_btn h4{margin-top:5px; margin-bottom:1px; color:#869193; font-size: 14px; }
.on_btn h5{margin:0;color:#b8b7b7; font-size:77%; }
.sub-menu .tags{color:#999}
.sidebar-brand .fa-long-arrow-left{    margin-right: 20px;}
.sub-menu .tags:hover,.sub-menu .tags:focus{background:transparent;color:#ddd}
.circle-noti{border: 1px solid red;
    min-width: 10px;
    padding: 3px 3px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 16px;
    background: red;
    border-radius: 3px;
    font-size: 10px;
    color: #fff;
    line-height: 9px;
    text-align: center;}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(92,92,92,.3);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/************end css calender ****************/
h1.feature {
    font-size:61px;
    line-height: 82px;
    color: #fff;
    margin-bottom: 0px;
}
/*  custom 09-04-18 */
.drop-time{ line-height: 20px; color: #f6191e !important; padding-left: 20px; font-weight: normal; font-size: 16px; text-transform: capitalize; }
.quik_header{ padding-right:0 !important; }
.quik_header li.dropdown ul.dropdown-menu { min-width: 226px; }
/*.quik_header .fa-bell{ color: #29a8df;font-size: 25px; }*/
/*.noti_list { padding-bottom: 0 !important; }*/
.no-padding-lr{padding-left:0;padding-right:0}
.noti_list .dropdown-menu{top: 56px; right:9px !important; }
.noti_list .on_btn li.more_options{ background-color: #f8f8f8; }
.noti_list .on_btn li.more_options a{ color: #2ea7df !important; font-size: 13px; text-transform: uppercase; padding: 8px 0px; }
.noti_list .on_btn li.more_options a:hover, .noti_list .on_btn li.more_options a:focus{ color: #e6ad13 !important; }

/**********new steps emailtemp css***********/
.b_style1{
    border-top: 1px solid #8c8b8b;
   }
   
   
   .b_style2 {
    border-top: 3px double #8c8b8b;
   }
   
   .b_style3 {
    border-top: 1px dashed #8c8b8b;
   }
   
   .b_style4 {
    border-top: 1px dotted #8c8b8b;
   }
   
   .b_style5 {
    background-color: #fff;
    border: 2px solid #8c8b8b;
    height: 10px;
   }
   
  .b_style6 {
    height: 10px ;
    border: 0;
    box-shadow: 0 10px 10px -10px #8c8b8b inset;
   }
   
   .b_style7 {
    border-top: 4px double #8c8b8b;
    text-align: center;
   }
   .b_style7:after {
    content: '\002665';
    display: inline-block;
    position: relative;
    top: -15px;
    padding: 0 10px;
    background: #f0f0f0;
    color: #8c8b8b;
    font-size: 18px;
   }
   
   .b_style8 { 
       border-top: 1px dashed #8c8b8b; 
     } 
    .b_style8:after { 
       content: '\002702'; 
       display: inline-block; 
       position: relative; 
       top: -12px; 
       left: 40px; 
       padding: 0 3px; 
       background: #f0f0f0; 
       color: #8c8b8b; 
       font-size: 18px; 
     }
   
   .b_style9 {
    border-top: 1px solid #8c8b8b;
    text-align: center;
   }
   .b_style9:after {
    content: '§';
    display: inline-block;
    position: relative;
    top: -14px;
    padding: 0 10px;
    background: #f0f0f0;
    color: #8c8b8b;
    font-size: 18px;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    transform: rotate(60deg);
   }
   
   .b_style10 { 
       height: 30px; 
       border-style: solid; 
       border-color: #8c8b8b; 
       border-width: 1px 0 0 0; 
       border-radius: 20px; 
     } 
   .b_style10:before { 
       display: block; 
       content: ""; 
       height: 30px; 
       margin-top: -31px; 
       border-style: solid; 
       border-color: #8c8b8b; 
       border-width: 0 0 1px 0; 
       border-radius: 20px; 
     }


     .can_cel{background: #d9534f;
        color: #fff;
        padding: 6px 10px;
        border-radius: 20px 0 0 20px;}
    .del_ete{    background: #d9534f;
        color: #fff;
        padding: 6px 10px;
        border-radius: 0px 20px 20px 0px;
        margin-left: -3px;
        border-left: 1px solid;}
.new_border{padding:30px;}
.step_strip{z-index: 0}
.steps_new{padding:30px 0}
.border-step h4{margin-top:20px;font-weight: 600;color:#687580 ;    font-size: 15px;}
.step_strip:hover .w_circle,.step_strip:focus .w_circle,.step_strip2:hover .w_circle,.step_strip2:focus .w_circle,
.step_strip.active .w_circle,.step_strip2.active .w_circle{background:#0e76bd;color: #fff;}
.step_strip:hover i,.step_strip:focus i,.step_strip2:hover i,.step_strip2:focus i,.step_strip.active i,.step_strip2.active i{color:#fff}
.w_circle{height:60px;width:60px;background:#fff;line-height:60px;text-align: center;border-radius: 50%;margin: 0 auto;}
.step_strip:hover h4,.step_strip2:hover h4,.step_strip.active h4,.step_strip2.active h4{color:#474b54}
.w_circle i{color:#687580 ;font-size: 28px;    line-height: 60px;font-weight: 300;}
.step_strip:after{border:3px solid #ddd;content: "";width:100%;position: absolute;top:29px;left: 50%;    z-index: -1;}
.step_strip.active:after{border:3px solid #0e76bd;content: "";width:100%;position: absolute;top:29px;left: 50%;    z-index: -1;}
.modal .btn{border-radius:0}
.step_modal_con .w_circle{width:40px;height:40px;line-height:40px;background:#f1f1f1;font-size:21px;    font-weight: bold;}
.modal .help-block{    color: #aaa;    line-height: 12px;    font-size: 11px;}
.step_modal_con .step_strip.active:after{border: 2px solid #0e76bd;top:19px}
.step_modal_con .step_strip:after{border: 2px solid #ddd;top:19px}
.second_test_con,.third_test_con {margin-top:40px;}
.step_scroll{overflow: scroll;max-height: 250px}
.step_modal1 input{margin-bottom:0}
.step_modal1 .control-group{margin-bottom:10px}
.step_modal1 .help-block{margin:2px 0}
.step_modal1 table tr th{ background: #2ea7df; color: #fff;}
.info_sel{    position: absolute; right: -15px;   top: 5px; font-size: 24px;}
/**************steps border css**********/

.border-step .step_strip.active:last-child:after{border:3px solid #ddd !important;content: "";width:100%;position: absolute;top:29px;left: 50%;    z-index: -1}
.btn-long{padding:8px 40px;margin-top:15px;}
.down_page{z-index: 99999!important;    position: fixed ;   
    /* bottom: 80px;  */
    /* right: 20px; */
     height: 60px ; 
       overflow: hidden!important;    }
.down_page img{width:60px;height:60px;}


.sidebar-nav .form-control{background:#353942;color:#ddd;border-radius: 0;border-color:#353942;box-shadow: none }
.sidebar-nav .fa-long-arrow-left{position: relative;    left: -10px;    color: #fff;}
/* .button_bot{position: fixed;bottom:0px;border-top:1px solid #353942;padding: 10px 15px;} */
.button_bot {
    position: fixed;
 bottom: 0px;
 border-top: 1px solid #353942;
 padding: 8px 15px;
 top: auto;
 left: auto;
 /* right: 0; */
 background: #353942;
 text-align: center;
 width: 250px;
}
.button_bot .btn{padding:5px 10px !important}
.btn-green{background: #1B75BC;border-color:#1B75BC;color:#fff;border-radius: 0;padding:6px 20px}
.btn-green:hover,.btn-green:focus{background: #3891d7;border-color:#3891d7;color:#fff}
.btn-darkgray{background: #4d5667;border-color:#4d5667;color:#fff;}
.btn-darkgray:hover,.btn-darkgray:focus{background: #394150 !important;border-color:#394150;color:#fff}
.btn-grayblack{background: #353942;border-color:#353942;color:#fff;}
.btn-grayblack:hover,.btn-grayblack:focus{background: #353942 !important;border-color:#353942;color:#fff}
.button_bot .btn-darkgray{background: #4d5667;border-color:#4d5667;color:#fff;padding:6px 20px}
.button_bot .btn-darkgray:hover{background: #394150;border-color:#394150;color:#fff}
.bg_icons{background:#2f343a;color:#53585e;font-size:18px;text-align: center;float:left;height:65px;width:100%;line-height: 65px;}
.bg_icons i{font-size:21px;}
/*.logo_cont{margin-bottom:10px;}*/
.padding-5{padding:5px;}
.sidebar-nav > li > a{padding-left:15px;}
.sidebar-brand {padding-left:15px;}
.sidebar-brand a{padding:0 }
.sidebar-nav  li a{clear:both}
.li_title{font-size:80%;font-weight: normal;color:#fff}
.awesome_icons{margin-bottom:5px;margin-top:12px;}
.icon-bottom-text{margin:0}
.common-box { position: relative;margin-bottom:20px}
.left_side_em img{border-radius: 100%;margin-bottom: 20px;}
.left_side_em ul li a{color: #48B5F2;padding:5px;}
.sidebar-nav .common-box:hover .radius_btn,
.sidebar-nav .common-box:hover .remove,
.sidebar-nav .common-box:hover .drag,
.sidebar-nav .common-box:hover .copybtn,
.sidebar-nav .common-box:hover .edit_fa,
.sidebar-nav .common-box:hover .configuration{display: none; }
.common-box:hover .remove,.common-box:hover .radius_btn,.common-box:hover .drag,.common-box:hover .copybtn,.common-box:hover .edit_fa{display: block; }
.view {   display: block;   padding: 10px;   margin-bottom: 10px;    box-shadow: 0 0 4px #f1f1f1;}
.remove{ display:none;   position: absolute;top: -12px;    padding: 5px 7px;  right: 5px;  z-index: 10; text-transform: capitalize;}
.radius_btn{ display:none;   position: absolute;top: -43px;    padding: 5px 7px;  right:0px;  z-index: 10; text-transform: capitalize;}
.drag { display:none;    position: absolute;        top: -12px;    right: 32px;     padding: 5px 7px;  cursor: pointer;    text-transform: capitalize;}
.copybtn {display:none;  position: absolute; top: -14px; right: 64px; white-space: nowrap;  opacity: 0.2;  z-index: 10;}
.configuration {display:none;  }
.edit_fa{display:none;     position: absolute;    top: -14px;    right: 35px;    white-space: nowrap;    opacity: 0.2;}
.sub-menu{padding:0}
.main_sidebar .configuration,.main_sidebar .copybtn, .main_sidebar .remove,.main_sidebar .radius_btn,.main_sidebar .edit_fa{display:none}
.main_sidebar .view{display:none}
.spacer-40{height:40px;width:100%;}
.sub-menu .form-control{margin-bottom:5px;}
.devider{height:1px ;background:#ddd;width:100%;margin:10px 0}
.vid_temp{width:150px ; height:150px;line-height:178px;background:#f1f1f1;text-align: center;}
.vid_temp i{font-size:40px;}
.main_container_div .preview { display: none; }
.border .main_container_div  { min-height:250px; }
.style_text span{background: #353942;color: #ddd;width: 25px;height: 25px;text-align: center;display: inline-block;font-size: 12px;line-height: 25px;}
.action_img i{color:#676c72}
.sidebar-brand a.pull-right{margin-right:10px;font-size: 13px;}
.main_cont_header,.main_cont_footer{background:#f1f1f1;min-height:80px;padding:20px;}
.main_cont_body{border:1px solid #ddd;min-height:420px;padding:20px 20px ;margin:10px 0}
.hist_icon,.cal_icon{position:absolute;bottom: 20px;    right: 25px;}
.email_com{    width: 100%;color:#48B5F2 ;   margin-top: 5px;    float: left;}
.title_steps_had{margin-top:0;color:#28485c}
.border-left{border-left:1px solid #ddd}
.need_help{background:#e2edf3;    margin: 15px 0;border:3px dashed #ddd; border-radius: 5px;   padding:30px 10px;text-align: center}
.need_help img{width:150px;}
.need_help p{    line-height: 18px;}
.need_help h3{color:#48B5F2;    margin: 5px 0 5px;}
.view_headimg{position: relative;display: inline-block}
.view_headimg img{width:90px;height:90px;}
.view_headimg span{background:rgba(0,0,0,.5);position: absolute;border-radius:100%;top: 29%;left: 22px;width: 40px;height: 40px;line-height: 44px;text-align: center;}
.view_headimg span i{font-size:20px;color:#fff}
.view_headimg span{display:none}
.view_headimg:hover span{display:block;}
.form_steps p{margin:0}
.p-l-0{padding-left:0}
.p-r-0{padding-right:0}
.icon-action{background:#f1f1f1;border-radius:100%;font-size:15px;font-size: 12px;    width: 24px;    height: 24px;    line-height: 24px;    text-align: center;}
.icon-action:hover,.icon-action:focus{color:#fff;background:#1B75BC}
/* .steps_custom{margin-top:5px;} */
.steps_custom table >tbody>tr:nth-of-type(odd){background:transparent}
.steps_custom table > tbody > tr:hover {    background-color: transparent;box-shadow: 1px 0px 16px #ddd;}
.steps_custom .dp_flex .k-icon{vertical-align: middle;width: 30px;height: 30px; line-height: 30px;color:#818d99;   background: #ddd; border-radius: 100%; float: left;}
.steps_custom .dp_flex .k-icon:hover{background:#0e76bd;color:#fff}
.steps_custom .dp_flex .k-grid-delete{margin:0}
.steps_custom  tr th.k-header{background:#687580 !important; color: #fff !important;}
.steps_custom tr th label{color: #8e97a1;}
.steps_custom thead{background:transparent}
/* .steps_custom tr td{background:#fff;} */
.steps_custom tr th,.steps_custom tr td{padding:12px 5px !important;   }
.border-bottom{ width: 100%;    float: left;}
.navbar-nav.navbar-right .btn-sm{    padding: 8px 20px;    margin-top: 7px;margin-left: 5px;line-height: initial;}
/* .navbar-nav.navbar-right li a{margin-left:10px;} */
.steps_tabings{margin-top:60px;}
.steps_tabings .nav-tabs li a{
    background:transparent;padding:10px 40px;text-align: center;    text-transform: capitalize;color:#687580 ;border-top:none;border-bottom: none;
    border-right:none;border-left:none;border-radius: 0;border-bottom:1px solid #ddd;font-size:16px;font-weight: bold}
.steps_tabings .nav-tabs li.active a{
    background:#fff;padding:10px 40px;text-align: center;    text-transform: capitalize;color:#29a8df !important;
    border-bottom: none;border-right:1px solid #ddd;border-left:none;border-radius: 0;    border-top: 2px solid #29a8df;font-weight: bold}

input[type=checkbox]:checked::after {    content: "\f00c";    outline: none;    font: normal normal normal 14px/1 FontAwesome;background: #4d5667;    color: #fff;    font-size: 12px;    line-height: 16px;    text-align: center;}
input[type=checkbox]::after {    content: " ";    outline: none;    width: 17px;    height: 17px;    line-height: 17px;    background-color: #fff;    border-radius: 0px;    position: absolute;    border: 1px solid #4d5667;}
input[type=checkbox], input[type=radio] {    margin: 0;    position: relative;     margin-right: 10px;    vertical-align: top;    outline: none;}
.steps_new .pagination>li:first-child>a, .steps_new .pagination>li:first-child>span{margin-right:8px;}
.steps_new .pagination>li:last-child>a, .steps_new .pagination>li:last-child>span{margin-left:8px;}
.steps_new .pagination>li>a:focus,.steps_new .pagination>li>a:hover,.steps_new .pagination>li>span:focus,.steps_new .pagination>li>span:hover {
    color: #23527c; background-color: #fff; border-color: #fff;   box-shadow: 0 0 13px #ddd;  z-index: 99;}
.hed_logo{max-width:200px;    margin-top: 15px;}
.editVideo iframe{width:50%;height:300px}
.edit_side{display:none}
.edit_media_icons i{width:40px;height:40px;line-height:40px;text-align:center;background: #2f343a;color: #53585e;border-radius:100%;font-size:20px}
.bstyle1{background:#555e6f;width:100%;height:15px;}
.bstyle2{background:#555e6f;width:100%;height:15px;border-bottom:2px solid #000;}
.bstyle3{background:#555e6f;width:100%;height:15px;    box-shadow: 0px 0px 3px #333;    border-radius: 1px;}
.bstyle4{background:transparent;width:100%;height:15px;border:2px solid #555e6f}
.bstyle5{background:#555e6f;width:100%;height:21px;    box-shadow:-1px -1px 1px #999;    }
.bstyle6{background:#555e6f;width:100%;height:21px;    box-shadow: -1px -1px 1px #999;    border-radius: 2px;}
.no-radius{border-radius: 0 !important}
.top_h{    position: absolute;    top: 0;    left: 0;    background: #ddd;    padding: 0px 8px;}
.logo_cont .k-widget{width:100%;}
.btn-back{padding: 2px 12px !important; border-radius: 25px; background: #353942;  margin-top: 7px;}
.btn-back:hover,.btn-back:focus{padding: 2px 12px !important; border-radius: 25px; background: #353942;  margin-top: 7px;}
.left_m .modal-body{height:588px;overflow:scroll }
.right_m .modal-body{height:405px;overflow: scroll}
.help-block small.text-red{color:#a94442;font-size:80%;}
.help-block small.text-green{color:#28a745 ; font-size: 80%;}
.edit_img span{    width: 100%;    height: 80px;    border: 2px dotted #ddd;}
.select_side_option { box-shadow: 0 0 6px #29a8df;    }
.vieww{width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    background: #efefef;
    display: inline-block;
    line-height: 30px;}
.form-body .control-group input[type=radio]{margin-right:4px;}
.btn{border-radius:0 !important}
/******** template css***********/
.list_template1{    overflow-y: scroll;    height: 462px;}
.list_template1_in .main_cont_header{    height: 85px;}
.list_template1_in .main_cont_header p{    margin: 0 !important;    font-size: 12px !important;    line-height: 13px !important;    font-weight: normal !important;}
.list_template1_in .footer_div{height:45px;}
.list_template1_in .main_cont_body p{font-size: 12px!important; line-height: 13px !important}
.list_template1_in .main_cont_body image{height:150px !important;}
.list_template1_in .main_cont_body p:nth-child(3),
.list_template1_in .main_cont_body p:nth-child(4),
.list_template1_in .main_cont_body p:nth-child(5){display: none}

.list_template1_in{margin-top:10px;background:#f1f1f1;border-radius: 15px;display: inline-block;position: relative;overflow: hidden;}
.list_template1_in:hover{box-shadow: 0 0 10px #555;;border-radius: 20px;    display: inline-block;position: relative;}
.effect1 .text{position: absolute;text-align: center;top:0;left:0;color:#fff;background: rgba(0,0,0,.5);margin-left:-1500px;width:100%;height:100%;
        transition: margin-left 600ms;border-radius: 15px 15px }
.effect1:hover .text{margin-left:0}
.effect1 .text .btn{margin-top:38%;}
.cross_temp{text-align: right;margin: 0;}
.cross_temp a{color:#fff}
.cross_temp i{width: 50px;height: 50px;background: rgba(0,0,0,.5);font-size: 20px;line-height: 50px;
    text-align: center;}



.file-input-wrapper {width: 100%;height: 80px; overflow: hidden; position: relative;  margin-top:5px;}
.file-input-wrapper > input[type="file"] {font-size: 200px;position: absolute;top: 0;right: 0;opacity: 0;}
.file-input-wrapper > .btn-file-input {display: inline-block; width: 100%;height: 80px;  border:2px dotted #ddd;background:none;}
.file-input-wrapper:hover > .btn-file-input {  background:none;    border:1px solid #ddd}
.fix_btn .btn{margin-left:5%}
 .font-stl .bg-grey{background:#353942;font-family: 'oxygenregular';width:24px;height: 24px;color:#fff;line-height: 24px;text-align: center;font-size: 12px;margin-bottom:8px}
.previewModal .modal-lg {    width: 100%;    margin: 0 }
.previewModal{background:url('../../../app/assets/images/black.jpg') !important}
.previewModal .modal-content{background:transparent;box-shadow: none;border:none}
.previewModal .modal-header{background: none;    padding-bottom: 20px;}
.previewModal .modal-dialog.modal-lg{    margin-top: -30px;}   
.modal .modal-header {    background-color: #687580;}
.modal .modal-header h4{color: #FFFFFF;    font-size: 21px;  margin-top:10px;  margin-bottom: 10px;}
.modal .modal-body h3{color: #1a75be;    margin: 10px 0;font-size: 18px;    font-weight: bold;}
.zap-box h1{color:#fff}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary
{background:#687580  !important;border-radius: 0;}
.bootstrap-switch{border-radius: 0 !important}
.icon_wrap .glyphicon {vertical-align: middle}
.icon_wrap a[title="Login Sub User"]{font-size:15px;font-weight: bold}
.help_header .glyphicon-question-sign{color:#0c77bd;font-size: 18px;}

 /* #aside .nav li.dropdown:hover ul.dropdown-menu .in_menu_drop {display:block} */
/* .modal_mobile .modal-bodymobile {  padding:0;   height: 405px;      overflow: scroll;}
.modal_mobile .main_cont_header,.modal_mobile .main_cont_footer{height:40px;}
.modal_mobile .main_cont_header{min-height:40px;height:40px;}
.modal_mobile .hed_logo{height:40px;}
.modal_mobile .right_m{height:500px;}
.modal_mobile .in_mobile_modal{height:355px;}
.modal_mobile .modal-bodymobile{height:359px;}
.modal_mobile .main_cont_body{min-height: 190px!important;}
.modal_mobile .main_cont_header p span{color:#000}
.footer_modal img{width:100%;height: 124px;}
.footer_modal{padding:0}
.android_phone .main_cont_header p span{color:#fff !important}
.android_phone  .main_cont_body{min-height: 267px!important;} */
 


.right_m {
    background: #15171a;
    border-radius: 25px;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
    display: block;
    height: 550px;
    opacity: 1;
    position: relative;
    z-index: 1;
    float: right;
    padding-right: 15px;    margin: 15px 0;
    width:100%;
}
.right_m:after{
    background: #373c44;
    border-radius: 5px;
    content: "";
    display: block;
    height: 10px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    top: 27px;
    width: 70px;
}
.right_m:before{
    background: #373c44;
    border-radius: 23px;
    bottom: 20px;
    content: "";
    display: block;
    height: 46px;
    left: 50%;
    margin-left: -23px;
    position: absolute;
    width: 46px;
}
.in_mobile_modal {
    background: #fff;
    /* border-radius: 6px; */
    height: 405px;
    left: 10px;
    overflow: hidden;
    position: absolute;
    top: 62px;
    width: 94%;
}
.previewModal .modal-header{    box-shadow: inset 0 -4px 0 #2a2e35, 0 15px 25px rgba(0,0,0,.2);border-radius: 0;border:none;}
.android_right{position: relative;}
.android_right .position_android{    position: absolute;    top: 100px;width:100%}
.android_right .iphone_pera{position: absolute;top:50px;}
/* .android_right .iphone_pera{padding: 10px 0px 40px 20px !important; } */
.android_right .iphone_pera{padding: 10px 0px 0px 19px !important;margin: 0px 16px 0 16px;overflow: scroll;height: 299px;top: 0 !important;}
.iphone_pera p{background:#f1f1f1;border-radius: 6px;padding:8px;margin-top:5px;width:80%} 
.iphon_left .iphone_pera {  margin: 100px 0px 7px 20px;   height: 178px;   overflow: auto;}
.plan_toptab .form-element input[type=checkbox], input[type=radio]{width:auto;display: inline-block;margin-left: 3px;}
.hr_border::after{top: -8px;left: 47%;color: #136ea1; font-size: 40px; content: "\f0d7"; position: absolute; font-weight: 400;display: inline-block; font-family: FontAwesome;}
/************sidebar right css************/

    #wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-right: 250px;
}

.nav-side-menu {
  z-index: 1000;
  position: fixed;
  right: 250px;
  width: 0;
  height: 100%;
  margin-right: -250px;
  background: #3f4551;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top:56px;
   /*z-index: 9999 !important*/;
   overflow-y: auto;
}
#editbar .sidebar-nav{
    display: inline-block; 
}

#wrapper.toggled .nav-side-menu {
  width: 250px;
  
}

#page-content-wrapper {
  width: 100%;
/*  position: absolute;*/
  padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px;
}


/* Sidebar Styles */

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0 0 120px 0;
  list-style: none;
  display: inline-table; 
}

.sidebar-nav li {
  text-indent: 0px !important;
  line-height: 40px;
  border-top:1px solid #4d515d;
  clear:both;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #999999;
  
  
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
  height: 40px;
  font-size: 15px;
/*  line-height: 60px;*/
}

.sidebar-nav>.sidebar-brand a {
  color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
  color: #fff;
  background: none;
}
.nav-side-menu li :not(collapsed) .arrow:before
{
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;    font-size: 16px;
 
}
.nav-side-menu li.collapsed .arrow:before
{
    font-family: FontAwesome;
/*    content: "\f078";*/
    content: "\f107";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
}
.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
    color: #fff;
}
 
.sidebar-nav { height: 100%; overflow-y: auto; }
.search_inlne .btn-search{padding:9px 15px;color:#29a8df;margin-top: 2px;}
.search_inlne .k-picker-wrap.k-state-default{height:37px;border:1px solid #ddd !important;box-shadow: none;}
.k-state-hover{background: none;box-shadow: none;}
.margin-bottom-10{margin-bottom:10px;}
.right_cp input[type=checkbox], input[type=radio]{vertical-align: middle !important}
.recor_pad .btn-blue_dark.btn-block{ white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; }
    
::-webkit-scrollbar{
    height: 4px;
    width: 4px;
    background: #aaa;
}
::-webkit-scrollbar-thumb:horizontal{
    background: #f1f1f1;
    border-radius: 10px;
}

    ::-moz-scrollbar {

       
        width:3px;
            
        }

   ::-webkit-scrollbar {
    width:3px;
        
    }
   
   ::-webkit-scrollbar-track {
        background: #f1f1f1; 
    }
    
    ::-webkit-scrollbar-thumb {
        background: #aaa; 
    }
    
    ::-webkit-scrollbar-thumb:hover {
        background: #555; 
    }


@media(min-width:768px) {
    
    .table-responsive.steps_custom{padding:15px;background: #fff}
    #toggle_btn{z-index: 9;}
    .dash-b-heading h1{margin-left:48px;}
  #wrapper {
    padding-right: 0;
  }
  #wrapper.toggled {
    padding-right: 250px;
  }
  .nav-side-menu {
    width: 0;
  }
  #wrapper.toggled .nav-side-menu {
    width: 250px;
    z-index: 9;
    
  }
  #page-content-wrapper {
/*    padding: 20px;*/
    padding: 0px;
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}
.button_tog{    
/*    position: absolute;    top: 0;    left: -1px;    */
    border-radius:  63% 0 0  63% ; border-color:transparent;   background: #3f4551 !important;}
#page-content-wrapper {width:100%;}
.btn_tog_right{position: absolute;    right: 0px;    top: 56px;    z-index: 9;}
.tab_shadow .border{ 
	-webkit-box-shadow:  0 2px 2px 0 rgba(0,0,0,0.14), 0 2px 0px -2px rgba(0,0,0,0.12), 0 0px 0px 0 rgba(0,0,0,0.2)!important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 2px 0px -2px rgba(0,0,0,0.12), 0 0px 0px 0 rgba(0,0,0,0.2) !important;
}
.list_type i{    font-size: 23px;    vertical-align: middle;    line-height: 23px;}

.k-checkbox:checked+.k-checkbox-label:before{background: #0e76bd;border-color: #0e76bd}
.check-box-day{background: #f1f1f1;    padding: 15px ;    border-radius: 5px;}
.check-box-day h5{color:#1a75be;font-weight: bold}
.text-blue{color: #1a75be;}
.five_steps .step_strip{width:20%}
.k-grid-header{background:#fff}


/************end sidebar right css************/








@media (max-width:640px) {
    .navbar-header {
        display: inline-block;
        padding-bottom: 0 !important
    }
    #footer.bottom_footer {
        margin-left: 0
    }
    .toggled .in_men {
        display: block;
        transition: all 0.5s ease 0s
    }
    .in_men {
        display: none
    }
    .side_bar {
        transition: all 0.5s ease 0s
    }
    .side_bar .nav.navbar-nav {
        margin: 0;
        overflow-y: auto;
        overflow-x:hidden;
    height: 400px;
    }
    #aside {
        width: auto
    }
    #header nav {
        float: none;
        min-height: 55px;
    }
    .k-rpanel {
        width: 60%;
        background-color: #f6f6f6
    }
    .k-rpanel .k-menu>.k-item,
    .k-rpanel .k-menu>.k-item>.k-link,
    .k-rpanel .k-menu>.k-item>.k-link {
        display: block;
        float: none
    }
    .k-rpanel .k-menu>.k-item>.k-icon {
        float: right
    }
    .k-rpanel .k-menu>.k-item ul,
    .k-rpanel .k-menu>.k-item>div {
        position: static !important;
        width: 100% !important
    }
    .k-rpanel .k-menu>.k-item ul {
        box-shadow: none;
        border: none
    }
    #leftTabstrip > .k-tabstrip-items {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        float: none
    }
    #leftTabstrip.k-tabstrip-left>.k-tabstrip-items .k-item {
        display: inline-block;
        border-right: 2px solid #fff
    }
    #leftTabstrip.k-tabstrip-left>.k-tabstrip-items>.k-item.k-state-active {
        border-color: #f38c2a
    }
}

@media (max-width: 991px) {
    .visible-md-up {
        display: none
    }
    .no-padd-btn{padding:0}
    .contact_list .k-grid td{padding:8px !important}
    /* .border .simple-form{padding:15px;} */
	
}

@media (min-width: 992px) {
    .k-button i {
        display: none
    }
    .help_header .glyphicon-question-sign{color:#0c77bd;font-size: 18px;}
    .help_header{padding: 12px 8px 5px !important;}
}

@media screen and (max-width: 767px){
    .card_forms .no-padding-right{    padding-right: 15px !important;}
    .scroll_card li{width:95%}
    .bil_tab .bg-blue {min-height: 170px}
    .bil_tab .bg-blue img{width:100%;}
    #footer.bottom_footer .text-left{text-align: center;padding-right:15px !important;}
    .quik_header li span.online{    top: -9px;    left: 8px;}
     .plan_large .border{margin-bottom:10px;} 
    .steps_tabings .nav-tabs li.active a{background: #f1f1f1}
    .steps_tabings { margin-top: 20px; }
    .border-bottom .nav.nav-tabs{width:100%}
    .help_header .glyphicon-question-sign{color:#0c77bd;font-size: 12px;}
    .quik_header li a{line-height: initial}
    .container.flex {   padding-bottom: 10% ; }
		.k-grid thead th.k-header {  font-size: 11px !important;}
	.k-grid thead th.k-header a.k-link {    font-size: 11px;}
	.label_1 {    font-size: 12px !important;	}
	.space-clear.border{    display: inline-block;	}
    #security .btn-blue_dark {        margin: 15px 0 0 10px;    }
    .access_ul li a span{display: none}
    .iframrSrc{width:100%}
	.drop-time { line-height:18px; padding-left: 10px;  font-size: 14px;}
	.right_cp	.add_ico i{margin-right: 20px;}
	.right_cp .btn,.bootstrap-switch{margin-bottom:5px;}
	.outer_sec_bg.login-screen {padding-top:57px;}
        .w_circle { height: 33px; width: 33px; background: #f1f1f1;  line-height: 33px;}
        .w_circle i{line-height: 33px;font-size:18px;}
        .border-step h4{display: none}
        .step_strip:after{top: 15px;border: 2px solid #ddd;}
        .step_strip.active:after{border:2px solid #0e76bd;top: 15px;}
        .steps_new {padding: 10px 15px 10px }
        .btn_tog_right{z-index: 999}
        #wrapper.toggled #page-content-wrapper { margin-left: -250px;}
        .hist_icon, .cal_icon { bottom: 9px;}
        .btn-long{    padding: 6px 20px}
        .border-left{border:none}
        /*****update 08-21-2018 ****/
        .contact_list .fa-group{position: relative;  top: 9px;}
        .contact_list .k-grid tbody .k-button{display: inherit}
        /* .k-grid tbody .k-button{display: inherit} */
        .recor_pad .light_bg { padding: 5px 0 10px;  }
        .nav-tabs_grey > li{margin-left:0;margin-right:3px;}
        .play-ico {line-height: 14px;}
        .k-filter-row .k-textbox{min-width: 100px}
        .k-grid-pager .k-link, .k-grid-pager .k-link:link{background:#f1f1f1}
        .k-pager-wrap{    background: #fff;            border: none;}
        .steps_tabings .nav-tabs li , .steps_tabings .navbar-right li {display: inline-block;}
        .steps_tabings .nav-tabs li a{font-size: 14px;padding:8px 15px !important;}
        .steps_tabings .navbar-right li a span{display: none}
        #wrapper.toggled #page-content-wrapper{margin-left: -25px;}
        #wrapper.toggled .btn_tog_right{right: 225px;}
        .btn_tog_right{right: 0px;}
        #aside.toggled{z-index: 1001}
        .dash-b-heading h1{font-size: 15px; margin: 10px 0 0px 7px;color: #0c77bd;font-weight: bold;}
        .form-element .pay_ment{width: auto;display: inline-block}
        .quik_header .first_drop{margin-left:7px !important;}
        .quik_header li{padding:3px 0px;}
        .quik_header li a{margin-left:0}
        input[type=checkbox]::after{left: -1px;  top: -1px;}
        .acc_over .right_cp .btn-blue_dark{padding:6px 20px }
        /* .container.flex{padding-top:20%;    height: 154vh;}
        .intro-body{height: 154vh;} */
        .container.flex{padding-top:20%;    height: auto;}/*90*/
        .intro-body{height:auto;}/*85*/
        .down_page {    bottom: 0px;      right: 1px!important;        }
        h1.feature {
            font-size: 42px;
            line-height: 54px;
            color: #fff;
        }
        .info_sel { right: -3px;  top: 9px;   font-size: 18px;}
        .step_strip{margin-bottom:10px;}
        .android_right{    margin-top: 253px;  padding: 0;}
        .android_right .iphone_pera{margin-right:0}
        .iphon_left{padding:0}
        .new_list_desh .nav-tabs > li.active > a, .new_list_desh > li.active > a:hover, .new_list_desh > li.active > a:focus{background:#f1f1f1 !important}
        .tab_shadow .border{    padding: 5px;    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;}
        .quik_header li span.profile_img img { width: 14px; height: 14px;   margin-top: 2px; }
        
	
    }
    @media screen and (min-width: 768px) and (max-width:1024px)
{
    .intro-body {
        height: 65vh;
    }
    .container.flex {
        height: 81vh;
    }
}
@media screen and (min-width: 768px) and (max-width:992px)
{
    /* .step_strip2 ,.step_strip{width:20%} */
    .help_header .glyphicon-question-sign{color:#0c77bd;font-size: 12px;}
    .card_forms .no-padding-right{    padding-right: 15px !important;}
    .new_list_desh ul li a{padding: 10px 30px;}
    .border-step h4{font-size:13px;font-weight: normal}
    .border-left{border:none}
    .contact_list .fa-group{position: relative;  top: 9px;}
    .k-pager-wrap{  background: #fff;  border: none;}
    .k-filter-row .k-textbox{min-width: 100px}
    .steps_tabings .nav-tabs li a{padding:10px !important;    font-size: 14px;}
    .steps_custom table > tbody > tr:hover{background-color: #fff}
    .steps_custom table > tbody > tr:nth-of-type(2n+1){background-color: #fff}
    .k-pager-info{padding:5px;}
    .steps_custom .dp_flex .k-icon{width:34px;height:34px;}
    
    
}
@media screen and (min-width: 992px) and (max-width:1024px)

{
    .help-box{   padding: 20px 10px 30px;}
    .dash-b-heading h1{font-size: 18px;}
	.add_ico i {
		font-size: 25px;
		margin-right: 5px;
		margin-top: 5px;
	}	
	.right_cp .btn-orange_dark_small{font-size:12px;padding: 7px 7px;}
        /* .step_strip2 ,.step_strip{width:20%} */
}
/*.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
	background-image: url("app/assets/images/right_arr_cir.png");
}*/

@media (min-width: 1200px) {
    /* .step_strip,step_strip2{width:20%;} */
    .step_modal_con .step_strip,.step_modal_con step_strip2{width:33.33%;}
}

table tr td .k-button{border-color: transparent}