/*===============================================
  Theme: STÄRKA-2
  Copyright© 2017, STÄRKA-2
  Developed by: Websearch Professionals Pvt. Ltd.
  Author: Anup K. Maharjan, Rabin Chauguthi, Bivek Niraula
=================================================*/


/*----------  Reset Part  ---------*/


/*default color : rgba( 0, 184, 212, 1 )*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}


/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* change border colour to suit your needs */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}


/*------------------- Theme for Kats Admin---------------------*/

html {
    overflow-y: scroll;
}

html,
body {
    height: 100%;
}

.page {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -35px;
}

.footer-admin,
.footer-space {
    height: 35px;
}

.footer-admin {
    background: rgba( 0, 184, 212, 1 );
    color: #fff;
    width: auto;
    min-width: 1024px;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

body {
    background-color: #fff;
    background-image: url(../../images/bg-body-admin.svg);
    background-position: left top;
    background-repeat: repeat-x;
}

body,
input,
select,
textarea {
    font-family: Arial;
    font-size: 12px;
    color: #000;
}

a {
    color: rgba( 0, 184, 212, 1 );
}

a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p,
ul {
    margin-bottom: 15px;
    line-height: 1.6em;
}

h1,
h2,
h3,
h4,
table,
form {
    margin-bottom: 15px;
    font-weight: normal;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

form {
    width:  100%;
    float: left;
    clear:  right;
}

.clearfix {
    clear:  both;
}

.titleBar {
    background: rgba( 0, 184, 212, 1 );
    color: #fff;
    margin-bottom: 0;
    font-size: 1.2em;
    font-weight: normal;
    height: 36px;
    line-height: 35px;
    padding: 0 10px;
}

.wrapper,
nav,
footer {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

.wrapper {
    margin-bottom: 15px;
}

.fleft {
    float:left;
}

.fright {
    float:right;
}

.fullwidth {
    width: 100%;
}

header {
    background: rgba( 0, 184, 212, 1 );
    overflow: hidden;
    margin-bottom: 15px;
    height: 81px;
    min-width:  1024px;
    box-sizing: border-box;
    padding-left: 10px;
}

header,
header a {
    color: #fff;
}

header .wrapper {
    position: relative;
}

header h1 {
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    width: 400px;
    height: 47px;
    background: url(images/logo.png) left top no-repeat;
    margin: 17px 0 19px;
}

header h1 a {
    width: 400px;
    height: 47px;
    display: block;
}

#main {
    padding: 20px 20px 5px 20px;
    background-color: #fff;
}

footer {
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
}

nav ul {
    position: relative;
    text-align: left;
}

nav ul li {
    display: inline;
    margin-right: 5px;
    list-style: none;
}

nav ul li a {
    color: #000;
    padding: 0 8px;
    font-size: 1.2em;
    font-weight: bold;
}

nav ul li a:hover,
nav ul li a:active,
nav ul li.selected a {
    color: rgba( 0, 137, 158, 1 );
    text-decoration: underline;
}

#loginNav {
    float: right;
    width: 460px;
    padding: 4px 110px 0 0;
    /* margin-top: 33px; */
    margin-top: 28px;
    position: relative;
    text-align: right;
}

#loginNav span {
    position: relative;
    top: 3px;
}

.loggedinText {
    float: left;
    color: #f86600;
    font-weight: bold;
    font-size: 1.2em;
}

.loginBtn {
    float: right;
}

#loginNav .btnSmall {
    position: absolute;
    top: 0;
    right: 20px;
}


/*-------  Buttons  -------*/

.loginBtn,
.btnSmall {
    /* background: #7da939 url(../../images/bg-btn-small.gif) left top repeat-x !important; */
    background-color:  rgba( 255, 255, 255, 0.2 );
    background-color:  rgba( 0, 184, 212, 1 );
    color: #fff;
    padding: 2px 10px !important;
    /* border: 0 !important; */
    border:  1px solid rgba( 0, 184, 212, 1 );
    font-size: 14px !important;
    cursor: pointer;
    display: block;
    /* height: 19px; */
    line-height: 1.3;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative;
    -webkit-transition: .25s linear;
       -moz-transition: .25s linear;
        -ms-transition: .25s linear;
         -o-transition: .25s linear;
            transition: .25s linear;
}



.loginBtn:hover,
.btnSmall:hover {
    background-image: none !important;
    /* background-color: rgba( 255, 255, 255, 0.9 ); */
    background-color: rgba( 0, 123, 142, 1 );
    color: rgba( 255, 255, 255, 1 );
    text-decoration: none;
}

.btn--cancel ,
.btn--preview {
    background-color:  rgba( 255, 255, 255, 0.2 );
    color: rgba( 34, 34, 34, 1 );
}
.btn--cancel:hover ,
.btn--preview:hover {
    background-color:  rgba( 0, 184, 212, 1 );
    color: #fff;
}
#loginNav .btnSmall {
    background-color:  rgba( 255, 255, 255, 0.2 );
}

#loginNav .btnSmall:hover {
    background-color: rgba( 255, 255, 255, 0.9 );
    color: rgba( 34, 34, 34, 1 );

}

input.btnSmall {
    line-height: 15px;
    padding-bottom: 4px;
}

.btnSmall,
.btnSmall span {
    font-family: "Trebuchet MS", Verdana !important;
}

.btnSmall span {
    padding: 0 !important;
    line-height: 18px !important;
    color: #fff !important;
}


/*-----------  Fomr Layout  ------------*/

form ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.form {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 15px 0 0 0;
}

fieldset ul {
    margin-top: 15px;
    list-style: none;
}

form li,
ul.form li {
    margin: 0 0 7px 0;
    padding: 0;
    /* overflow: hidden; */
    /* clear: left; */
    float: left;
    width: 100%;
}

form li label,
ul.form li label {
    min-height: 15px;
    display: block;
    float: left;
    width: 115px;
    text-align: right;
    padding-right: 8px;
}

.form .newUserForm ul li label {
    width: 115px;
}

.form .templateForm li label,
.form .periodList li label {
    width: 140px;
}

.form .editSettingForm li label,
.form .reflectionForm li label {
    width: 180px;
}

.form .practiceForm li label {
    width: 160px;
}

.form .templateForm li .btnRadio label,
.form .practiceForm li .btnRadio label,
.form .reflectionForm li .btnRadio label {
    width: auto;
}

.form .templateForm li .btnRadio input,
.form .practiceForm li .btnRadio input,
.form .reflectionForm li .btnRadio input {
    float: left;
}

.form .checkBox label {
    text-align: left;
}

fieldset {
    border: 1px solid #ddd;
    padding: 0 15px 15px 15px;
    margin: 0 0 15px 0;
    overflow: hidden;
    display: block;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 5px;
}

textarea {
    min-height: 100px;
    border: 1px solid #ccc;
    padding: 2px;
    width: 250px;
}

li textarea {
    float: left;
}

#UserName,
#Password {
    border: 1px solid #ccc;
    padding: 2px;
    /* width: 250px !important; */
    height: 20px;
    line-height: 20px;
}

input[type="text"],
input[type="password"] {
    border: 1px solid #CCCCCC;
    height: 20px;
    line-height: 20px;
    padding: 2px;
    width: 285px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
}

input[type="submit"],
input[type="checkbox"] {
    float: left;
}

.reminderList label {
    width: 150px;
}

input[type="text"].txtDate {
    width: 100px;
    margin-right: 5px;
}

input[type="text"].txtTime {
    width: 60px;
}

.ui-datepicker-trigger {
    border: 0;
    cursor: pointer;
    margin-bottom: -3px;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(images/icon-calender.png) no-repeat;
}

div.time-picker {
    width: 4.7em !important;
}

li.photo-preview {
    padding-left: 15px !important;
    -webkit-box-sizing:  border-box;
    -moz-box-sizing:  border-box;
    box-sizing:  border-box;
}

#templateForm input[type="text"],
#templateForm input[type="password"],
#templateForm textarea {
    width: 280px;
}
/*-----  Pages  -----*/

#main,
#templateForm {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:  100%;
}

.titleBar .btnSmall {
    font-size: 14px !important;
    background-color:  rgba( 255, 255, 255, 0.2 );
    display: inline-block;
    margin: 6px 8px;
}

.titleBar .btnSmall:hover,
.titleBar .btnSmall.selected {
    background-color:  rgba( 255, 255, 255, 0.9 );
    color: rgba( 34, 34, 34, 1 );
}

.titleBar .btn--save {
    background-color:  rgba( 0, 137, 158, 1 );
}
.addForm {
    padding-bottom: 20px;
    overflow: hidden;
}

.addForm .btnSmall {
    float: left;
}

.group .btnSmall {
    float: none;
    display: inline-block;
}

.selectList {
    float: right;
    margin-top: -35px;
    position: relative;
}

.linkUser,
.linkEdit,
.linkDelete,
.linkInfo,
.linkEditPageInfo,
.linkEditUser,
.linkSettings,
.linkPreview,
.linkCopy,
.linkDeleteControl {
    display: block;
    float: left;
    margin-left: 13px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -999px;
}

.linkEditUser {
    background: url(../../images/icon-edit-user.gif) left top no-repeat;
}

.linkEdit {
    background: url(../../images/icon-edit.png) left top no-repeat;
    margin-left: 0;
}

.linkInfo {
    background: url(../../images/icon-info.png) left top no-repeat;
}

.linkEditPageInfo {
    background: url(images/config_edit.png) left top no-repeat;
}

.linkDelete,
.linkDeleteControl {
    background: url(../../images/icon-delete.png) left top no-repeat;
}

.linkSettings {
    background: url(../../images/icon-settings.png) left top no-repeat;
}

.linkCopy {
    background: url(../../images/icon-copy.png) left top no-repeat;
}

.linkPreview {
    background: url(../../images/icon-preview.png) left top no-repeat;
}

.linkUser {
    background: url(../../images/usericon.png) left top no-repeat;
    height: 16px;
    width: 16px;
    display: block;
    float: left;
    margin-left: 10px;
    text-indent: -999px;
}

li .cleditorMain {
    margin: 0;
}

.cleditorMain {
    float: left;
    margin: 0 0 10px 0;
}

#HomeworkContentDetail {
    margin-bottom: 10px;
}

.clsDivOrder {
    float: left;
    width: 135px;
    padding: 5px 10px 0 0;
    text-align: right;
}

.linkAdd {
    float: right;
    margin-right: 53px;
}

.editorList {
    overflow: hidden;
}

#progress {
    margin-left: 140px;
}

.actions {
    overflow: hidden;
}

.actions input,
.actions .btnSmall {
    margin-right: 5px;
    display: inline-block;
}

.ui-widget {
    font-size: 1em !important;
}

.ui-dialog form {
    overflow: hidden;
}

.ui-dialog #previewStep.ui-dialog-content {
    /* padding: 10px 0 0 0 !important; */
    padding: 0 ;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-dialog .ui-dialog-content table {
    margin-bottom: 0;
}

#patientList tr td {
    cursor: pointer;
}

.meetingList,
#NewMeetingContent {
    margin-bottom: 10px;
}

.divMeeting {
    margin-bottom: 5px;
}

.meetingList label {
    display: inline-block;
    padding-right: 5px;
    text-align: right;
    width: 195px;
}

.datePnl {
    overflow: hidden;
    margin-bottom: 5px;
}

.templates,
.templates form {
    overflow: hidden;
}

.templates .form {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    overflow: hidden;
}

.templates .form form {
    margin-bottom: 0;
    padding-bottom: 0;
    width: 286px;
}

.templates ul {
    list-style: none;
}

.templates li,
.template-container li {
    margin: 0 0 10px 0;
}

.template-list {
    overflow: hidden;
}

.template-list li {
    float: left;
    width: 19.9%;
}

.template-list li p {
    margin-bottom: 5px;
    font-weight: bold;
    overflow: hidden;
}

aside .template-list li {
    width: 100%;
}

.template-list li a.template-img {
    display: block;
    padding: 4px;
    float: left;
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
    border: 1px solid #e4e4e4;
}

.template-list li a img {
    float: left;
    /*border-radius:8px;-webkit-border-radius:8px;position:relative*/
}

.template-list li a.template-img.active,
.template-list li a:hover {
    padding: 0;
    border-width: 5px;
}

#templateLists .template-list {
    overflow-y: scroll;
    height: 900px;
}

.template-actions {
    overflow: hidden;
    clear: left;
}

.template-form {
    float: left;
    width: 420px;
}
.photo-preview {
    float: right;
    width: 545px;
    padding-top: 15px;
}

.photo-preview img {
    max-width: 200px;
    display: inline-block;
}

aside {
    width: 200px;
    float: left;
}

aside ul {
    list-style: none;
}

aside ul li {
    margin: 0;
}

aside .template-list li {
    margin: 0 0 15px 0;
}

#templateControls,
#stagePageControls {
    min-height: 20px;
    width: 520px;
    float: left;
    margin: 0 20px;
    border-left: 1px solid #ccc;
    padding-left: 20px;
}

#templateControls ul,
#stagePageControls ul {
    list-style: none;
}

#templateControls .actions,
#templateControls ul li,
#stagePageControls .action,
#stagePageControls ul li {
    margin: 0 0 15px 0;
}

.template-list-wrapper {
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
}

.template-list-container {
    position: relative;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.template-list-container span {
    cursor: move;
    width: 405px;
    display: block;
    line-height: 15px;
}

.template-list-container .linkDelete {
    display: none;
    position: absolute;
    right: 0px;
    top: 10px;
}

.template-list-container:hover .linkDelete {
    display: block;
}

.controlname {
    position: absolute;
    right: 25px;
    top: 10px;
    background: #fff;
    border-radius: 5px;
    padding: 4px 6px;
    border: 1px solid #ccc;
    display: none;
}

.template-list-container:hover .controlname {
    display: block;
}


aside .template-option-list,
.ui-draggable-dragging {
    width: 188px;
    position: relative;
    cursor: move;
    margin-bottom: 2px;
    color: #000 !important;
    padding: 5px;
    background: #D3D3D5 url(images/bg-ranking-list.png) left top repeat-x;
    border: 1px solid #B1B2B5;
}

aside .template-option-list:hover {
    padding: 5px;
    background: #b2bf69 url(images/bg-option-list-hover.png) left top repeat-x;
    border: 1px solid #8fa440 !important;
    color: #000 !important;
}

.ui-droppable {
    min-height: 40px;
}

.template-option-list img {
    float: right;
    margin-top: -2px;
    *margin-top: -15px;
}

.ui-sortable-placeholder {
    border: 1px dashed #333;
    height: 40px;
    margin-top: 10px;
    line-height: 40px;
    text-align: center;
    visibility: visible !important;
}

.ui-sortable .drag-handle-item {
    border-bottom: 0;
}

.ui-sortable .drag-handle-item .linkDelete {
    display: none;
}


/*stage*/

.option-list {
    list-style: none;
}

.option-list li {
    margin: 0 0 4px 0;
    padding: 0;
    overflow: hidden;
}

.option-list li input {
    float: left;
    margin-right: 4px;
}

.option-type-index {
    list-style: none;
    overflow: hidden;
}

.option-type-index li {
    margin-bottom: 8px;
}

.option-type-index li span,
.compare-box li span {
    margin-top: 6px;
    display: block;
    float: left;
    width: 13px;
    height: 13px;
    background: url(images/icon-small-green-orange.png) center top no-repeat;
    margin-right: 5px;
}

.option-type-index li .cleared,
.compare-box li.compare-green span {
    background-position: left bottom;
}


/*-----  Table-------*/

table {
    width: 100%;
    border-bottom: 2px solid #dadada;
}

table table {
    margin: 0;
}

table td,
table th {
    padding: 3px 10px;
    height: 35px;
    vertical-align: middle;
    border-bottom: 1px solid #fff;
}

table td {
    padding-top: 10px;
    padding-bottom: 10px;
}

table td td {
    vertical-align: top;
    padding: 0;
}

table th {
    text-align: left;
}

table .even td,
table th {
    background-color: #ededed;
}

table .odd td {
    background-color: #f9f9f9;
}

table tr:hover td {
    background-color: #f5f5f5;
}

table td.innerTable {
    padding: 10px;
}

table .innerTable table {
    position: relative;
}

table td.innerTable,
table tr:hover td.innerTable,
table .innerTable table td {
    height: auto;
    background: #d9d9d9 !important;
}

table td td.innerTableTitle {
    padding: 5px 10px;
    background: #000 !important;
    color: #fff;
}

table td td.innerTableContent {
    width: 304px;
    background: #fff !important;
    padding: 10px;
}

table td td.innerTableContent p {
    margin-bottom: 7px;
}

.innerTableContent .btnSmall {
    display: inline-block;
    margin-bottom: 7px;
}

#patientList tr td td {
    cursor: default;
}

.cke_editor tr:hover td {
    background:  transparent;
}


/*------------------  validation helpers  ------------------*/

.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors,
.validation-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.option-error {
    border: 1px solid #f00 !important;
}

.validation-summary-errors ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/*------  Custom  ------*/

.Hidden {
    display: none;
}

#progress {
    display: none;
}


/*----  Misc   ----*/

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.error {
    color: red;
}


/************ Loader*************************/

.modalPopUpBackground {
    background-color: #000000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    top: 0;
    width: 100%;
    z-index: 5;
}

.loadingCursor {
    background-image: url("images/ajax-loader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 99999 !important;
}


/******** End *********************/

.loginForm .check-box,
.loginForm p {
    padding-left: 100px;
}

.loginForm li.check-box label {
    text-align: left;
}

.linkAdd {
    cursor: pointer;
}


/*==============  Controls===============*/

.issue-ranking-list,
.option-list {
    list-style: none;
}

.issue-ranking-list li div.option-wrapper,
.option-list li div.option-wrapper,
.option-type-list li div.option-wrapper,
.estimation-compare-list li div.option-wrapper {
    border: 1px solid #b1b2b5;
    background: #d3d3d5 url(images/bg-ranking-list.png) left top repeat-x;
}

.issue-ranking-list li span {
    position: absolute;
    top: 3px;
}

.issue-ranking-list li .icon-move-up {
    right: 4px;
}

.issue-ranking-list li .icon-move-down {
    right: 30px;
}

.option-list li div.option-wrapper,
.option-type-list li div.option-wrapper,
.estimation-compare-list li div.option-wrapper {
    height: 27px;
}

.estimation-list,
.questions-list,
.responses-list {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

.estimation-list li p {
    margin-bottom: 5px;
}

.estimation-list li div.option-wrapper,
.questions-list li div.option-wrapper,
.response-block div.option-wrapper {
    border: 1px solid #cdcdcd;
    background: #dbdcdd url(images/bg-estimation.jpg) center top repeat-x;
    margin-bottom: 3px;
    padding: 8px 12px;
    overflow: hidden;
}

.estimation-list ul {
    list-style: none;
    margin: 0;
}

.estimation-list li li {
    float: left;
    margin: 0 8px 0 0;
}

.estimation-list li li,
.estimation-compare-list li span {
    display: block;
    cursor: pointer;
    padding: 0;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    border: 0;
    background: url(images/bg-estimation-rank.png) center top no-repeat;
}

.estimation-list li li:hover {
    background-position: left -49px;
}

.estimation-list li li.current {
    background-position: left -24px;
}

.estimation-compare-list li {
    position: relative;
    line-height: 27px;
    padding: 0 10px;
    width: 380px;
}

.estimation-compare-list li span {
    /*float:right;margin:3px 0 0 0;*/
    background-position: left -24px;
    position: absolute;
    top: 3px;
    right: 10px;
}

.questions-list {
    margin-top: 15px;
}

.questions-list li {
    overflow: hidden;
    margin-bottom: 4px;
}

.questions-list li p,
.questions-list li input {
    margin-bottom: 5px;
}

.questions-list li select {
    width: 300px;
}

.questions-list li textarea {
    width: 373px;
    /*height: 40px; */
    min-height: 40px;
}

.content-sidebar .user-name,
.details-list li .details-title {
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #abb6cc;
    background: #9eb8d1 url(images/bg-user-name.png) left top repeat-x;
    padding: 4px 5px;
}

.content-sidebar .user-name span,
.details-list li .details-title span {
    float: right;
}

.response-block {
    margin-bottom: 8px;
}

.response-block p,
.response-block-2 p {
    margin: 0 0 4px 0;
}

.response-block-2 {
    border: 1px solid #cdcdcd;
    background: #ececed;
    margin-bottom: 6px;
    padding: 8px 12px 5px;
    overflow: hidden;
}

.user-list,
.details-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.user-list li {
    margin: 0 0 5px 0;
    padding: 0;
}

.details-list {
    clear: both;
    margin-top: 5px;
}

.details-list li {
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
}

.details-list li .details-title {
    margin-bottom: 10px;
}

.details-list li .details {
    display: none;
    /*width:460px;*/
}

.details-list li img.right {
    margin: 0 0 5px 10px;
}

.details-list li img.left {
    margin: 0 10px 5px 0;
}

.details-list li h3 input {
    font-weight: bold;
}

.icon-upload {
    display: none;
    left: 8px;
    top: 24px;
    position: absolute;
    margin-top: 4px;
    float: left;
    width: 70px;
    line-height: 18px;
    background: url(images/icon-upload.png) left top no-repeat;
    padding-left: 20px;
}

.details-list li h3 img {
    display: none;
}

.details-list li h3 .icon-edit {
    display: none;
    position: absolute;
    left: 2px;
    top: 3px;
    background: url(../../images/icon-edit.png) left top no-repeat;
    width: 16px;
    height: 16px;
}

.details-list li h3 .icon-edit:hover {
    margin: -1px;
    border: 1px solid #ABB6CC;
}

.details-list li h3 input {
    width: 280px;
}

.details-list li h3 span.icon-minus,
.details-list li h3 span.icon-plus {
    margin-top: 6px;
}

.details-2 li {
    padding: 0;
    position: relative;
    /* margin-bottom: 20px; */
}
.details-2 li:first-child {
    padding-top: 20px;
}
.details-2 li .details {
    padding-top: 10px;
}

.details-2 li .info {
    position: absolute;
    left: 10px;
    top: 5px;
}

.details-2 li h3 .icon-upload,
.details-2 li h3 img {
    display: none;
}

.details-2 li h3 img {
    left: 10px;
    position: absolute;
    top: 5px;
}

.checkbox-panel {
    float: left;
    overflow: hidden;
    padding-top: 10px;
    margin-bottom: 5px;
    width: 256px;
    *width: 286px;
}

.checkbox-panel label {
    float: left;
    display: block;
    width: 100px;
    text-align: left;
    padding-top: 1px;
    *margin-top: 4px;
}

.checkbox-panel input {
    float: left;
    margin: 0 4px 0 0;
}

.step-details li {
    overflow: hidden;
    margin-bottom: 10px;
}

.step-details li label {
    float: left;
    text-align: right;
    width: 110px;
    padding-right: 5px;
}

.step-details li input,
.form li .radio-buttons li input,
.adm-form li .radio-buttons li input {
    float: left;
}

.step-details li .radio-buttons label,
.form li .radio-buttons label {
    text-align: left;
    padding-left: 5px;
    width: 30px;
    padding-top: 2px;
}

.step-details li .radio-buttons input,
.form li .radio-buttons input {
    width: auto;
    height: auto;
    margin-left: 0;
}


/*==================  Radio and Checkbox  ==================*/

.radio,
.checkbox {
    padding: 0;
    display: block;
    clear: left;
    float: left;
}

.radio {
    width: 20px;
    height: 20px;
    background: url(images/bg-option-radio-btn.png) left top no-repeat;
    margin: 4px 5px 0 5px;
}

.checkbox {
    width: 18px;
    height: 18px;
    background: url(images/bg-checkbox.png) left top no-repeat;
    margin: 3px 5px 0 5px;
}

.option-type-list li {
    margin-bottom: 4px;
    overflow: hidden;
}

.option-type-list .cleared {
    float: left;
    margin: 4px 0 0 5px;
    width: 20px;
}

.option-type-list .uncleared {
    float: left;
    margin: 4px 5px 0;
    width: 20px;
}

.option-type-list .cleared .radio {
    margin: 0;
    background-image: url(images/radio-cleared.png);
}

.option-type-list .uncleared .radio {
    margin: 0;
    background-image: url(images/radio-uncleared.png);
}

.option-list li:hover div.option-wrapper,
.option-type-list li.cleared-selected div.option-wrapper,
.option-type-list li.cleared-selected:hover div.option-wrapper,
.option-list li.selected div.option-wrapper {
    border-color: #8fa440;
    background: #b2bf69 url(images/bg-option-list-hover.png) left top repeat-x;
}

.option-type-list li:hover div.option-wrapper,
.option-type-list li.uncleared-selected div.option-wrapper {
    border-color: #e76b11;
    background: #ef8a62 url(images/bg-orange-hover.png) left top repeat-x;
}

.option-list li div.option-wrapper,
.option-type-list li div.option-wrapper,
.issue-ranking-list li div.option-wrapper,
.details-list li div.option-wrapper {
    width: 825px;
    float: left;
    margin-right: 10px;
}

.move,
.moveControl {
    float: left;
    width: 16px;
    height: 16px;
    display: none;
    background: url(images/drag_handle.gif) left top no-repeat;
    cursor: move;
}

.option-list li .linkDelete,
.option-type-list li .linkDelete,
.issue-ranking-list li .linkDelete,
.estimation-list li .linkDelete,
.questions-list li .linkDelete,
.details-list li .linkDelete,
#contolLists .customcontrol .linkDeleteControl {
    display: none;
    margin-left: 0;
    margin-right: 10px;
}

.option-list li:hover .linkDelete,
.option-list li:hover .move,
.option-type-list li:hover .linkDelete,
.option-type-list li:hover .move,
.issue-ranking-list li:hover .linkDelete,
.issue-ranking-list li:hover .move,
.estimation-list li:hover .linkDelete,
.estimation-list li:hover .move,
.questions-list li:hover .linkDelete,
.questions-list li:hover .move,
.details-list li:hover .linkDelete,
.details-list li:hover .move,
.customcontrol:hover .moveControl,
#contolLists .customcontrol:hover .linkDeleteControl {
    display: block;
    margin-top: 5px;
}

#contolLists .customcontrol {
    background: #fff;
    width: 984px;
    position: relative;
}

#contolLists .customcontrol .moveControl {
    position: absolute;
    top: 20px;
    right: 20px;
}

#contolLists .customcontrol .linkDeleteControl {
    position: absolute;
    top: 20px;
    right: 35px;
}

.dropdownValue li .option-wrapper input {
    margin-left: 5px;
    /* width: 385px !important; */
}

.error-box li div.option-wrapper {
    border: 1px solid #f00;
}

.customcontrol fieldset {
    width: 879px;
    padding-bottom: 8px;
    clear: left;
}

.customcontrol fieldset ul {
    margin-bottom: 0;
}

.customcontrol li div input,
.headingText input,
.details-list li h3 input,
.customcontrol fieldset h3 input {
    padding: 3px;
    width: 375px;
    border: 0;
    background: none;
    height: 21px;
    /* margin-top: 3px; */
    /* *margin-top: -1px; */
}
.customcontrol li div input[type="checkbox"],
.headingText input[type="checkbox"],
.details-list li h3 input[type="checkbox"],
.customcontrol fieldset h3 input[type="checkbox"] {
	margin-top: 1px;
	height:  auto;
}
.details-2 li h3 input {
    width: 675px;
}
.customcontrol li .headingText input,
.headingText input,
.slider-heading-box input {
    width: 869px;
    height: 25px;
    font-size: 22px;
    font-family: Arial;
    padding: 2px;
    border: 1px solid;
    border-color: #ccc #f5f5f5 #f5f5f5 #ccc;
}

.customcontrol li div input:hover,
.headingText input:hover,
.details-list li h3 input:hover,
.customcontrol fieldset h3 input:hover,
.customcontrol fieldset .input:hover,
.slider-heading-box input:hover,
.customcontrol li div input:focus,
.headingText input:focus,
.details-list li h3 input:focus,
.customcontrol fieldset h3 input:focus,
.customcontrol fieldset .input:focus,
.slider-heading-box input:focus {
    padding: 2px;
    border: 1px dashed #333;
    background: #fff;
}

.customcontrol fieldset h3 input {
	width: 790px;
}
.slider-heading-box input {
    font-size: 14px;
}

.slider-heading-box {
    padding: 10px 0;
}

.headingText {
    padding-top: 4px;
}

.customcontrol fieldset .input {
    width: 869px;
    height: 25px;
    font-family: Arial;
    padding: 2px;
    border: 1px solid;
    border-color: #ccc #f5f5f5 #f5f5f5 #ccc;
    background: none;
    height: 16px;
    margin-top: 3px;
}

.customcontrol .option-type-list li div input{
    width: 810px;
}

.customcontrol .option-type-list.YesNoList li div input {
	width: 760px;
}
.issue-ranking-list li div input {
    width: 750px;
}

.issue-ranking-list li {
    margin-bottom: 4px;
    padding: 0;
    overflow: hidden;
}

.issue-ranking-list li div.option-wrapper {
    position: relative;
    height: 27px;
}

.issue-ranking-list li div input {
    margin-left: 5px;
}

.option-type-index input {
	width:  802px;
}



.step-details p {
    margin-bottom: 5px;
    width: 110px;
    padding-right: 10px;
    float: left;
    text-align: right;
}

.form .radio-buttons,
.step-details .radio-buttons {
    margin: 0;
    float: left;
}

.step-details .radio-buttons li,
.form .radio-buttons li,
.adm-form .radio-buttons li {
    width: 60px;
    float: left;
    margin: 0;
    overflow: visible;
}

.step-details .radio-buttons li label,
.form .radio-buttons li label,
.adm-form .radio-buttons li label {
    text-align: left;
    padding: 2px 0 0 0;
}

.adm-form .radio-buttons li label {
    width: auto;
}


/*=====  Icons  =====*/

.icon-small {
    background: url(images/icon-small.png) left top no-repeat;
    display: block;
    width: 12px;
    height: 12px;
}

.done {
    background-position: 0 0;
}

.not-done,
.unread {
    background-position: 0 -60px;
}

.read {
    background-position: 0 -91px;
}

.small-plus {
    background-position: -42px -91px;
}

.small-minus {
    background-position: -21px -91px;
}

.content-sidebar .icon-plus,
.content-sidebar .icon-minus,
.details-list li .icon-plus,
.details-list li .icon-minus {
    background: url(images/icon-minus-plus.png) left top no-repeat;
    display: block;
    width: 14px;
    height: 14px;
}

.content-sidebar .icon-minus,
.details-list li .icon-minus {
    background-position: left bottom;
    margin-top: 1px;
}

.start-table .icon-small,
.message-table .icon-small {
    position: absolute;
    left: 0;
    top: 7px;
}

.start-table .current .not-done,
.start-table .row:hover .not-done,
.message-table .row:hover .unread,
.left-issue-list li.current .not-done,
.left-issue-list li:hover .not-done {
    background-position: 0 -30px;
}

.icon-move-up,
.icon-move-down {
    width: 21px;
    height: 22px;
    display: block;
    background: url(images/icon-move.png) left top no-repeat;
}

.icon-move-up {
    background-position: -75px 0;
}

.icon-move-down {
    background-position: -50px 0;
}

.icon-move-up:hover {
    background-position: -25px 0;
}

.icon-move-down:hover {
    background-position: 0 0;
}

.control-text {
    margin-top: 6px;
    margin-bottom: -13px;
}

.rating-limit {
    padding: 10px 0 5px;
    overflow: hidden;
    float: left;
    width: 110px;
}

.rating-limit input {
    width: 30px;
}

.estimation-list {
    clear: both;
}

.estimation-list li {
    margin-bottom: 4px;
    overflow: hidden;
}

.estimation-list li div.option-wrapper,
.questions-list li div.option-wrapper {
    float: left;
    margin-right: 10px;
    width: 381px;
    margin-bottom: 0;
}

.editor-wrapper {
    padding: 5px 0;
}

.editor-wrapper-control {
    float: left;
    width: 500px;
}

.form-register label,
.form-register .editor-label {
    width: 130px;
}

.media {
    padding-top: 10px;
    width: 405px;
    clear: left;
    position: relative;
    background-position: left 10px;
    background-repeat: no-repeat;
}

.admin-player {
    width: 405px;
    height: 240px;
    display: block;
}

.video-upload,
.video-edit,
.video-play {
    position: absolute;
    z-index: 1001;
}

.video-upload,
.video-edit {
    right: -63px;
    top: 20px;
    background: url(../../images/controls/icon-media.png) left top no-repeat;
    padding-left: 18px;
    line-height: 16px;
    display: block;
}

.video-edit {
    right: -44px;
    top: 20px;
}

.video-play {
    left: 158px;
    top: 75px;
    width: 92px;
    height: 92px;
    background: url(../../images/video-play.png) left top no-repeat;
}

.video-fields {
    margin-bottom: 10px;
    overflow: hidden;
}

.video-fields input {
    width: 40px;
}

.video-preview {
    margin-bottom: 5px;
    padding-bottom: 10px;
    overflow: hidden;
}

.video-preview img {
    margin-bottom: 6px;
}

#videosettings table {
    border: 0;
}

#videosettings table tr:hover td {
    background: #fff;
}

#videosettings table td {
    padding-bottom: 0;
}


/*=====  Popup  =====*/

.ui-dialog {
    background: #fff;
    padding: 12px 15px;
}

.ui-dialog-content {
    overflow: hidden;
}

.ui-widget-content .btnSmall {
    font-size: 13px !important;
    color: #fff;
}

.ui-icon-closethick {
    float: right;
}

.ui-dialog .ui-dialog-titlebar {
    background: none;
    border: 0;
    padding: 0;
    height: 5px;
}

.ui-dialog .ui-dialog-title {
    display: none;
}

.ui-widget-overlay {
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}

.ui-dialog .ui-dialog-titlebar-close {
    margin: 5px 10px;
    padding: 1px;
    position: absolute;
    right: -12px;
    top: -12px;
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;
    background: #fff url(../../images/icon-close.gif) center 50% no-repeat;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    border: 1px solid #ccc;
    padding: 0;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: none !important;
}


/*============================  Symptoms and Function Slider  ============================*/

.slider {
    font-size: 12px;
    border: 0;
    height: 41px;
    width: 465px;
    padding: 0 13px 0 3px;
    position: relative;
    background: url(images/bg-scale.png) center top no-repeat;
    margin: 10px 0 13px 0;
}

.slider .ui-slider {
    background: none;
    border: 0;
}

.slider .ui-slider-handle {
    top: 0;
    background: none;
    border: 0;
    color: #000;
}

.slider-pointer {
    background: none !important;
    border: 0 !important;
    position: absolute;
    width: 24px;
}

.slider-arrow {
    height: 45px;
    display: block;
}

.orange .slider-arrow {
    background: url(images/tips-orange.png) right top no-repeat;
}

.green .slider-arrow {
    background: url(images/tips-green.png) right top no-repeat;
}

.slider-arrow:hover {
    background-position: left top;
}

.green .slider-arrow:hover {
    background-position: -1px top;
}

.slider-value {
    display: block;
    text-align: center;
}

.tips {
    background: #dcdcb4;
    border: 1px solid #c2c77a;
    padding: 4px 6px;
    margin-bottom: 20px;
    width: 540px;
    margin-left: -3px;
}

.tips-gray {
    background: #e3e4e5;
    border: 1px solid #cdcfd0;
    padding: 4px 6px;
    margin-bottom: 15px;
    width: 475px;
}

.tips-arrow {
    display: block;
    width: 24px;
}

.orange .tips-arrow {
    background: url(images/arrow-tips-up.png) center bottom no-repeat;
    height: 11px;
    margin-top: 3px;
}

.green .tips-arrow {
    background: url(images/arrow-tips-down.png) center top no-repeat;
    height: 11px;
    margin-top: -13px;
    padding-top: 13px;
}

.slider-compare {
    background-position: center 7px;
    padding-top: 14px;
}

.slider-compare .orange {
    top: 3px;
}

.slider-compare .green {
    top: -17px;
}

.tips-value-label {
    display: block;
    padding: 5px 0;
}


/*==========  Pagination  ==========*/

.pagination {
    padding-top: 20px;
    clear: left;
}

#previewStep .pagination {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pagination ul {
    list-style: none;
    margin: 0;
    overflow: hidden;
}

.pagination ul li {
    float: left;
    width: 33.3%;
    text-align: center;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 25px;
    letter-spacing: 1px;
    height: 25px;
}

.pagination ul li a {
    height: 26px;
    width: 100px;
    background: url(images/bg-btn-paging.png) left top no-repeat;
    display: block;
    font-size: 12px;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
    text-decoration: none;
}

.pagination ul .next a {
    float: right;
    padding: 0 18px 0 10px;
}

.pagination ul .prev a {
    float: left;
    padding: 0 10px 0 18px;
}

.pagination ul li .btn-gray-left {
    background-position: 0 -31px;
}

.pagination ul li .btn-gray-left:hover {
    background-position: 0 0;
}

.pagination ul li .btn-green-right {
    background-position: -277px -31px;
}

.pagination ul li .btn-green-right:hover {
    background-position: -277px 0;
}

.pagination ul li .btn-blue-right {
    background-position: -139px -31px;
}

.pagination ul li .btn-blue-right:hover {
    background-position: -139px 0;
}

.StagePageControl {
    background: none repeat scroll 0 0 #FFFFFF;
    position: relative;
    width: 565px;
}

.StagePageControl fieldset {
    padding-bottom: 8px;
    width: 879px;
}

.StagePageControl .option-error {
    border: 1px solid #FF0000 !important;
    overflow: hidden;
}

#copyStepdiv ul li {
    padding-bottom: 5px;
}

#copyStepdiv ul li label {
    width: 100px;
    display: block;
    float: left;
}

.vimeo-options {
    width: 20%;
    float: left;
    padding-top: 10px;
}

.vimeo-options span {
    display: block;
    padding-bottom: 5px;
    padding-left: 4px;
}

.vimeo-options ul {
    margin: 0 0 15px 0;
}

.vimeo-options label {
    text-align: left;
    width: 145px;
    *margin-top: -18px;
}

.vimeo-options input {
    margin-right: 4px;
}

#copyStepdiv {
    padding: 0 !important;
}

#copyStepdiv fieldset {
    margin-bottom: 0;
    padding-bottom: 0;
}

.user-details-info {
    padding: 0 10px;
    float: left;
    width: 50%;
}

.user-details-info h2 {
    margin-bottom: 10px;
}

.menuAdd ul {
    list-style: none;
}


/*Login Page*/

.login-page {
    /* background-image: url( 'images/gradient-bg-body.svg' );
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #E4F8FB; */
        background: -moz-linear-gradient(top, rgba( 0, 184, 212, 1 ) 0%, rgba(90, 180, 154, 0.1) 100%);

    background: -webkit-linear-gradient(top, rgba( 0, 184, 212, 1 ) 0%, rgba(90, 180, 154, 0.1) 100%);

    background: linear-gradient(to bottom, rgba( 0, 184, 212, 1 ) 0%, rgba(90, 180, 154, 0.1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5ab49a', endColorstr='#1a5ab49a', GradientType=0);
    /* background-image:url(../images/bg-body.png); */
    /* background-image:url(../images/bg-body@2x.png); */
    /* background-image: url( '../images/gradient-bg-body.svg' ); */
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #E4F8FB;
}

.login-page header {
    height: auto;
    background: none;
}

.login-page header h1 {
    margin: 24px 0 0 83px;
}

.login-page .wrapper {
    width: 690px;
}

.login-wrapper {
    overflow: hidden;
    background: #fff;
    padding: 20px 30px 40px 84px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 2px 10px 0px #133244;
    box-shadow: 0px 2px 10px 0px #133244;
}

.logo-login {
    width: 168px;
    height: 168px;
    float: right;
}

.login-left {
    width: 380px;
    float: left;
}


/*.login-page form li label { float: none; text-align: left; }*/

.login-page form li label {
    float: none;
    line-height: normal;
    text-align: left;
    width: auto;
}

.login-page form li input {
    border-color: #a0a1a5;
}

.login-page form .btn-login {
    border: 1px solid #008398;
    color: #fff;
    height: 29px;
    width: 113px;
    /* line-height: 25px; */
    line-height: 22px;
    /* background: url(images/bg-btn-login.jpg) left top repeat-x rgba( 0, 184, 212, 1 ); */
    background-color: rgba( 0, 184, 212, 1 );
    text-align: center;
}

.login-page form .btn-login:hover {
    background: #017eae;
}

.login-page form input.btn-login {
    /* height: 24px;  */
    cursor: pointer;
}

.btn-login:hover {
    text-decoration: none;
}

.login-page .actions .btn-login {
    margin-right: 10px;
}

.category-check {
    float: left;
    padding-right: 20px;
}

.category-check input {
    float: left;
    margin: 3px 3px 0 0;
    *margin: 0 1px 0 0;
    padding: 0;
}

.tbl_difficulties {
    float: left;
}

.faq-editor .cke_editor_answer {
    float: left;
    width: 830px;
}

span.cke_skin_kama {
    padding: 0 !important;
}


/*#addIcons      {width:400px}*/

#addIcons form {
    margin-bottom: 0;
}

#addIcons fieldset {
    padding: 10px 12px;
}

#addIcons .form-fields {
    overflow: hidden;
    padding-bottom: 8px;
}

#addIcons .form-fields label {
    padding-bottom: 2px;
    display: block;
    width: 75px;
    padding-right: 5px;
    float: left;
}

#addIcons .form-fields .input {
    padding: 0 2px;
    float: left;
    width: 200px;
}

#listImage {
    border-top: 1px solid #ddd;
    border-bottom: 0;
    margin-bottom: 15px;
}

#listImage td {
    height: auto;
    text-align: center;
    padding: 8px 5px;
    width: 30%;
    border-bottom: 1px solid #ddd;
}

#listImage td label {
    display: block;
    padding: 0;
    width: auto;
    text-align: center;
}

#listImage tr td.active {
    background: #ccc !important;
}

#listImage img {
    margin: 0 auto 6px auto;
}

#listImage tr:hover td {
    background: none;
}

tr.sortitems {
    cursor: move;
}

.customcontrol:hover #ulResultPage li .linkDeleteControl,
.customcontrol:hover #ulResultPage li .moveControl {
    display: none;
}

.customcontrol:hover #ulResultPage li:hover .linkDeleteControl,
.customcontrol:hover #ulResultPage li:hover .moveControl {
    display: block;
}

#ulResultPage {
    list-style: none;
}

#ulResultPage li {
    padding-left: 0;
    margin-left: 0;
    position: relative;
}

#ulResultPage li .vimeo-options li {
    overflow: hidden;
}

#ulResultPage li .vimeo-options input {
    width: auto;
}

.RadioButtonList .OrderingItem div.option-wrapper input,
.CheckboxList .OrderingItem div.option-wrapper input {
    /* *margin-top: -15px; */
    width:  765px;
}

.userlistsr {
    width: 20px;
}

.userlistun {
    width: 150px;
}

.userlistfn {
    width: 140px;
}

.userlistem {
    width: 150px;
}

.userlistdg {
    width: 100px;
}

.userlistgp {
    width: 120px;
}

.userlistex {
    width: 140px;
}

.userlistst {
    width: 132px;
}

.btn-back a {
    background: url("images/imgback.png") no-repeat scroll left top transparent;
    text-indent: -9999px;
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    margin-left: -44px;
    cursor: pointer;
    color: transparent
}

.btn-Register {
    border: 1px solid #008398;
    color: #fff;
    /* height: 22px; */
    width: 113px;
    /* line-height: 27px; */
    /* background: url(images/bg-btn-login.jpg) left top repeat-x; */
    background-color: #01b7d3;
    text-align: center;
    color: White !important
}

.btn-Register a {
    color: White !important;
    text-decoration: none;
    line-height: 27px;
    display: block;
}

.btn-Register:hover {
    background: #017eae;
}


.divStages {
    float: left;
}

.divStages ul {
    list-style: none;
}

.divStages ul li {
    border-bottom: 1px solid #eee;
    margin: 2px;
}




/*making radio button looks good by anupkmaharjan*/

.radioLabel {
    position: relative;
    width: auto;
    float: left;
    clear: none!important;
    margin-right: 15px;
}

.customcontrol li div.radioLabel input {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.labelasinput {
    position: relative;
    width: 70px;
    text-align: left;
    line-height: 30px;
    padding-left: 20px;
}

.labelasinput:before {
    content: "";
    background-image: url("../../images/controls/icon-radio.png");
    background-repeat: no-repeat;
    background-position: left center;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 5px;
}

:checked~.labelasinput:before {
    background-position: right center;
}


input[type="text"].defaultRowNubmer {
    width: 30px;
    height: 15px;
    position: relative;
    margin-right: 5px;
}

.right .searchbox {
    margin-top: 7px;
    height: 20px;
    width: 260px;
    padding-left: 8px;
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    border: 0;
}

.hasSearchBox .btnSmall {
    margin-left: 0;
    margin-top: 7px;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    height: 24px;
    margin-bottom: 0;
    background-color: rgba( 255, 255, 255, 0.7 ) !important;
    border-color: rgba( 255, 255, 255, 0.7 ) !important;
    background-image: none !important;
    background-position: left bottom !important;
    background-repeat: repeat-x !important;
    color:  rgba( 34, 34, 34, 1 ) !important;
}

.hasSearchBox .SearchTranslation+.btnSmall {
    height: 24px;
}

.hasSearchBox .btnSmall:hover,
.hasSearchBox .btnSmall:active,
.hasSearchBox .btnSmall:focus {
    background: transparent !important;
    background-color: rgba( 255, 255, 255, 0.9 ) !important;
    border-color: rgba( 255, 255, 255, 0.9 ) !important;
    color: rgba( 34, 34, 34, 1 ) !important;
}

.showicon {
    /* display: none; */
}