/*datepicker image*/
.ui-datepicker-trigger {
    width: 0;
    height: 0;
    border: 0;
    padding-bottom: 21px;
    padding-left: 23px;
    background: url(../Content/21_calendar.gif) no-repeat;
}

    .ui-datepicker-trigger:hover {
        background: url(../Content/21_calendar_hover.gif) no-repeat;
    }
/*--datepicker image*/

/*access codes page*/
.dlg_gen_ac {
    padding: 1px;
    border: 1px solid #b7b7b7 !important;
    border-right: 3px solid #879092 !important;
    border-bottom: 3px solid #879092 !important;
    margin: 0;
    display: none;
}

    .dlg_gen_ac table {
        font-family: 'Trebuchet MS', Helvetica, sans-serif;
        font-size: 11px;
    }

    .dlg_gen_ac .ui-dialog-content {
        padding: 0;
    }

.dlg_gen_ac_head {
    height: 43px;
    line-height: 43px;
    background-color: #E9F3F5;
    color: #333333;
    margin-bottom: 0px;
    padding-left: 15px;
}

.dlg_gen_ac_head_text {
    text-decoration: none;
    color: #323136;
    float: left;
    padding-left: 10px;
    font-size: 15px;
    font-weight: bold;
}

.dlg_gen_ac_head_icon {
    background: url(../Content/generate.png) no-repeat top left;
    width: 24px;
    height: 24px;
    float: left;
    margin-top: 10px;
}

.dlg_gen_ac_fields {
    margin: 0px 0px 5px 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
}

.dlg_gen_ac_buttons {
    padding: 0px;
    margin: 0;
    color: #666666;
    text-align: right;
    display: block;
}

.dlg_gen_ac_label {
    color: #6C6C6C;
    padding-top: 4px;
    padding-bottom: 0px;
}

.dlg_gen_ac_value {
    color: #323232;
}
/*--access codes page*/

/*form fields validation message*/
.field-validation-error {
    color: red;
}
/*--form fields validation message*/

/* Kendo */

.k-upload .k-clear-selected {
    display: none;
}

.k-list-optionlabel.k-state-selected.k-state-focused, .k-list > .k-state-selected.k-state-focused {
    box-shadow: none;
}

.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused {
    box-shadow: none;
    -webkit-box-shadow: none;
}
.k-autocomplete.k-state-hover > .k-i-close, .k-combobox > .k-dropdown-wrap.k-state-hover > .k-i-close, .k-autocomplete.k-state-focused > .k-i-close, .k-combobox > .k-dropdown-wrap.k-state-focused > .k-i-close {
    display:none;
}

/* --Kendo */
/* kendo grid paggination */
.k-grid-pager .k-i-arrow-60-right:before,
.k-grid-pager .k-i-arrow-end-left:before,
.k-grid-pager .k-i-arrow-60-left:before,
.k-grid-pager .k-i-arrow-end-right:before {
    content: none;
}

li.k-item .k-i-collapse:before {
    bottom: -5px;
}

.k-multiselect > .k-multiselect-wrap > .k-i-close {
    padding-right: 2px;
}

.k-button.k-button-icon .k-icon:before, .k-grid-filter .k-icon:before, .k-header .k-icon:before {
    font-size:13px;
    padding-left:3px;
}

.k-grid-pager {
    display: flex;
    justify-content: center;
    background-color: white;
    border-color: white;
    text-align: center;
}
.k-grid-pager > .k-link {
    float: none;
    border-style: none;
    border-width: 0px;
    display: inline-block;
}
.k-grid-pager > .k-pager-nav > .k-icon {
    background: url(../Content/pageNavButtons.png) no-repeat top left;
}

.k-grid-pager > .k-pager-nav.k-state-disabled > .k-icon.k-i-arrow-60-left {
    background-position: -119px 0;
}
.k-grid-pager > .k-pager-nav > .k-icon.k-i-arrow-60-left {
    background-position: -102px 0;
}
.k-grid-pager > .k-pager-nav.k-state-disabled > .k-icon.k-i-arrow-60-right {
    background-position: -85px 0;
}
.k-grid-pager > .k-pager-nav > .k-icon.k-i-arrow-60-right {
    background-position: -68px 0;
}
.k-grid-pager > .k-pager-nav.k-state-disabled > .k-icon.k-i-arrow-end-left {
    background-position: -17px 0;
}
.k-grid-pager > .k-pager-nav > .k-icon.k-i-arrow-end-left {
    background-position: 0 0;
}
.k-grid-pager > .k-pager-nav.k-state-disabled > .k-icon.k-i-arrow-end-right {
    background-position: -51px 0;
}
.k-grid-pager > .k-pager-nav > .k-icon.k-i-arrow-end-right {
    background-position: -34px 0;
}

.k-grid-pager > .k-pager-input > .k-textbox {
    width: 34px;
    height: 18px;
    font-family: 'Trebuchet MS', Helvetica, Sans-Serif;
    border-radius: 0px;
    border-color:  #9DBFCF;
    font-size: 10px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 0px;
    padding-top: 0px;
}
.k-grid-pager > .k-pager-input > .k-textbox:focus {
    outline :#87cefa auto 1px;
}
.k-grid-pager > .k-pager-input {
    /*font-family: 'Trebuchet MS', Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: normal;*/
    float: none;
}

.k-grid-pager .k-pager-sizes select {
    display: none;
}
/* --kendo grid paggination */

.k-widget {
    border-style: none;
    border-width: 0px;
}
.k-header {
    cursor: default;
    background: #FFFFFF;
}

/* kendo grid */

/*.k-grid .k-grid-header .k-filtercell > span > span.k-widget.k-header:first-child {
    border-style: solid;
    border-width: 1px;
}*/

.k-grid .k-grid-header .k-filtercell span[role=presentation] {
    border-style: solid;
    border-width: 1px;
}

.k-grid-header {
    border-color: #C2EBFF;
}

.k-grid tr:hover {
    background: none;
}

.k-grid tr.k-alt:hover {
    background: none;
    background-color: #f1f1f1;
}

.k-grid-header th.k-header {
    padding: 6px 10px 6px 10px;
    cursor: default;
    vertical-align: top;
    height: 26px;
    background: #FFFFFF;
    border-top: 1px solid #C2EBFF;
    border-bottom: 1px solid #C2EBFF;
    border-left: 0 none;
    border-right: 0 none;
    font-weight: bold;
    white-space: normal;
}
.k-grid-header-wrap {
    border-bottom: 1px solid #C2EBFF;
}
.k-grid td {
    border-style: none;
}
/*tbody {
    border: 0 none;
}*/

.k-grid-header .k-header .k-link,
.k-grid-header .k-header,
.k-grid-header .k-link,
.k-grid-header .k-link:link,
.k-pager-info, .k-scheduler-header,
.k-scheduler-agendaview .k-scheduler-datecolumn {
    color: #266173;
}


/*.k-grid td {
    border-style: none;
}*/

.k-grid td img[data-target=edit-item],
.k-grid td img[data-target=delete-item],
.k-grid td img[data-target=view-notes],
.k-grid td img[data-target=unbind-item],
.k-grid td img[data-target=copy-item] {
    border: 0px none;
    vertical-align: middle;
    cursor: pointer;
}

/* --kendo grid */

/* kendo multiselect */
.k-multiselect .k-input:not(.k-readonly) {
    min-height: 0;
    max-height: 0;
    transition: max-height 0.15s ease-out;
    padding: 0;
}

.k-multiselect .k-input:focus {
    max-height: 500px;
    transition: max-height 0.25s ease-in;
}

.k-list-container .k-list .k-item.k-state-selected {
    background-color: #006699;
    border-color: #006699;
}
.k-multiselect .k-button:active:hover, .k-multiselect .k-button.k-state-active:hover {
    background-color: #006699;
}
.k-multiselect {
    padding: 0;
}

.k-multiselect.k-header {
    height: 22px;
}

.k-multiselect.k-header:not(.multiselect-filter) {
    border: 1px solid #e6e6e6;
}

.k-multiselect .k-multiselect-wrap.k-floatwrap {
    cursor: pointer;
    white-space: normal;
    min-height: 21px;
}

.k-multiselect .k-input.k-readonly {
    cursor: pointer;
    color: #006699;
    opacity: 1;
}

/* --kendo multiselect */

/* kendo dropdowns */
span.k-dropdown.k-header, span.k-timepicker.k-header, span.k-datepicker.k-header {
    padding: 0;
}
/* --kendo dropdowns */

/* --kendo treeview */
.k-treeview input[type=checkbox] {
    top: 0px !important;
}
/* kendo treeview */

.prevertOverflow {
    overflow: hidden !important;
}
/* This style is for message boxes. Thir markup breaks, because jquery-ui style  has changed from version to version. */
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 1em;
}

/* mass enrol wizards */

#DialogWindow .massEnrolWizard.k-tabstrip:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#DialogWindow .massEnrolWizard.k-tabstrip > .k-content {
    border: none;
    padding: 0;
}

#DialogWindow .massEnrolWizard .staticTreeViewControl .userGroupsTreeviewContainer {
    height: 300px;
}

#DialogWindow .massEnrolWizard .staticTreeViewControl .userGroupsTreeviewContainer .k-state-selected {
    color: black;
}

#DialogWindow.tab-selected-0 [data-target=apply-selection],
#DialogWindow.tab-selected-0 [data-target=switch-to-0] {
    display: none;
}

#DialogWindow.tab-selected-1 [data-target=switch-to-1] {
    display: none;
}

#DialogWindow.tab-selected-not [data-target=apply-selection],
#DialogWindow.tab-selected-not [data-target=switch-to-0] {
    display: none;
}
/* --mass enrol wizards */
/* edit forms */
.formFieldsContainer {
    position: relative;
}
.formFieldsContainer .formRow {
    padding-top: 9px;
    padding-bottom: 8px;
    overflow: auto;
}
.formFieldsContainer .formRow .formFiledLabel,
.formFieldsContainer .formRow .formFieldLabel {
    float: left;
    width: 120px;
    padding-left: 5px;
    position:relative;
}
.formFieldsContainer .formRow .formFiledLabel:after,
.formFieldsContainer .formRow .formFieldLabel:after {
    content:':';
    position:absolute;
    right:-3px;
    top:0;
}
.formFieldsContainer .formRow .formFiledValue,
.formFieldsContainer .formRow .formFieldValue {
    margin-left:145px;
}
.formFieldsContainer .formRow:nth-child(even) {
    background:#F7F7FF;
}

.formFieldsContainer .formButtons {
    padding-top:20px;
    text-align:center;
    padding-bottom:8px;
}
.formFieldsContainer .field-validation-error {
    display:block;
}

.formFieldsContainer [data-user-field], .formFieldsContainer [data-admin-field], .formFieldsContainer [data-prospect-field]  {
    display: none;
}
/* --edit forms */

/* edit forms for dialogs */
.formFieldsContainer.formDialog {
    padding-top: 10px;
}

    .formFieldsContainer.formDialog .formRow {
        width: 455px;
    }

        .formFieldsContainer.formDialog .formRow .formFiledValue input[type=text] {
            margin-right: 30px;
            width: 270px;
        }

        .formFieldsContainer.formDialog .formRow .formFiledValue textarea {
            margin-right: 30px;
            width: 268px;
        }
/* --edit forms for dialogs */

/* postcode binder */
[data-role="postcodebinder"] {
    text-transform:uppercase;
}

.postCodeSearchBtn {
    border-width: 0px;
    width: 20px;
    display: inline-block;
    height: 20px;
    margin-left: 4px;
    margin-top: -2px;
    cursor: pointer;
    vertical-align: top;
    background-image: url('/Modules/MWS.SiteComponents/Images/postcode.png');

}
.postCodeSearchBtn:hover {
    background-image: url('/Modules/MWS.SiteComponents/Images/postcode_hot.png');
}
.postCodeLocationsList {
    width: 193px;
    display: none;
    margin-left: 4px;
}
/* --postcode binder */

* {
    outline: none;
}

.addEntityButtonText {
    padding-left: 5px;
    border-width: 0px;
    cursor: pointer;
    vertical-align: top;
    height: 18px;
    width: 16px;
    display: inline-block;
}

.addEntityButton {
    border-width: 0px;
    cursor: pointer;
    vertical-align: top;
    height: 18px;
    width: 16px;
    display: inline-block;
    background-image: url('/Modules/MWS.SiteComponents/Images/btn/add_normal.png');
}

.addEntityButton:hover {
    background-image: url('/Modules/MWS.SiteComponents/Images/btn/add_hovered.png');
}

.subscritionStatusImg {
    vertical-align: middle;
    cursor: pointer;
}

.mws-btn {
    font-family: 'Trebuchet MS', Helvetica, Sans-Serif;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    line-height: 28px;
    display: inline-block;
    vertical-align: top;
    min-width: 110px;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mws-btn_orange {
    color: #fff !important;
    text-decoration: none !important;
    border: 1px solid #ea690e;
    -moz-box-shadow: inset 0 1px 0 0 rgba(249,210,167,.57);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(249,210,167,.57);
    box-shadow: inset 0 1px 0 0 rgba(249,210,167,.57);
    background: rgb(244,152,39);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0OTgyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTY5MGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(244,152,39,1) 0%, rgba(234,105,14,1) 100%);
    background: -webkit-linear-gradient(top, rgba(244,152,39,1) 0%,rgba(234,105,14,1) 100%);
    background: linear-gradient(to bottom, rgba(244,152,39,1) 0%,rgba(234,105,14,1) 100%);
}

.mws-btn_blue {
    color: #fff !important;
    text-decoration: none !important;
    border: 1px solid #006699;
    -moz-box-shadow: inset 0 1px 0 0 rgba(10,200,255,.57);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(10,200,255,.57);
    box-shadow: inset 0 1px 0 0 rgba(10,200,255,.57);
    background: rgb(0,133,199);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODVjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY2OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0,133,199,1) 0%, rgba(0,102,153,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,133,199,1) 0%,rgba(0,102,153,1) 100%);
    background: linear-gradient(to bottom, rgba(0,133,199,1) 0%,rgba(0,102,153,1) 100%);
}

.mws-btn_red {
    color: #fff !important;
    text-decoration: none !important;
    border: 1px solid #cc3333;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,155,.57);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.57);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,.57);
    background: rgb(255,50,50);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,50,50,1) 0%, rgba(204,51,51,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,50,50,1) 0%,rgba(204,51,51,1) 100%);
    background: linear-gradient(to bottom, rgba(255,50,50,1) 0%,rgba(204,51,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#cc3333',GradientType=0 );
}

.mws-textbox {
    font-family: 'Trebuchet MS', Helvetica, Sans-Serif;
    height: 30px;
    font-size: 12px;
    width: 100%;
    padding: 0 10px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #266173;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mws-btn_exportLink {
    position: relative;
    padding-left: 33px;
}

    .mws-btn_exportLink:before {
        content: '';
        display: block;
        position: absolute;
        left: 7px;
        top: 0;
        height: 100%;
        width: 20px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO9JREFUeNqs1LEKwjAQBuBrKSouFlHETVxsRRF9DScXd5/Dx3Fz8BF8AVf7EiIiTjpI/AtXiOYSNPbgI2nLpbk2XKCUIiFC6MEAhjwmkEKbHBHBlBNSLTEfa+QRgbJs0ZUDtpxjRH4R8HiFWLuvQio5Phdc870D3KALKyFPsYY2V9I3vMME+jCGDWTQFMotFn6/VmbsIYQ67ITnpDGupZ/y4OP05DlZSpbmRskXGMEcKrDNjwJ0fEteQgwnOPN88UvJZR9s+vdgGyWXfrB9d2j7y1m+4EzrNonWcapflCx2G1c/LF6SaP2w5dr6S4ABAEt4x/D54P4FAAAAAElFTkSuQmCC') no-repeat transparent center center;
    }

.originalListsStyle ul {
   list-style-type: disc;
   list-style-position: inside;
}

.originalListsStyle ol {
   list-style-type: decimal;
   list-style-position: inside;
}

.newRecord:before {
    content: "";
    background: url("/Themes/MwsBase/Styles/Images/icn_new_badge.png") no-repeat;
    margin: 2px 6px 0 0;
    height: 20px;
    width: 20px;
    float: left;
}
/*Order Arrows */
.container:hover .steps-arrows .arrow.up {
    background-position: -52px -128px;
}

.container:hover .steps-arrows .arrow.down {
    background-position: 14px -128px;
}
.steps-arrows .arrow {
    margin-left: 10px;
    cursor: pointer;
    height: 25px;
    float: left;
    width: 44px;
    margin: 0;
    background-image: url(/Modules/MWS.PerformanceManager/Images/PerformanceManager/wizard-sprite.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.steps-arrows .arrow.up {
    border-left: 1px solid #e0e0e0;
    background-position: -52px -98px;
}

.steps-arrows .arrow.down {
    background-position: 14px -97px;
}

.steps-arrows .arrow.up:hover,
.steps-arrows .arrow.down:hover {
    color: #5dc600;
}
/*Order Arrows*/

.gear {
    margin-left: 10px;
    cursor: pointer;
    height: 25px;
    float: left;
    width: 44px;
    margin: 0;
    background-image: url(/Modules/MWS.Review/Images/Program/grey.gear.png);
    background-repeat: no-repeat;
}