/************* HTML/BODY************/

body.texteditor{background: none !important;}

html, body, button, input, select, textarea {    color: #676767;    background-color:#fff;    font-family: 'Open Sans', sans-serif;     font-size: 14px;    line-height: 21px;    margin:0;    padding:0;    overflow-x:hidden; }

/************* COMMON *************/

sup { font-size: 0.875em; }

a { text-decoration: none; color: #804c7d;}
a:hover { text-decoration: underline; }

p {    font-family: 'Open Sans', sans-serif;    font-size: 14px;    line-height: 21px;    color: #676767; }

ul {}
ul li {padding: 3px 0;}

ol {}
ol li {padding: 3px 0;}

hr {  border-bottom: 1px solid #d7d7d7; margin:5px 0;}

.chromeframe {    margin: 0.2em 0;    background: #ccc;    color: #000;    padding: 0.2em 0;}

.clearfix { zoom: 1; }
.clearfix:after { content: " ";	display: block;	clear: both; visibility: hidden; font-size: 0; height: 0; }
.clear{ clear: both;     display: block;    height: 1px;    line-height: 1px;    margin: 0;    padding: 0;    width: 100%;}
.clear_block{width:100%; clear:both; display:block; }
.clr-both, .clear-both, .clr, .clr_b, .clr_both {  clear: both;  }
.clr_l {  clear: left;  }
.clr_r {  clear: right; }

.txt-left {  text-align: left; }
.txt-right {  text-align: right; }
.no-trans {  text-transform: none; }
.center {  text-align: center; }

.float-right, .flt-right, .fl_right, .float_right {  float: right; }
.float-left, .flt-left, .fl_left, .float_left {  float: left; }
.txt_center {  text-align: center; }

.b{font-weight: bold}
.c{text-align: center;}

.text-replace { display: none; }

.bold { font-weight: bold; font-size: 12px; }


/****************** IMAGES **************/

img a {  border: none; margin:0px; padding:0px; }
img { border:none; margin:0px; padding:0px; }
a img {border: none;}


/**************** SELECTION COLOURS ******************/

::-moz-selection {    background: #d3b7d1;    text-shadow: none;}
::selection {    background: #B4E2F5;    text-shadow: none;}


/************ HEAD TAG ***************/

h1 { font-family: 'Open Sans', sans-serif; font-size: 22px; line-height: 26px; margin: 10px 0; font-weight:400; color: #009ABD;  }
h2 { font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 22px; margin: 10px 0; font-weight:400; color: #ed4c73;}
h3 { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 20px; margin: 10px 0; font-weight:600; color: #00325b;}
h4 { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; margin: 10px 0; font-weight:600; color: #804c7d;}
h5 { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 17px; margin: 10px 0; font-weight:600; color: #804c7d;}
h6 { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 16px; margin: 10px 0; font-weight:600; color: #804c7d;}




#inner-content { max-width: 1024px;   margin: 0px auto; width:100%;    display: block;   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding: 5px 0px; background:#fff;}
#wrapper { max-width: 1024px;   margin: 0px auto; width:100%;    display: block;   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding: 5px 20px; }
#content-wrapper { background:#eee; }






a, a:hover {text-decoration: none;}

.header {
    position: relative;
    display: block;
    height: 200px;
    background: #eee;
    margin-bottom:30px;
}


#wrapper {
    background: #fff;
    width: 100%;
    margin: 0px auto;
    max-width: 1024px;
    display: block;
}

.clear {  clear: both; }

#jcn-header #mainnavbar {  float: left; width: 100%; margin: 0px 0px 20px 0px; background-color: #00b0ba;}
#gpn-header #mainnavbar {  float: left; width: 100%; margin: 0px 0px 20px 0px; background-color: #00b0ba;}
#ucct-header #mainnavbar {  float: left; width: 100%; margin: 0px 0px 20px 0px; background-color: #143c55;}

#jcn-header ul#dropdown {  max-width: 1024px;  display:block; float:none; margin: 0px auto; background-color: #003e72;}
#gpn-header ul#dropdown {  max-width: 1024px;  display:block; float:none; margin: 0px auto; background-color: #003e72;}
#ucct-header ul#dropdown {  max-width: 1024px;  display:block; float:none; margin: 0px auto; background-color: #143c55;}

#jcn-header #topnavbar, #gpn-header #topnavbar, #ucct-header #topnavbar {     max-width: 1024px;   margin: 0px auto;
    display: block;   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding: 5px 10px; }
#jcn-header, #gpn-header, #ucct-header {    background: #fff;    width: 100%;    margin: 0px auto;    display: block;   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); }
.logo {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  width:auto; float:left; padding:5px;  }
.sponsor-logo {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  width:auto; float:right; padding:5px; max-width: 180px;  }
.sponsor-logo img{width: 100%;}
#topnav {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  width:100%;   }


#footer {    background-color: #003d73;    font-size: 1em;    font-weight: normal;  color:#fff; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); width:100%; padding:0px; }
#footer a {   color:#fff; }
#footer .wrapper {     font-size: 1em;    font-weight: normal;  color:#fff; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); width:100%; padding:20px; max-width:1024px; margin:0 auto; }
#footer2 {    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); width:100%;  background:#00294d; padding-bottom:10px; }


#main {
    float: left;
    width: 85%;
    min-height: 600px;
    display: block;
    max-width: 865px;
    background: #fff;
}

#sidebar {
    float: left;
    width: 33%;
    display: block;   margin-bottom: 15px;
   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding:5px 0px 5px 10px;
}

.your-revalidation {
    background: #eee;
        padding: 20px;
}

.your-revalidation .title {
    margin: -5px 0 0 -10px;
    padding: 10px 20px;
    background-color: #ed4c73;
    color: #fff;
    font-size: 18px;
}

#ucct-container .your-revalidation .title{
    background-color: #b93666!important;
}

div#progressbar1 {
    -webkit-box-shadow: inset 5px 5px 0 0 rgba(0,0,0,0.1);
    box-shadow: inset 5px 5px 0 0 rgba(0,0,0,0.1);
    background: #e2e2e2;
}

.social-media{  float:right; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding:5px 0px 5px 10px; }
.social-media img{  float:left; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding-right:10px; }

.rev-block{
    background: #eee;
    padding: 20px;
    color:#323232;
        margin-bottom: 20px;

}

#codeigniter_profiler {  /*display:none;*/ }

.rev-block p{
    color:#323232;
        margin: 1px 10px 10px 0;
}

.rev-block_50 {
    width: 50%;
    float: left;
}

.form-block_50 {
    float: left;
    padding: 0;
    padding: 5px 10px 5px 0;
    width: 49%;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);
}

.form-block_100 {
    padding: 0;
    padding: 5px 10px 5px 0;
    width: 97%;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);
}

.pop-up-form textarea{
    padding: 0 10px;

}

.pop-up-form input[type="text"]{
    padding: 0 10px;

}

.rev-block .title {
    margin: -20px -20px 20px -20px;
    padding: 10px 20px;
    background-color: #00b0ba;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

.underway-circle {
    background: url(../images/underway-circle.png);
    height: 34px;
    width: 33px;
    float: left;
    margin: 7px 0;
}

.complete-circle {
    background: url(../images/complete-circle.png);
    height: 34px;
    width: 33px;
    float: left;
    margin: 7px 0;
}

.notstarted-circle {
    background: url(../images/notstarted-circle.png);
    height: 34px;
    width: 33px;
    float: left;
    margin: 7px 0;
}

.icon-label {
    margin: 10px 10px 7px 44px;
}

.icon-label2 {
    margin: 0 10px 0 58px;
}

.revitalisation p span {
    color: #323232;
    text-transform: uppercase;
    font-weight: 700;
}

.banner-area {  float: right; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding:15px; }
.banner-area img { border:none; width:100%;
/*    max-width:468px; */
    height:auto;  }


.icon-label p {
    clear: right;
    line-height: 21px;
    display: block;
        margin: 0px;
}

#content {
    float: left;
    margin-bottom: 50px;
    width: 67%;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding:0px 15px 5px 15px;
}

#dialog-confirm-delete > p {    margin: 0 !important; }
.ui-button  {   width: auto !important; margin-right:5px !important; }

.toggle-menu-icon {  display:none; }

.toggle-icon {    margin-bottom: -5px;    padding-top: 5px; }

.footer {
    position: relative;
    display: block;
    height: 200px;
    background: #eee;
    margin-top:30px;
}


.button, input[type="submit"] {
    display: block;
    background: #003e72 !important;
    color:#fff !important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 15px 8px 15px !important;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-bottom: 4px solid #00325b !important;
    float: left;   height:auto !important;
    margin-bottom: 9px;
        clear: left; width:auto !important;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);
}

.button:hover, input[type="submit"]:hover {  background: #00325b;    color: white!important;}

label.check-label {   padding: 0 15px 0 5px !important; }

a.reval-btn {
    display: block;
    background: #003e72;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 15px 8px 15px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-bottom: 4px solid #00325b;
    float: left;
    margin-bottom: 9px;
        clear: left;
}

a.reval-btn:hover {
    display: block;
    background: #00325b;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 15px 8px 15px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-bottom: 4px solid #002C50;
    float: left;
    margin-bottom: 9px;
}

a.reval-btn2 {
display: block;
    background: #008DC3;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 15px 8px 15px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-bottom: 4px solid #0075A2;
    float: left;
    margin-bottom: 9px;
}

a.reval-btn2:hover {
    display: block;
    background: #0080B1;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 15px 8px 15px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-bottom: 4px solid #006992;
    float: left;
    margin-bottom: 9px;
}

a.reval-btn3 {
display: block;
    background: #008DC3;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 15px 6px 15px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-bottom: 4px solid #0075A2;
    float: left;
}

a.reval-btn3:hover {
    display: block;
    background: #0080B1;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 15px 6px 15px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-bottom: 4px solid #006992;
    float: left;
}

a.reval-btn-add {
    display: block;
    background: url(../images/add.png) no-repeat #003e72;
    background-size: 29px;
    background-position: right 11px;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 40px 8px 15px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-bottom: 4px solid #00325b;
    float: left;
    margin-bottom: 9px;

}

a.reval-btn-add:hover {
    display: block;
    background: url(../images/add.png) no-repeat #00325b;
    background-size: 29px;
    background-position: right 11px;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 40px 8px 15px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-bottom: 4px solid #002C50;
    float: left;
    margin-bottom: 9px;
}

a.reval-btn-help {
    display: block;
    background: url(../images/help.png) no-repeat #003e72;
    background-size: 29px;
    background-position: right 11px;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 40px 8px 15px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-bottom: 4px solid #00325b;
    float: left;
    margin-bottom: 9px;    cursor: pointer;
}

a.reval-btn-help:hover {
    display: block;
    background: url(../images/help.png) no-repeat #00325b;
    background-size: 29px;
    background-position: right 11px;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 40px 8px 15px;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    border-bottom: 4px solid #002C50;
    float: left;
    margin-bottom: 9px;
}

a.reval-btn-delete {
    display: block;
    background: url(../images/delete.png) no-repeat #003e72;
    background-size: 29px;
    background-position: right 11px;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 40px 8px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 4px solid #00325b;
    float: right;   cursor: pointer;
     margin: 5px 20px 7px 0px;
}

a.reval-btn-delete:hover {
    background: url(../images/delete.png) no-repeat #00325b;
    background-size: 29px;
    background-position: right 11px;
}

a.reval-btn-edit{
    display: block;
    background: url(../images/edit.png) no-repeat #003e72;
    background-size: 29px;
    background-position: right 11px;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 40px 8px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 4px solid #00325b;
    float: right;  cursor: pointer;
    margin: 5px 10px 7px 0px;
}

a.reval-btn-edit:hover {
    background: url(../images/edit.png) no-repeat #00325b;
    background-size: 29px;
    background-position: right 11px;
}


/*******sky scraper******/

.skyscraperright {
    float: right;
    width: 15%;
    display: inline;
    max-width:133px;
    height: 600px;
}

#skyscraper {
    float: left;
    padding-top: 0px;
}

#skyscraper a {
    color: #3E96E8;
    font-weight: bold;
    text-decoration: none;
}

.progress-outer {
    background: #e2e2e2;
     height: 41px;
    width: 90%;
    -webkit-box-shadow: inset 4px 4px 0 1px #bebebe;
    box-shadow: inset 4px 4px 0 1px #bebebe;
}

.progress-inner {
    background: #2bb55c;
    height: 43px;
    width: 50%;
    -webkit-box-shadow: inset 4px 4px 0 1px #26A252;
    box-shadow: inset 4px 4px 0 1px #26A252;
}

.progress-square-empty {
    background: #e2e2e2;
    height: 37px;
    width: 37px;
    -webkit-box-shadow: inset 4px 4px 0 1px #bebebe;
    box-shadow: inset 4px 4px 0 1px #bebebe;
        float: left;
    margin-right: 15px;
}

.progress-square-complete {
    background: url(../images/white-tick.png) no-repeat #2bb55c;
    height: 37px;
    width: 37px;
    -webkit-box-shadow: inset 4px 4px 0 1px #26A252;
    box-shadow: inset 4px 4px 0 1px #26A252;
    float: left;
    margin-right: 15px;
    background-size: 18px;
    background-position: 11px 13px;
}

.rev-block_100 {
    width: 100%;
    margin-bottom: 15px;
}

.modal-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    margin: 0;
    padding: 0;
    top: 0;
    z-index: 1;
    opacity: 0.4;
    display:none;
}

a.desktop{display:block;}
a.mobile{display:none;}
#addPracticeHours-mobile{display:none;}
#addCPD-mobile{display:none;}
#addPracticeRelatedFeedback-mobile{display:none;}
#addWrittenReflection-mobile{display:none;}

input[type="text"] {
    display: block;
}

.form-block_50 label {
    clear: both;
    float: none;
    width: 100%;
    display: block;
    line-height: 41px;
    padding: 0 15px 0 0 !important;
    font-weight: 600;
}

.form-block_100 label {
    clear: both;
    float: none;
    width: 100%;
    display: block;
    line-height: 41px;
    padding: 0 15px 0 0px!important;
    font-weight: 600;
}

input.check {
    background: #e2e2e2;
    border: none;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input.check:checked {
    width: 37px;
    background: url(../images/white-tick.png) no-repeat #2bb55c;
    float: left;
    box-shadow: inset 4px 4px 0 1px #23944b;
        background-position: 10px 13px;
    background-size: 19px;
}

input.radio {
    background: #e2e2e2;
    border: none;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input.radio:checked {
    width: 37px;
    background: url(../images/white-tick.png) no-repeat #2bb55c;
    float: left;
    box-shadow: inset 4px 4px 0 1px #23944b;
        background-position: 10px 13px;
    background-size: 19px;
}

select{    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
width:100%!important;}

label.check-label {
    float: left;
    width: auto;
    clear: none;
    line-height: 41px;
    padding: 0 15px 0 5px;
}

label.check-label2 {
    width: auto;
    clear: none!important;
    line-height: 20px!important;
    padding: 9px 15px 9px 45px!important;
}

textarea {
    min-height: 120px;
}

.form-block_100 input#submit-search {
    padding: 0;
}

input,select, textarea,button {
    font-family: 'Open sans',sans-serif;
    font-size: 1em;
    width: 100%;
    border: 0;
}

#content input,select, textarea,button {
    font-family: 'Open sans',sans-serif;
    font-size: 1em;
    font-family: 'Open sans',sans-serif;
    font-size: 1em;
    background: #e2e2e2;
    height: 37px;
    width: 100%;
    -webkit-box-shadow: inset 4px 4px 0 1px #bebebe;
    box-shadow: inset 4px 4px 0 1px #bebebe;
    border: 0;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding:5px 0px 5px 10px;
}

div#addPracticeHours-mobile {
    background: #f3f3f3;
    padding: 20px;
   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding:5px 0px 5px 10px;
}
div#addCPD-mobile {
    background: #f3f3f3;
    padding: 20px;
   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding:5px 0px 5px 10px;
}
div#addPracticeRelatedFeedback-mobile {
    background: #f3f3f3;
    padding: 20px;
   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding:5px 0px 5px 10px;
}
div#addWrittenReflection-mobile {
    background: #f3f3f3;
    padding: 20px;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); padding:5px 0px 5px 10px;
}

.select-label {position:relative;width:90%;}
.select-label:after {
    content: '>';
    font: 11px "Consolas", monospace;
    color: #aaa;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 0px;
    top: 0px;
    position: absolute;
    pointer-events: none;
    background: #003e72;
    color: white!important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 12px 12px 9px 14px;
    border-right: 4px solid #00325b;
}
.select-label:before {
content: '';
    right: 0px;
    top: 0px;
    width: 36px;
    height: 36px;
    background: #f8f8f8;
    position: absolute;
        pointer-events:none;
    display:block;
}

/***checkbox hack*****************/

/* input[type=checkbox] {
    visibility: hidden;
} */

.checkBox {
/*
    width: 37px;
    background: #e2e2e2;
    border: none;
*/
/*
       position: relative;
    width: auto;
    padding-bottom: 9px;
*/
/*
    height: 37px;
    -webkit-box-shadow: inset 4px 4px 0 1px #bebebe;
    box-shadow: inset 4px 4px 0 1px #bebebe;
    border: 0;
        position: relative;
*/

        width: 37px;
    background: #e2e2e2;
    border: none;
    float: left;
    height: 37px;
    -webkit-box-shadow: inset 4px 4px 0 1px #bebebe;
    box-shadow: inset 4px 4px 0 1px #bebebe;
    border: 0;
    position: relative;
}

.checkBox2 {
/*
    position: relative;
    width: auto;
    padding-bottom: 9px;
    float:left;
*/
}

.checkBox label {
	display: block;
	width: 37px;
	height: 37px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
        padding: 0 0 0 0!important;
    float: left!important;
}

.checkBox input[type=checkbox]:checked + label{
    width: 37px;
    background: url(../images/white-tick.png) no-repeat #2bb55c;
    float: left;
    box-shadow: inset 4px 4px 0 1px #23944b;
    background-position: 10px 13px;
    background-size: 19px;
    padding: 0;
}

.checkBox input[type=radio]:checked + label{
    width: 37px;
    background: url(../images/white-tick.png) no-repeat #2bb55c;
    float: left;
    box-shadow: inset 4px 4px 0 1px #23944b;
    background-position: 10px 13px;
    background-size: 19px;
    padding: 0;
}

.ui-progressbar {
    -webkit-box-shadow: inset 5px 5px 0 0 rgba(0,0,0,0.1);
    box-shadow: inset 5px 5px 0 0 rgba(0,0,0,0.1);
    background: #e2e2e2!important;
        height: 100%!important;
}

.mm-menu > .mm-panel { border-right: 1px solid #ccc; padding:0px !important; }
.mm-panel > .mm-list {   margin-left: 0 !important;    margin-right: 0 !important; }

hr.divider-hr {
    background: #ccc;
    border: medium none;
    height: 1px;
    margin: 10px 0;
    width: 100%;
}

.data-display {
    background: #eee;
    color: #323232;
    margin-bottom: 20px;
    line-height: 21px;
}

.data-display .title {
    padding: 10px 20px;
    background-color: #00b0ba;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}

.data-display-left {    width: 100%;   border-bottom: 5px solid #fff;    float: left;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  padding: 5px 0; }
.data-display-left div.title, .data-display-left div.desc  {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);   padding: 5px 20px;   float: left; }
.data-display-left div.title  {  width: 40%;   }
.data-display-left div.desc  {  width: 59%;   }
.data-display-left .title  { text-transform: none; font-weight:bold;  color: #00b0ba; font-size:14px; line-height:20px; background:none; }

.data-display-left div:nth-of-type(even) {
  /*  padding: 3px 20px;
    font-weight: bold;
    min-width: 150px;*/
}

.data-display-left div:nth-of-type(odd) {

   /* padding: 3px 20px;
    font-weight: bold;
    min-width: 150px;*/
}

.data-display-right {
    float: right;
    width: 60%;
}

.data-display-right div:nth-of-type(even) {
/*    background: gainsboro;*/
    padding: 3px 20px;
    min-width: 150px;
}

.data-display-right div:nth-of-type(odd) {
/*    background: #eee;*/
    padding: 3px 20px;
    min-width: 150px;
}

.even-class {
    background: #eee;
}

.odd-class {
    background: gainsboro;
}

.ui-dialog .ui-dialog-content { clear: both; padding: 10px 40px !important;   float: left; width: 100%; overflow:visible !important; }

.radio-label {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 0 15px 0 9px!important;
    float: left!important;
    line-height:37px;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    box-shadow: none;
    background: none!important;
    float: right!important;
    margin-bottom: 5px;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
    display: block;
    background: #003e72;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    padding: 8px 15px 6px 15px;
    border-radius: 4px;
    border-bottom: 4px solid #00325b;
    float: right!important;
}

.table-heading-text {  background: #00b0ba; color:#fff; padding:5px 10px; border-top:none; border-left:none; border-bottom:none; border-right:2px solid #fff;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);}
.table-actual-text { border:none; text-align:center; padding:5px 10px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);}
p.hidden-header { display:none; color:#00b0ba; text-align:left; font-weight:bold; float:none; width: 100%; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);margin: 0;}
.respons-table { width:auto; border:none; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);}

/*
input[type=checkbox] {
  opacity: 0;
}
*/

/*
input[type=checkbox] + label::before {
  content: ' ';
  position: absolute;
  left: -35px;
  top: -5px;
  width: 25px;
  height: 25px;
  display: block;
  background: white;
  border: 1px solid #A9A9A9;
}

input[type=checkbox] + label::after {
  content: ' ';
  position: absolute;
  left: -35px;
  top: -5px;
  width: 37px;
  height: 37px;
  display: blo