body {
    font-family: Open Sans !important;
    padding: 0;
    margin: 0
}

form {
    padding: 0;
    margin: 0
}
[type=reset], [type=submit], button, html [type=button]{outline: none;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    font-family: Open Sans;
    font-size: 14px;
    color: #000;
    border: 1px solid #fff;
}

a {
    font-family: Open Sans;
    font-size: 14px;
    color: #000;
    text-decoration: none
}

.TLPos {
    padding-left: 15px;
    padding-top: 15px
}

html>body .TLPos {
    padding-left: 15px;
    padding-top: 15px
}

table.adminmain_wrapper {
    width: 1000px
}

tr#footermain {
    background: url(../images/footer_bg.jpg) repeat-x
}

td#footer {
    color: #474747;
    padding: 0 20px
}

td#footer a {
    color: #474747
}

td#footer a:hover {
    text-decoration: underline
}

td#footer strong {
    color: #1d1d1d
}

td#footer strong span {
    color: red
}

.onlineTabOuter {
    padding: 3px;
    border: 1px #c2c2c2 solid
}

.onlineTable {
    width: 600px
}

td.ExpTxt {
    font-family: Open Sans;
    font-size: 10px;
    color: #333;
    text-align: left
}

td.space {
    height: 15px
}

td.os_mod {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    height: 32px;
    text-align: center
}

td.prstk {
    vertical-align: middle;
    height: 105px
}

td.pricestock {
    font-size: 14px;
    font-family: Open Sans;
    text-align: center;
    color: #333;
    font-weight: 700
}

td.priceContent {
    font-size: 20px;
    font-family: Open Sans;
    text-align: left;
    color: #333;
    font-weight: 700
}

td.stockContent {
    font-size: 16px;
    font-family: Open Sans;
    text-align: left;
    color: #333;
    font-weight: 700
}

td.priceHead {
    font-size: 14px;
    font-family: Open Sans;
    text-align: right;
    color: #333;
    font-weight: 700
}

td.despt {
    font-family: Open Sans;
    font-size: 11px;
    font-weight: 400;
    color: #333;
    text-align: justify;
    padding: 15px
}

td.botxt {
    font-family: Open Sans;
    font-size: 11px;
    color: #0010ce;
    text-align: center;
    padding: 5px 10px 5px 10px
}

.moreinfo {
    padding: 5px 5px;
    font-size: 11px;
    font-family: Open Sans;
    color: #000;
    letter-spacing: 1px;
    font-weight: 700;
    text-align: right
}

td.DefaultTxt {
    font-family: Open Sans;
    font-size: 10px;
    color: #000;
    text-align: left;
    padding-left: 30px
}

.textbox {
    border: 1px solid #6d83ac;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: Open Sans,Helvetica,sans-serif;
    font-size: 12px;
    color: #000;
    height: 22px
}

.labels {
    text-align: right;
    padding-right: 10px;
    width: 180px
}

.fields {
    text-align: left
}

.showyes {
    text-align: left
}

.showno {
    display: none
}

td.visibleyes {
    display: block
}

td.visibleno {
    display: none
}

td.top_main_title {
    color: #203c52;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    text-indent: 20px;
    text-align: left
}

td.top_sub_title {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    text-indent: 30px;
    text-align: left
}

td.top_sub_title h1,td.top_sub_title h3 {
    padding: 0;
    margin: 0;
    color: #222;
    font-size: 12px;
    font-weight: 700;
    
    text-align: left;
    text-decoration: none
}

.top_sub_heading {
    padding: 0;
    margin: 0;
    color: #222;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    text-indent: 20px;
    text-decoration: none
}

.top_sub_heading.arrow {
    background: transparent url(../images/headers/top_sub_title_arrow.jpg) no-repeat scroll 20px center
}

.ae_wrapper {
    width: 98%;
    float: left;
    border: 1px solid #d8d8d8;
    background-color: #fafafa;
    margin-left: 1%;
    box-sizing: border-box
}
#passwordvalidation label {font-weight:bold;font-size:14px;}
.ui-widget-header{border:none;font-family:open sans;}
.ui-icon-closethick {
background-image: none !important;
font-family: 'hs-admin-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-indent: 0;
    width: 14px;
    -webkit-font-smoothing: antialiased;
}
.ui-dialog .ui-dialog-titlebar-close span {
    margin: 1px;
}
.ui-dialog-titlebar-close {text-decoration:none !important;padding: 0px !important;}
.ui-icon-closethick:before {
    content: "\e939";
}
.ae_wrapper .top_sub_title h3 {
    padding: 0;
    margin: 0;
    color: #222;
    font-size: 12px;
    font-weight: 700;
    background: transparent url(../images/headers/top_sub_title_arrow.jpg) no-repeat scroll 20px center;
    text-align: left;
    text-decoration: none;
    height: 30px;
    display: table-cell;
    vertical-align: middle
}

.ae_wrapper .top_sub_title {
    background: url(../images/headers/top_sub_title_bg.jpg) repeat-x scroll 0 0 transparent;
    color: #222;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    text-indent: 30px;
    width: 100%;
    float: left;
    display: table
}

.ae_row {
    height: 25px;
    line-height: 25px;
    margin-bottom: 3px
}

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

.ae_row_right {
    width: 70%;
    float: left;
    margin-left: 3%
}

.ae_row_right input[type=file],.ae_row_right select {
    width: 300px
}

.ae_row_right input[type=text] {
    width: 296px
}

.wrap100 {
    width: 100%;
    float: left
}

#admLeft {
    float: left;
    height: 466px;
    width: 235px
}

.leftMenuMain {
    padding: 0;
    font: normal 11px/12px Open Sans,sans-serif;
    background-color: #fff
}

.keepTree {
    width: 100%;
    padding: 0 12px 0 10px!important
}

.nav_condense .keepTree {
    width: 15%
}

.keepMenu {
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    margin-top: 8px;
}

.bodyTopDataDiv::-webkit-scrollbar,.keepMenu::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.bodyTopDataDiv::-webkit-scrollbar-track,.keepMenu::-webkit-scrollbar-track {
    border-radius: 10px
}

.bodyTopDataDiv::-webkit-scrollbar-thumb,.keepMenu::-webkit-scrollbar-thumb {
    background: #a9a9a9;
    border-radius: 10px
}

.bodyTopDataDiv::-webkit-scrollbar-thumb:hover,.keepMenu::-webkit-scrollbar-thumb:hover {
    background: #787878;
}

#droparea::-webkit-scrollbar {
    width: 8px;
    background-color: #908d8d;
}

#droparea::-webkit-scrollbar-track {
    border-radius: 0
}

#droparea::-webkit-scrollbar-thumb {
    background: rgba(144,141,141,.4);
    border-radius: 0
}

#droparea:hover::-webkit-scrollbar-thumb {
    background: rgba(144,141,141,1)
}

#droparea::-webkit-scrollbar-track {
    background: #ccc
}

#footer-links a {
    padding: 3px 6px 0 6px;
    cursor: default;
    font-size: 12px;
    cursor:pointer;
}

.menuItem {
    cursor: pointer;
    line-height: 24px;
    clear: both;
    background: #243144;
    display: flex;
    flex-direction: row
}

.menuItem span {
    width: 97%
}

.menulastItem {
    height: 25px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    line-height: 25px;
    clear: both;
    background: #243144
}

.menuItem a,.menuItemA a {
    display: flex;
    flex-direction: row;
    width: 95%;
    color: #333;
    text-decoration: none;
    padding-left: 25px;
    background: url(../images/left_menu_arrow.jpg) no-repeat 12px;
    font-weight: 700
}

.nav_condense .menuItem a {
    margin-left: 35%;
    padding-left: 100%
}

.menuItem a:hover,.menuItemA a:hover {
    background: url(../images/left_menu_arrow_dwn.jpg) no-repeat 12px;
    color: #fff
}

.menuItemA {
    height: 25px;
    cursor: pointer;
    line-height: 25px;
    clear: both;
    background: url(../images/rollover_btn.jpg) repeat-x top
}

a.hovebg {
    background: url(../images/left_menu_arrow_dwn.jpg) no-repeat 12px;
    color: #fff
}

.dtree {
    font-family: Open Sans,Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    white-space: nowrap
}

.dtree img {
    border: 0;
    vertical-align: middle
}

.dtree a {
    text-decoration: none;
    color: #2653a4
}

.dtree a.node,.dtree a.nodeSel {
    white-space: nowrap;
    padding: 1px 5px 1px 5px
}

.dtree a.node:hover,.dtree a.nodeSel:hover {
    text-decoration: none;
    padding: 1px 5px 1px 5px;
    color: #000;
    background-color: #ddecff
}

.dtree a.nodeSel {
    background-color: #c0d2ec;
    padding: 1px 5px 1px 5px
}

.dtree a.node:active,.dtree a.nodeSel:active {
    text-decoration: none;
    padding: 1px 5px 1px 5px
}

.dtree .clip {
    overflow: hidden
}

.dTreeNode {
    padding: 0;
    margin-left: 1em;
    height: auto;
    overflow: none
}
.clip .dTreeNode{
	margin: 5px 32px 11px 6px;
	background: url(../images/icons/bullet.png) no-repeat 18px 5px;
}
.top_btn_bar { 
    color: #000;
    margin: 10px auto;
    height: 36px
}

.top_btn_barlt {
    background: url(../images/top_button_bgr_left.jpg) no-repeat left top
}

.top_btn_barrt {
    background: url(../images/top_button_bgr_right.jpg) no-repeat right top
}

#btnSaveList {
    background: url(../images/buttons/button_save_order.jpg) no-repeat;
    border: 0 none;
    height: 21px;
    width: 85px;
    cursor: pointer
}

.butn_cancel {
    display: inline-block;
    line-height: 21px;
    padding: 0 10px;
    background: url(../images/buttons/button_bg.gif);
    border: 0;
    height: 21px;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    border-left: 1px solid #bf0d27;
    border-right: 1px solid #bf0d27;
    margin: 0 5px
}

table.grid_table_view tr td {
    border: 1px solid #dbedff;
    padding-left: 2px
}

.no-border,table.grid_table_view tr td table tr td {
    border: 0
}

a.ulink:hover {
    text-decoration: underline
}

#bodyContainer {
    min-height: 450px;
    height: auto!important;
    height: 450px
}

.ui-tabs-panel table td {
    text-align: left
}
.ui-tabs .ui-tabs-nav li.ui-state-default{border-bottom: 3px solid transparent !important;margin: 0 2em 10px 0!important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{padding-bottom: 0 !important;}
#tabs-1 .labels,#tabs-2 .labels,#tabs-3 .labels {
    text-align: right
}

#tabs-1 td select {
    margin-left: 52px;
    width: 224px
}

td.top_sub_title {
    color: #222;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    text-indent: 30px
}
.fontBlackAndBold{font-weight:bold!important; color: #000000!important}
#dealerdetails table td {
    text-indent: 0
}

span.error {
    display: none
}

#dd0 .dTreeNode {
    width: 230px;
    white-space: normal
}

#dd0 .dTreeNode a {
    word-wrap: break-word;
    white-space: normal;
    padding-bottom: 5px;
}

#dd0 .dTreeNode #sd1,#dd0 .dTreeNode #sd10,#dd0 .dTreeNode #sd11,#dd0 .dTreeNode #sd12,#dd0 .dTreeNode #sd13,#dd0 .dTreeNode #sd14,#dd0 .dTreeNode #sd15,#dd0 .dTreeNode #sd16,#dd0 .dTreeNode #sd17,#dd0 .dTreeNode #sd18,#dd0 .dTreeNode #sd19,#dd0 .dTreeNode #sd2,#dd0 .dTreeNode #sd20,#dd0 .dTreeNode #sd3,#dd0 .dTreeNode #sd4,#dd0 .dTreeNode #sd5,#dd0 .dTreeNode #sd6,#dd0 .dTreeNode #sd7,#dd0 .dTreeNode #sd8,#dd0 .dTreeNode #sd9 {
    display: block;
    font-size: 14px;
    color: #c0c9d0;
    margin-left: 31px;
    line-height: normal;
}

.spls-left-arrow {
    display: block;
    float: left;
    width: 15px;
    height: 32px;
    background: url(../images/buttons/left_arrow_slide.png) no-repeat;
    position: absolute;
    left: 65px;
    top: 116px
}

.spls-left-arrow:hover {
    background: url(../images/buttons/leftstrip.jpg) no-repeat
}

.spls-right-arrow {
    display: block;
    float: right;
    width: 15px;
    height: 32px;
    background: url(../images/buttons/right_arrow_slide.png) no-repeat;
    position: absolute;
    right: 65px;
    top: 116px
}

.spls-right-arrow:hover {
    background: url(../images/buttons/rightstrip.jpg) no-repeat
}

ul.thumb li {
    margin-left: 5px
}

ul.thumb li:first-child {
    margin-left: 0
}

ul.thumb li:last-child {
    margin-right: 5px
}

.progressWrapper {
    overflow: hidden
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #e8e8e8;
    background-color: #f7f7f7;
    overflow: hidden
}

.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #fd9;
    background-color: #ffc;
    overflow: hidden
}

.red {
    border: solid 1px #b50000;
    background-color: #ffebeb
}

.green {
    border: solid 1px #ddf0dd;
    background-color: #ebffeb
}

.blue {
    border: solid 1px #cee2f2;
    background-color: #f0f5ff
}

.progressName {
    font-size: 8pt;
    font-weight: 700;
    color: #555;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden
}

.progressBarComplete,.progressBarError,.progressBarInProgress {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: #00f;
    margin-top: 2px
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden
}

.progressBarStatus {
    margin-top: 2px;
    width: 250px;
    font-size: 7pt;
    font-family: Open Sans;
    text-align: left;
    white-space: nowrap
}

a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(../images/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0;
    float: right
}

a.progressCancel:hover {
    background-position: 0 0
}

#addThisScript,#chatEmbedCode,#flikeScript,#googlePlusScript,#homeVideo,#mapEmbedCode,#tagCodeHeader,#tagCodeImmediatelyAfterOpeningBodyTag,#tagCodeImmediatelyBeforeClosingBodyTag {
    height: 142px
}

.jobtitle,.location {
    padding: 0;
    height: 20px;
    width: 189px;
    border: 1px solid #7f9db9
}

.jobtype {
    width: 191px
}

.descpopupclk,.descpopupclk1,.invfields {
    display: block;
    line-height: 25px;
    background: #ccc;
    text-align: center;
    margin-left: 25px;
    float: right;
    padding: 0 10px;
    text-transform: capitalize;
    cursor: pointer
}

.descpopup,.descpopup1,.invfieldspopup {
    display: none;
    padding: 10px;
    position: absolute;
    max-width: 300px;
    z-index: 1000;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    width: 100%;
}

.descpopup a,.descpopup1 a,.invfieldspopup a {
    font-weight: 700;
    float: right
}

.addPattern b {
    display: block;
    line-height: 25px;
    background: #ccc;
    text-align: center;
    margin-right: 25px;
    float: right;
    padding: 0 10px;
    text-transform: capitalize;
    cursor: pointer
}

.backBackground {
    background: url(../images/headers/top_sub_title_bg.jpg) repeat-x scroll 0 0 transparent;
    height: 40px
}

.mobibgcolor {
    background-color: #cecfce
}

.loaderImage {
    position: relative;
    top: 40%;
    left: 40%;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #00f;
    border-right: 16px solid green;
    border-bottom: 16px solid red;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

#droparea,#optionarea {
    border-radius: 5px;
    font-size: 14px;
}

#droparea {
    overflow-y: auto
}
#droparea .control-wrap {
    position: relative;
    border: 1px solid #ccc;
    margin: 4px;
    padding: 15px
}

#droparea .control-wrap:hover {
    background-color: #c2c2c2
}

.droparea {
    min-height: 200px;
    border: 1px dashed #9e9e9e;
    margin-bottom: 10px;
    position: relative;
    padding-top: 30px;
    margin-right: 5px;
}

.controls-box {
    float: right;
    border: 1px solid #ccc;
    border-radius: 5px;
    border-top: 0
}

.controls-box header {
    background-color: #adadad;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 14px 0
}

.toolbox,.toolbox-grp {
    position: absolute;
    top: -1px;
    right: -1px;
    background-color: #f4f4f4;
    opacity: 0
}

.toolbox a,.toolbox-grp a {
    color: #b30c27;
    font-size: 14px;
    display: inline-block;
    padding: 5px;
    border: 1px solid #fff
}

.toolbox-grp {
    top: 8px;
    right: 1px
}

.toolbox a+a,.toolbox-grp a+a {
    border-left: 0
}

#droparea .control-wrap:hover .toolbox,.droparea:hover .toolbox-grp {
    opacity: 1
}

#droparea input[type=text],#droparea select,#droparea textarea {
    width: 99%
}

.controls-box .dataTables_filter,.field-group {
    padding: 10px 0;
    text-align: center
}

.controls-box .dataTables_filter,.draggable,.field-group {
    border-bottom: 1px solid #dbdbdb
}

.field-group span {
    padding-right: 5px
}

.btn-general {
    border: 0;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    background: #f02755;
    padding: 3px 10px; 
}

.btn-general.btn-small {
    font-size: 10px;
    font-weight: 400;
}

.ui-draggable {
    cursor: move
}

.no-margin {
    margin: 0
}

.no-top-margin {
    margin-top: 0
}

.no-bottom-margin {
    margin-bottom: 0
}

.custom-radio:checked,.custom-radio:not(:checked) {
    position: absolute;
    left: -9999px
}

.custom-radio:checked+label,.custom-radio:not(:checked)+label {
    position: relative;
    padding-left: 16px;
    cursor: pointer;
    line-height: 12px;
    display: inline-block;
    color: #000;
    font-size: 11px
}

.custom-radio:checked+label:before,.custom-radio:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    border: 1px solid #555;
    border-radius: 100%;
    background-color: #fff
}

.custom-radio:disabled+label:before {
    border: 1px solid #d2d2d2;
    background: #eee
}
.regular-checkbox:disabled{opacity: 0.4;}

.custom-radio:disabled+label,.custom-radio:disabled+label:before, .regular-checkbox:disabled {
    cursor: default
}

.custom-radio:checked+label:after,.custom-radio:not(:checked)+label:after {
    content: '';
    width: 4px;
    height: 4px;
    background: #555;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.custom-radio:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.custom-radio:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.layout_thumb .custom-radio+label {
    display: block
}

.layout_thumb img {
    margin-left: 20px
}

.selectProperty {
    height: 30px;
    background: #fff;
    border: 1px solid #a9a9a9;
    position: relative;
    cursor: pointer;
    line-height: 28px;
    padding-left: 5px
}

.selectProperty i {
    position: absolute;
    right: 5px;
    font-size: 14px;
    top: 8px;
    color: #b30c27
}

.popup-form table {
    z-index: 100005;
    position: relative;
    table-layout: fixed
}

.popup-form td {
    padding: 6px;
    border: 0
}

.popup-form input.field-input {
	width: 100%;
    padding: 1px 10px;
}

.popup-form select {
    width: 468px
}

.popup-form input.field-input, .popup-form select {
    height: 30px
}

.popup-form .add-property tr {
    border: 0
}

.popup-tr-top.open {
    border: 1px solid #ccc;
    border-width: 2px 1px 0
}

tr.popup-tr-top.open+tr.popup-tr-bottom {
    display: table-row!important;
    border: 1px solid #ccc;
    border-width: 0 1px 1px
}

.popup-tr-bottom {
    border: 1px solid #ccc;
    border-width: 0 1px 1px
}

.btn-prop-add {
    position: absolute;
    right: 25px;
    z-index: 100006;
    top: 18px
}

.add-property {
    background-color: #EBF5F5;
    padding: 22px 10px 10px;
    position: relative;
    z-index: 9999
}

#EDIT_ACE_EDITOR {
     margin-top: 20px;
    width: 100%;
    height: 500px;
}

.ui-datepicker-title select {
    width: 30%!important;
    font-size: 14px!important;
    border: 1px solid #e5e8e7;
    padding: 0 ;
}

.ui-datepicker-title select:first-child {
    margin-right: 2%!important
}

body {
    font: 14px Open Sans;
}

.showhide {
    display: none
}

img {
    border: 0
}

.dataTables_info {
    padding-top: 0
}

#dataTableGrid1_wrapper .fg-toolbar,#dataTableGrid_wrapper .fg-toolbar {
    font-size: 14px;
}

#theme_links span {
    float: left;
    padding: 2px 10px
}

#dataTableGrid1_wrapper,#dataTableGrid_wrapper {
    border-radius: 5px;
}

#dataTableGrid tbody,#dataTableGrid1 tbody {
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8
}

#dataTableGrid thead th,#dataTableGrid1 thead th {
    height: 25px;
    padding: 5px;
    text-align: left;
    font-weight: 600;
    word-break: initial;
}

#dataTableGrid tbody td,#dataTableGrid1 tbody td {
    height: 25px;
    padding: 0px 10px;
}
#dataTableGrid{margin-bottom:15px!important;padding-bottom:5px!important}
#dataTableGrid thead th:first-child,#dataTableGrid1 thead th:first-child {
    border-left: 1px solid #d8d8d8
}

#dataTableGrid thead th:last-child,#dataTableGrid1 thead th:last-child {
    border-right: 1px solid #d8d8d8
}

.DataTables_sort_wrapper {
    padding: 7px 20px 7px 7px;
    position: relative;
}
#dataTableGrid_processing{border:none;}
#dataTableGrid_processing  #tableloader {
	min-width:200px;
	min-height:400px;
	background: transparent;
	overflow:hidden;
	}
.submit_btn_gray, .submitbtn, .submit_btn, .submitbtn1 {
    display: inline-block;
    cursor: pointer;
    margin: 5px !important;
    line-height: 24px;
    width: auto !important;
    font-size: 14px; 
}

a#openclose {
    display: block;
    width: 9px;
    height: 47px;
    outline: 0;
    position: relative;
    top: 180px
}

a.open {
    background: url(${ctx}/resources/images/arrow_left.jpg) no-repeat
}

.close {
	font-family: 'hs-admin-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    margin-right: 4px;
    }
.close:before {
    content: "\e939";
 font-size: 14px;
    color: #000;
}
.langsubhead {
	margin-top:20px;
	font-size: 20px;
    font-weight: 400;
    margin-bottom:10px;
}
.descpopup .close:hover,.descpopup .close:focus {color: #fff;}

.w720 {
    width: 720px;
    overflow: auto
}

.w850 {
    width: 850px;
    overflow: auto
}

.w100 {
    width: 100%
}

.body_content {
    /* display: flex; */
    flex-direction: column;
}

#footermain {
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    width: 100%;
    height: 60px;
    line-height:32px;
    background-color: #fff;
    border-top: 2px solid #ddd;
    justify-content: flex-end;
    margin-top: 30px;
}

#footer-links {
    color: #000;
    display: flex;
    align-self: center;
    flex: 1;
    margin-left: .3em
}

#footer_text {
    display: flex;
    align-self: center
}

.nav_condense #leftNavigation {
    width: 3.5rem;
}

#leftNavigation {
    background: #303f56;
    width: auto;
    display: flex;
    flex-direction: column;
    width: 20rem;
}

#footer {
    background: #fff;
    border-top: 2px solid #eaeeef;
    padding: 0
}

.nav_condense #leftNavigation + * {
    width: calc(100% - 3.5rem);
}

.topRightSection {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding:20px 0 15px;
    flex-grow: 1;
}
.logo-org-usrdtls {
	flex-basis: 100%;
	display: flex;
	flex-direction: row;
	margin-left:20px;
	flex-wrap: wrap;
}
.selOrganization {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.head_band {
    background: #ebf5f5;
    height: 3em
}

.head_band p {
    align-items: center;
    margin: 0 1.2em;
    display: flex;
    height: 42px
}

.head_band img {
    position: relative;
    height: 1em;
    top: 0
}

.head_band img span {
    padding-left: 1em
}

.head_band span {
    margin-left: .5em
}

.head_bandp_span {
    padding-right: .5em;
    margin-left: 0!important
}

.buttons_top a, span.submit_btn {
    border-radius: 3px;
    color: #fff !important;
    padding: 10px 30px !important;
}
.ctaactive { background: #4267b2;}
.ctapassive { background: #f02755;}
.inadd_button {
    position: relative;
    right: .5em
}
.buttons_top input {
    border-radius: 3px;
    font-family: Open Sans;
    border: 0;
    color: #fff;
    padding: 10px 30px;
    line-height: 24px;
    cursor:pointer;
}
.buttons_topclass {
    border-radius: 3px;
    font-family: Open Sans;
    border: 0;
    color: #fff;
    padding: 10px 30px;
    line-height: 24px;
    cursor:pointer;
}
.close_price_table {position:absolute;right:10px;}
.innerbuttons{
	background: #f02755;
    height: 2.8em;
    width: 10em;
    border-radius: 3px;
    font-weight: 400;
    font-family: Open Sans;
    font-size: .91em;
    border: 0px;
    color: #fff;
    margin-top: 20px;
}
.req_feild {
    text-align: right;
}

.req_feild_star {
    font-weight: 700;
    color: red;
    vertical-align: top;
    padding-left: 2px;
    font-size: 14px;
}

.button-style  input {
    height: 2.8em;
    width: 10em;
    border-radius: 3px;
    font-weight: 400;
    font-family: Open Sans;
    font-size: .91em;
    border: 0px;
    color: #ffff;
}

form[name=login] input[type=submit].btn {
    height: auto
}
select {padding-left:5px;}
.table_Of_Form #dataTableGrid_length.dataTables_length {
    float: right;
}

.table_Of_Form #dataTableGrid_length.dataTables_length select {
    border: none;
}

.table_Of_Form #dataTableGrid_filter.dataTables_filter {
    float: left;
    text-align: left;
}

.dataTables_wrapper .ui-toolbar {
    padding-left: 0
}

#dataTableGrid_filter.dataTables_filter input[type=text],
#htmlDataTableGrid_filter.dataTables_filter input[type=text],
#groupsDataTableGrid_filter.dataTables_filter input[type=text],
.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #e5e8e7;
    border-radius: 3px;
    height: 2.5em;
    width: 18em;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: right center;
}
.dataTables_wrapper .dataTables_filter input{margin-left: 0;}
.table_Of_Form #dataTableGrid_wrapper.dataTables_wrapper .fg-toolbar {
    border: none;
}

.table_Of_Form #dataTableGrid_wrapper.dataTables_wrapper th {
    background: #ebf5f5;
    font-weight: 600;
    border: 1px solid #e5e8e7;
    color: #000;
    font-size:14px;
}
.formelem_date div:first-child {font-size:14px;color:#000;}
.table_Of_Form #dataTableGrid_wrapper.dataTables_wrapper td {
    border: 1px solid #e5e8e7
}
#admOverflow div{color:#000;}
.table_Of_Form #dataTableGrid_wrapper.dataTables_wrapper table,.table_Of_Form #dataTableGrid_wrapper.dataTables_wrapper tr {
    border: 1px solid #e5e8e7
}

.table_Of_Form #dataTableGrid td input {
    border: 1px solid #e5e8e7;
    border-radius: 2px
}

.table_Of_Form .dataTables_paginate span .ui-state-disabled {
    background: #4267b2!important;
    opacity: 1
}

.DataTables_sort_icon {
    position: absolute;
    right: 0;
    top: 42%;
    transform: translateY(-50%);
}

.table_Of_Form .paging_full_numbers {
    width: auto!important
}

.dataTables_info {
    text-align: left
}

a.submit_btn:hover,a.submit_btn_gray:hover,a.submitbtn:hover {
    text-decoration: none
}

.nav_condense .table_Of_Form #dataTableGrid1_wrapper,.nav_condense .table_Of_Form #dataTableGrid_wrapper {
    height: auto
}

.top_main_title,.top_sub_title {
    font-size: 2rem;
    font-weight: 300;
    display: inline-block;
    color:#000;
}

.buttons_top {
    display: inline-block;
    float: right;
    margin:0 !important;
}

.top_header {
    font-size: 1.35em;
    width: auto;
    padding-top: 1em;
    padding-left: 1em;
    display: inline-block;
    font-weight: 400
}

.form_body {
    height: auto;
    width: 97%;
    border: 1px solid #e5e8e7;
    position: relative;
    top: 1em;
    border-radius: 5px; 
}

.margintop2em {
    margin-top: 2em
}
.margintop1em {
    margin-top: 1em
}
.margin-right-1Pers {
    margin-right: 1%
}

.pull-left {
    float: left
}

.mandatory_text {
    font-size: .85em;
    color:#000;
}

.formelem {
    width: 49%;
    font-size: 14px !important;
    display:inline-block;
    vertical-align: top;
}
.filter-elements .formelem {
    width:33%;
     font-size: .85em;
}
.form_add_page input[type=file],.form_add_page input[type=number],.form_add_page input[type=password],.form_add_page input[type=text],.form_add_page select {
    margin-top: .5em;
    width: 95%;
    font-size: 14px;
    border: 1px solid #e5e8e7;
    border-radius: 3px;
    color: #000;
}
#frame #popup_container{height:350px !important;overflow-y:scroll !important;margin-top: 60px !important;}
#ui-tabs-nav li a,#nav_tab li a {font-size:14px;}
.formRow label {font-weight:bold;}
.formRow input[type=file], .formRow input[type=number], .formRow input[type=password], .formRow input[type=text], .formRow select, .formRow textarea{
	margin-top: 0.5em;
	width: 100%;
	border: 1px solid #e5e8e7;
	border-radius: 3px;
	width:100%;
	outline: none;
}
.formRow input[type=file], .formRow input[type=number], .formRow input[type=password], .formRow input[type=text], .formRow select:not([multiple=multiple]),.form_add_page input[type=file],.form_add_page input[type=number],.form_add_page input[type=password],.form_add_page input[type=text],.form_add_page select:not([multiple=multiple]){
	height: 3em;	
	cursor:pointer;
}
.form_add_page {
	margin:0px 0px;
}
.body_content {
    width: calc(100% - 20rem);
}

span.active,span.Active,span.inactive,span.inActive {
    color: white;
    padding: 0.6em;
    border-radius: 1em;
    padding-left: 2em;
    padding-right:2em;
    width: 100px;
    display: inline-block;
}
span.active,span.Active{background: #01d3b3;}
span.inactive,span.inActive{background:#f02755}

select {
    background-color: #fff;   
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #ccc!important
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.4)!important
}

.padding0px {
    padding: 0
}
.sCheckbox .DataTables_sort_wrapper{
   padding:0px!important;
   }
textarea {
    height: 8em!important
}

.custom-file-label:after {
    color: #fff;
    background-color: #e62154;
    border-color: #1c7430;
    cursor: pointer;
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center
}
.dataTables_filter{width:45%!important;}
.select_area {
    display: inline-block;
    width: 45%
}

.flipButn {
    color: #f12655;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid rgb(209,205,205)
}

.flipButn:active,.flipButn:focus {
    color: #fff;
    background: #f12655
}

#dataTableGrid_previous, #dataTableGrid_next,#dataTableGrid1_previous, #dataTableGrid1_next {
    display: none!important
}
.ui-datepicker{width:22em !important;box-shadow: 0 10px 15px 0 rgb(0 0 0 / 10%);padding: 1em 1em 0px !important;}
@media (max-width: 767px) {	
.descpopup,.descpopup1,.invfieldspopup {
    max-width: 300px;
}	
	#ui-tabs-nav li a,#nav_tab li a {font-size:14px;}	
    .top_main_title {
        display:block
    }

    .buttons_top {
        display: block;
        float: left;
        margin-left:1em;
    }
    .form_body{top: 1em;height: auto;}
    .marginBottom8em{
    margin-bottom:8em!important;
    }
   .cke_toolbar{
   width:60%!important;
   overflow:auto;
   }
    .buttons_top.add_page {
        display:inline-block;
        float: right;
    }
}

.leftMenuMain {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%
}

input[type=password i],input[type=text] {
    padding: 0 10px;
    outline: none;
}

textarea {
    padding: 10px
}

:-moz-placeholder,:-ms-input-placeholder,::-moz-placeholder,::-webkit-input-placeholder {
    padding: 0
}
.marginLeft2em{
margin-left:2em;	
}
.regular-checkbox {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #f03434;
    padding: 8px!important;
    display: inline-block;
    position: relative;
    outline: transparent;
    vertical-align: middle;
    cursor:pointer;
}

.regular-checkbox:checked {
    background-color: #f03434;
    border: 1px solid #f03434;
    outline: transparent;
    color: #99a1a7
}

.regular-checkbox:checked:after {
    content: '\f00c';
    font-family:FontAwesome;
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 3px;
    color: #fff;
    outline: transparent
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution:.001dpcm) {
    .regular-checkbox:checked:after {
        font-size:10px;
        top: 3px;
        left: 3px
    }
}

.regular-radio {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fafafa;
    border: 1px solid #f03434!important;
    outline: transparent!important;
    padding: 7px!important;
    border-radius: 50px!important;
    display: inline-block!important;
    position: relative!important;
    vertical-align: bottom;
   cursor:pointer;
}

.regular-radio:checked:after {
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    top: 2px;
    background: #f03434;
    outline: transparent;
    text-shadow: 0;
    left: 2px;
    font-size: 32px
}

.regular-radio:checked {
    background-color: #fff;
    color: #99a1a7;
    border: 1px solid #f03434;
    outline: transparent
}

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

.alignMsgCenter {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    min-height: 400px;
}

.fontBold {
    font-weight: 700!important
}

#menuDropDwn {
    padding: 0;
    margin: 0;
}

#menuDropDwn li {
    list-style: none
}

#menuDropDwn .dropTxt li {
    padding: 7px
}

#menuDropDwn .dropTxt {
    display: block;
    position: relative;
    text-align: center;
}
.dropTxt ul li {text-align:left;}
.dropTxt ul {
    display: none;
    width: auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 4px;
    background: #fff;
    box-shadow: 1px 2px 2px #ccc;
    z-index: 1
}

#menuDropDwn li a,.hoverDropdown li a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.dropTxt:hover ul {
    display: block;
    position: absolute;
    right: 60px;
    top: 0;
}
#dataTableGrid>tbody>tr:last-child .dropTxt:hover ul {bottom:0;top:auto;}
.dropTxt:hover li {
    float: none;
    font-size: 11px
}

#menuDropDwn li a {
    font-weight: 700;
    font-size: 24px!important;
    /* margin-top: -5px; */
    padding: 4px;
}

#menuDropDwn .hoverDropdown li a {
    font-weight: 400!important;
    font-size: 12px!important;
    color: #000!important;
    margin-top: 0!important
}

.text-align-center {
    text-align: center;
}
.text-align-right {
    text-align: right;
}
.margin-left-7 {
    margin-left: 7px
}

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

.margin-top-7 {
    margin-top: 7px
}

.margin-bottom-7 {
    margin-bottom: 7px
}

.width-11 {
    width: 11%
}


.submitbtnStyle,.submitbtnStyle input[type=submit],.submitbtnStyle:hover {
    background: #4267b2!important;
    height: 2.8em!important;
    min-width: 12em;
    width: auto;
    padding-left: .5em;
    padding-right: .5em;
    border-radius: 3px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 1.2em;
    margin: .5em;
    text-decoration: none
}

#footer-links a:hover {
    color: #000;
    text-decoration: none
}

.header_rightitems {
    flex-basis: 70%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.header_select {
    position: relative;
    color: #fff;
    display: inline-block;
}

.heading_start {
    background: #243144;
    width: 100%;
    display: flex;
    flex-direction: row;
    height: auto;
}
.display-flex {
display:flex;
flex-wrap:wrap;
align-items:center;
}
.display-flex .formelem {width:33%;}
.headerinner-leftitms{display:flex;justify-content: flex-start;align-self: flex-end;}
.headerinner-rghtitms {display:flex;justify-content: flex-end;align-items: flex-end;margin-right: 0px;flex-grow: 1;}
.izmo_car_img {
    padding-left: 8%;
    height: 24px;
    margin-top: 12px;
}

#nav_menu {
    position: relative;
    cursor: pointer;
    padding: 19px 0 10px 5px
}

.NavMenuParent {
    display: inline-block;
    text-align: right;
   width: 100%;
    margin-right: 10px;
}

.izmo_car_left {
    display: flex;
    background: #303f56;
    width: 20rem;
    padding:15px 0px;
}

.login_details {
    color:#6B7A8F;
    font-size:14px;
    padding-top:8px;
    text-align:right;
    margin-right:30px;
}
.select_org {margin:0 10px 0 0!important;}
.body_top {
    width: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
}
.checkboxlabelRight{
	float:right;
	padding-left:5px;
}
.checkboxlabelLeft{
	float:left;
	margin-right:0.2em;
	margin-left:0.5em;
}
#loaderShow {
	color: #fff;
    text-align: center;
    display: block;
    background: #586375;
    position: relative;
    font-weight: normal;
    border: none;
    border-radius: 3px;
}

#loaderShow .fa{line-height: 25px;padding:0px;position: absolute;left: 45%;top: 4px;}
.headerleft-inneritems{
	display: flex;
	flex-direction: row;
	align-items:center;
}

.headerright-inneritems {
	position:relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
	align-items:flex-start;
}
.izmo_car_right {
    display: none
}
.loginname {position: relative;padding-left: 8px;}	
.loginarrow {padding-left: 10px;}
.menulinks {display:none;}
#dealer-list-placeholder form>table {
	*width: 100% !important;
}
.dropbtn {
    color: white;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

.dropdown { 
	margin-left: 20px;
  position: relative;
  display: inline-block;
}

.dropdown-content {
  position: absolute;
  background-color: #243144;
  width: 200px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 99;
  top:60px;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {color:#e62154;}

.show {display: block;}

.select_org{display: inline-block;background: #586375;color: white;position: relative;padding: 5px 1.3em;font-weight: normal;border: none;border-radius: 3px;white-space: nowrap;}
a.select_org:hover{color: white;text-decoration:none;}


.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}
.closemenuicon {display:none;}	
.popbtn {
background: #f02755 !important;
height:25px !important;
display: inline-block; 
padding:0px 25px;
border-radius: 2px;
    margin: 0px 10px !important;
}
.button-center {display: block;text-align: center;}
@media (max-width:1150px) {
.topRightSection {padding:0px 0px;}	
.selOrganization {margin-left:5px;}
.topRightSection {flex-direction: column;}
.selOrganization,.header_rightitems {flex-basis: 100%;}
.header_rightitems{align-items:flex-start;justify-content: flex-start;}
.headerright-inneritems {align-items:flex-end;justify-content: flex-end;}
.headerinner-leftitms {padding-top: 10px;}
.headerinner-rghtitms div {margin-top:10px;}
.login_details {margin-bottom:10px;}

.buttons_top {
	flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
	}

}

@media only screen and (min-device-width: 834px) and (max-device-width:1112px) and (-webkit-min-device-pixel-ratio:2) {
    #head_layout {
        height: 6vh
    }

    #dealerbutton {
        margin-left: 5px
    }

    .nav_condense .keepTree {
        width: 33%
    }
}
@media (min-width: 320px)and (max-width:539px) {
.table_Of_Form #dataTableGrid_length.dataTables_length {
	min-width:100%;
    width: auto;
    float:left;
    text-align:left;
    margin-left:0.2em;
}
}

@media (min-width: 540px)and (max-width:1330px) {
.table_Of_Form #dataTableGrid_length.dataTables_length {
    width: auto;
   
}
}
@media(min-width:1200px){
.ui-datepicker{width:22em!important}
}
@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
    #head_layout {
        height: 11vh
    }

    #dealerbutton {
        margin-left:5px
    }

    .nav_condense .keepTree {
        width: 33%
    }
}

@media (min-width: 1400px) {
.centerDiv  table#dataTableGrid{table-layout:fixed;word-break: break-all}
.centerDiv, .table-responsive{min-height:500px; overflow:hidden;}
}


@media (max-width: 991px) {

    .body_content {
        margin-left: 3.5rem;
        width: calc(100% - 3.5rem);
    }

    #head_layout {
        height: 9vh
    }

    #dealerbutton {
        margin-left: 5px
    }

    .nav_condense .keepTree {
        width: 30vw;
    }
}
@media (max-width: 991px) {

    #leftNavigation {
        /* width: 50%; */
        position: absolute;
        z-index: 99;
        top: 0;
        bottom: 0;
    }
}

.fg-toolbar,.fg-toolbar select {color:#000;}
.border-divider {
	border-top: 1px solid #e5e8e7;
	margin: 25px -30px;
	}
.selectlst {list-style-type:none;padding:0;display: flex;flex-wrap: wrap;}
.selectlst li{width:33%;}	
@media (max-width:768px) {
.selectlst li{width:100%;}
.req_feild_star {margin-right:0px;}	
.border-divider {
	border-top: 1px solid #e5e8e7;
	margin: 25px -15px;
	}
.izmo_car_left {position:relative;}
.headerinner-leftitms .izmo_car_img {
	padding-left:0%;
    width: 100px;
    height: auto;
    margin-top: 12px;
}
.login_details{font-size: 11px;}	
.izmo_car_left > img{
    display: none;
}
#nav_menu {display:block;position:absolute;top: 50%;z-index:99;left: 7px;transform: translateY(-50%);}
.izmo_car_right {
    display: block;
    flex-basis:100%;
    display:flex;
    flex-direction:column;
}
.izmo_car_left {width:3.5rem}	
.nav_condense .izmo_car_left {
    background: #303f56;
    /* flex-basis:8%; */
}
.topRightSection { flex-basis:90%;}
.headerinner-leftitms {margin-left:0px;flex-basis:60%;}
.nav_condense #leftNavigation .leftMenuMain .keepTree {
    z-index: 2;
    position: absolute;
    left: 3.5rem;
    margin-top: -2.7em;
    display: none;
}
.izmo_car_left {
    padding: 0px 0px;
}
.headerinner-leftitms {flex-direction: column;}
.selOrganization {
    margin-top: 10px;
}
.filter-elements .formelem {
    width: 50%;
}
.formelem_date {
    width:50%;
}
}
.nav_condense #leftNavigation .leftMenuMain .keepTree {
    z-index: 2;
    position: absolute;
    left: 3.5rem;
    margin-top: -3.6em;
    display: none;
}
@media (max-width: 991px) {
.headerinner-leftitms .izmo_car_img {
	padding-left:2%;
}	
.headerinner-leftitms {
    margin-left: 0px;
    flex-basis: 60%;
    flex-direction: column;
}
.selOrganization {
    margin-top: 10px;
}	
.nav_condense .izmo_car_left {
    background: #303f56;
}
.login_details {margin-right:15px;}
.logo-org-usrdtls {margin-left: 10px;}
.headerleft-inneritems,.headerright-inneritems {flex-basis: 50%;}
.logo-org-usrdtls {flex-direction:row;flex-wrap: nowrap;}
.header_select{word-break: break-word;}
.headerleft-inneritems {display:none;}
 .loginname {display: none;}
.headerleft-inneritems {
	background:#303f56;
	padding: 20px;
	top: 0;
	right: 0%;
	position: absolute;
	z-index: 100;
}
.select_org {
	width:95%;
}
.bthome a, .btback a {
    display: block;
    margin-right: 0 !important;
}
.bthome ~ div{margin-top: 20px !important}
.headerinner-leftitms {
    padding-top: 0px;
}
#selectLocale{left: 0 !important;}
.closemenuicon {display: block;position:absolute;z-index:99;color:#fff;right:15px;top:-8px;}
.menulinks {display:block;position:absolute;z-index:99;right:20px;top: 8px;}
.headerinner-rghtitms div {
    text-align:center;
}

#selectCountry{left: 0 !important;}
.closemenuicon {display: block;position:absolute;z-index:99;color:#fff;right:15px;top:-8px;}
.menulinks {display:block;position:absolute;z-index:99;right:20px;top: 8px;}
.headerinner-rghtitms div {
    text-align:center;
}

.headerinner-rghtitms div.dropdown {
    margin-left: 0px;
    width: 100px;
    margin-top: 0;
}
.formelem_date,.formelem {
    width: 49%;
}
.headerleft-inneritems.open {
    display: block;
}
}
.formRow{
    margin-right: -30px;
    margin-left: -30px;		
}
@media (max-width:667px) {
	.nav_condense .keepTree {
	    width: 80vw;
	}
	.filter-elements .formelem,.formelem,.formelem_date {
	    width: 100%;
	}
	.custommargintop,.margintop2em {margin-top:1em;}
}
.nav_condense .menuItem{padding: 6px 10px 10px 9px;}
.nav_condense .menuItem a span{white-space: nowrap;}
.nav_condense .clip .dTreeNode {
    margin: 11px 32px 7px 6px;
}
@media (max-width:990px) {
	.loginname{display: none;}
}
.headerblock {
    position: relative !important;
    margin: 15px 26px 15px 25px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
}
.centerDiv{
    border: 1px solid #E7EBEC !important;
    border-radius: 5px !important;
    width: auto !important;
    margin: 0 25px 0 !important;
    padding: 2em 2em 10em 2em!important;
    top: unset !important;
    position: relative;
}
.customflex {display:inline-block;vertical-align:top;}
@media (max-width:767px) {
#leftPaneUpload,#rightPaneUpload {
	display: block !important;
    vertical-align: top;
    border-right: none !important;
    width:100% !important;}
	.headerblock {
		margin: 15px!important;
	}
	.centerDiv{
		margin: 0 15px 30px !important;
    	padding: 1em !important;
	}
}
#selectLocale{border-radius: 3px;color: white;border: 1px solid #4b5770;height:2.4em;position: relative;width:180px;left:8px;padding: 0 10px;
background: url(../images/icons/arrow_down_b.png) no-repeat 95% 50% #4b5770;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
cursor:pointer;
}
#selectCountry{border-radius: 3px;color: white;border: 1px solid #4b5770;height:2.4em;position: relative;width:180px;left:8px;margin-right:20px;padding: 0 10px;
background: url(../images/icons/arrow_down_b.png) no-repeat 95% 50% #4b5770;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
cursor:pointer;
}
#frame {min-height: 500px;
    overflow: scroll;}
.topsubheadpad {padding-left: 32px;}
#dataTableGrid_length.dataTables_length label select{
	 background: url(../images/icons/arrow_down_b.png) no-repeat 95% 55%;
    width: 55px;
    height: auto;
     -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	}
.menuItem.opened .menuarrow{transform: rotate(90deg);}
.menuItem.opened a{color:#fff !important;filter: brightness(150%);}
.table thead th{vertical-align: middle !important;}
.g-width-90{width: 6.428571rem !important;}
.dataTables_length{padding-top:5px;float: right;width: auto;}
.dataTables_length, #dataTableGrid_paginate.dataTables_paginate, #dataTableGrid_info.dataTables_info, #dataTableGrid1_paginate.dataTables_paginate, #dataTableGrid1_info.dataTables_info{font-size: 14px;}
.dataTables_length select{font-weight: normal;}
.dataTables_length label{margin-bottom : 0}
#dataTableGrid_wrapper.dataTables_wrapper .fg-toolbar{
    border: none;
     margin-bottom: 15px;
     padding-top:0px!important
}
#dataTableGrid_paginate .fg-button,#dataTableGrid1_paginate .fg-button{
	background: white;
	font-weight: normal;
	border: 1px solid #e5e8e7;
	padding: 10px 5px;
	margin: 0 6px;
	border-radius: 5px;
	min-width: 40px;
	width:auto;
}
.tool-wrapper{
	display: flex;
    align-items: center;
    margin-bottom: 10px;
    justify-content: space-between;
}
button.dt-button, div.dt-button, a.dt-button,
button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled),
button.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled),
button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled){
	border: 0;
    background: #4267b2 !important;
    color: #fff;
    box-shadow: none !important;
}
.dt-button.buttons-columnVisibility:not(.active){
	opacity: 0.5;
}
.dataTables_paginate span span.ui-state-disabled, .dataTables_paginate span a.ui-state-disabled{
	background: #4267b2!important;
    opacity: 1;
    color: #fff;	
}
.dataTables_paginate a:hover{
	color: initial;
}
.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 0 0 1em;}
#dataTableGridgotopage{
	width: 50px;
    margin-right: 5px;
    border: 1px solid #e5e8e7;
    border-radius: 3px;
    height: 2.1em;
    position: relative;
    top: 1px;	
}
td .td-ellipsis{
	display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.fade.in{opacity:1;}
.itemcolon{float:left;padding: 0 10px;}
.itemvalue{float:left;text-align:left;}
@media (max-width:350px) {
.buttons_top a { padding: 10px 8px !important;}

} 
#smodetails .cblock .right_item:nth-child(4){width: 150px;}
@media (max-width: 575px) {
    #smodetails .row_item.cblock,#dealerdetails .row_item.cblock {
        flex-wrap: wrap;
    }
	#smodetails .cblock .right_item,#dealerdetails .cblock .right_item{width: 100%;}
	#smodetails .cblock .itemvalue,#dealerdetails .cblock .itemvalue {
		width: 100%;
		word-break: break-word;
	}
	#smodetails .cblock .right_item:nth-child(4) .itemvalue {
		margin: 5px 0 15px;
		font-size: 85%;
	}
	#smodetails .cblock .right_item:nth-child(4) .itemvalue {
        margin: 5px 0 15px;
        font-size: 85%;
    }
	#smodetails .cblock .right_item:nth-child(4) .itemvalue:before {
		content: attr(data-igs) ' :';
	}
	.ui-datepicker td span, .ui-datepicker td a{width: 35px; height: 35px;}
	.ui-datepicker{width: 20em !important;}
}
@media (max-width:375px) {
	.ui-datepicker{width: 17em !important;padding:0.8em 0.5em}
	.ui-datepicker td span, .ui-datepicker td a{width: 30px; height: 30px;}
}
#tab1specialsinner img, #tab2specialsinner img, #tab3specialsinner img{height:150px !important;width:300px !important;}
#tab1specialsouter, #tab2specialsouter, #tab3specialsouter{overflow:hidden;margin-left: 25px;margin-right: 25px;}
#tab1specialsinner ul, #tab2specialsinner ul, #tab3specialsinner ul{display:flex;}	
.custom-file-input{cursor: pointer;}
div#popup_message #cutomdiv p:first-child{width:45%;float:left;}
div#popup_message #cutomdiv p:last-child{width:45%;float:right;}#popup_message select{height:3em;}
div#popup_message #cvalue, div#popup_message #lnkbut{background: #4267b2;border-radius: 3px;color: #fff !important;padding: 10px 30px !important;cursor: pointer;margin: 5px !important;
line-height: 24px;width: auto !important;font-size: 14px;border:0px;float:right;}
.treeview-red .regular-checkbox{margin-right:2%;}.landingpage a.jqTransformCheckbox{display:none;}
#popup_container{top:-30px !important;font-family: Open Sans !important;max-width:600px !important;width:100% !important;}
#popup-close{position: absolute;right: 10px;top: 10px;}
.fbrule_choose_opt{font-size:14px;}
.g-brd-red-v2,.g-bg-red-v2 {
	background-color: #F2413B !important;
}  
.g-brd-reject-v2,.g-bg-reject-v2{
	background-color: #795549 !important;
} 
.g-brd-ntap-v2,.g-bg-ntap-v2{
	background-color: #6991A7 !important;
} 
.g-brd-review-v2,.g-bg-review-v2{
	background-color: #FE9627 !important;
} 
.g-brd-draft-v2,.g-bg-draft-v2{
	background-color: #A777C9 !important;
} 
.g-brd-pass-v2,.g-bg-pass-v2{
	background-color: #43BF57 !important;
} 
.g-brd-approve-v2,.g-bg-approve-v2{
	background-color: #3366CC !important;
}
 #tableloader {
    z-index: 99;
    position: absolute;
    width: calc(100% - 56px);
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    background: #fff;
    top: 0;
    bottom: 0;
    overflow: hidden
}
#tableloader .fa-spinner{
    height: 400px;
    display: flex;
    align-items: center;	
}
#tableloader .fa-spinner:before {
    content: "\f110";
    font-size: 65px;
    color: #f12655;
}
.centerDiv table#dataTableGrid td{word-break: break-word;}
.centerDiv table.tabledatagrid{opacity:0;overflow:hidden;min-height:300px;}
.centerDiv .ui-widget-header + table.tabledatagrid{min-height:unset !important;}
img.ui-datepicker-trigger{cursor: pointer;} 
.dataTables_paginate .ellipsis {margin-right:6px;}
#tagsModel .treeview .regular-checkbox{
	float: left;
    width: 20px;
    margin-right: 8px;
    margin-bottom: 5px;
}
#gschangeval {top:5%;}
#gschangeval .modal-dialog{max-width:60%;}
#gschangeval .modal-content{padding: 10px;}
#gschangeval .close{padding: 10px;outline: none;}
.successmsgrm {padding-bottom: 10px;color: #f03434;font-weight: bold;}
.tbodycontent td style{display:block;}
#gschangeval tr th{padding:10px 10px;border-bottom:1px solid #e9ecef;}
#gschangeval .tbodycontent tr td{padding: 10px 10px;border-bottom: 1px solid #dcdcdc;}
#gschangeval .modal-body {max-height: 250px;overflow-y: auto;}
.modalblock:after {
	content:'';
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0,0,0,0.5);
    }
   .imgPositionRelative{position:relative}