body {
    font-family:Calibri, Arial;
    color: #525252
}
label, .q_title {
    color: #525252;
    font-family:Calibri;
    font-size:14px;
}
input[type="radio"] + span {
    color: #525252;
    font-family: Calibri;
    font-size: 14px;
    line-height: 22px;
}
.q_text {
    padding:3px 2px;
    line-height:16px;
}
.q_row select, .q_row input:not([type="radio"]):not([type="checkbox"]):not(.ui-pg-input), .q_row input[type="text"]:not(.ui-pg-input) {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 25px;
}

input[type="radio"] {
    width: auto;
}
/*xx#q_formTabs {
    margin:2px 5px;
}*/
/*.q_details, .r_details, .q_group {
    
}*/
:not(.sg-bootstrap) a, :not(.sg-bootstrap) a:active, :not(.sg-bootstrap) a:visited, :not(.sg-bootstrap) a:link {
    color: #23527c;
}
:not(.sg-bootstrap) .jstree a {
    color: black;
}
/*.ui-widget-content a {
    color: #222222;
}*/
.q_section {
    padding: 2px 4px;
    margin-bottom: 5px;
}
/*  only border when its tabbed */
/*.ui-tabs .q_section {
    border: 1px solid silver;
}*/
/*
.q_group {

}*/
.q_title {
    border:0;
    /*border-bottom:1px solid silver;
    background: #ebebeb;
    background:#dfeffc;*/
    
}
.q_row *:not(span):not(a):not(div):not(img):not(table):not(td):not(tr) {
    vertical-align:middle;
    
}
.q_likelihood {
    width:63%;
}
.q_severity, .q_severity:not([style="display: none;"]) + .q_likelihood {
    width: calc(31.5% - 2px);
} .q_text, select, textarea, input {
    font-size:14px;
} .questionnaireSelectContainer {
    margin-left:40%;margin-bottom:10px;
} 
  
@media (max-device-width: 768px)  and (orientation: portrait),
(max-device-width: 1024px)  and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), 
(max-device-width: 2048px)  and (orientation: landscape) and (min-device-pixel-ratio: 1), /* tablets */
(max-device-width: 414px) and (orientation:portraint), (max-device-width: 736px) and (orientation:landscape)  /* Phones */
{
    .q_row select, .q_row input[type="text"], .q_row input[type="time"], .q_row input[type="email"], .q_row input[type="password"] {
        height: 35px;
    }

    .questionnaireSelectContainer {
        margin-left:2px;
    }

    .q_row input[type="text"], .q_row input[type="time"], .q_row input[type="email"], .q_row input[type="password"] {
        font-size: 16px;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .q_row input[type="text"]:not(.q_date):not(.q_time):not(.refNo):not(.postcode):not(.NHSNumber), .q_row select, .q_row textarea, .q_text,
    .q_row input[type="email"], .q_row input[type="password"] {
            clear: both;
            font-size: 16px;
            float: left;
            display: block;
            width: 95% !important;
            min-width: 95%;
            max-width: 95%;
        }
    label {
        text-align: left;
        font-weight: normal;
        width: 98% !important;
        clear: both;
        font-size: 16px;
    }
    .spellBtnBar, .edit-btn-spell {
        display:none !important;
    }
} 
  .q_section, .q_group, .q_row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} 
  select, input, textarea {
    border-radius: 3px;
    border: 1px solid silver;
    padding: 2px;
} 
  select:active, input:active, textarea:active,
  select:focus, input:focus, textarea:focus {
    border: 1px solid #9bd1ff;
}
  *:not(.sg-bootstrap) select {
    vertical-align: middle;
    background: #fff no-repeat right .45rem center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 1 4 5'%3E%3Cpath fill='%23333' d='M2 5L0 3h4z'/%3E%3C/svg%3E") !important;
    -webkit-padding-before: 3px;
    -webkit-padding-after: 3px;
    -webkit-padding-start: 5px;
    -webkit-padding-end: 5px;
    -webkit-background-size: 8px 10px;
    background-size: 8px 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 18px;
}
/* IE only */ /*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   *:not(.sg-bootstrap) select {
        padding-right:15px;
   }
}*/
/* chrome only */
@media screen and (-webkit-min-device-pixel-ratio:0) 
and (min-resolution:.001dpcm) {
    *:not(.sg-bootstrap) select{ padding-right:0; } 
}
/* IE 9 only */
@media screen and (min-width:0) and (min-resolution: .001dpcm) {
    *:not(.sg-bootstrap) select {
        padding-right: 0;
    }
}
/* firefox only */
@-moz-document url-prefix() { 
  *:not(.sg-bootstrap) select {
        padding-right: 18px;
    }
} 
select[readonly], select[readonly="readonly"], select[disabled], select[disabled="disabled"] {
    background-image: none !important;
    background-color:#E5E5E5;
} 
*:not(.sg-bootstrap) select::-ms-expand {
    display: none;
}
/*.ui-widget-header {
    background:#80ade5  url(../../images/layout/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
}*/
/*.ui-tabs .ui-tabs-nav li {
    background: #80ade5 url(../../images/layout/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
}*/
.ui-tabs .ui-tabs-nav li a {
    font-size:1.15em;
    
}
/*
 .ui-widget-header .ui-state-default {
    
}*/
#q_tabScroller {
    border-top: 1px solid silver;
 }
#q_formTabs {
    background: none;
    border: none;
    float: left;
    width: calc(100% - 2px);
    clear: both;
}
.ui-tabs-nav {
     background:none;
     border:none;
 }
.ui-state-active a, .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
     color:#23527c;
 }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
     color:#23527c;
 }
.ui-dialog {
    padding: 0;
    -moz-box-shadow: grey 1px 3px 5px;
    -webkit-box-shadow: grey 1px 3px 5px;
    box-shadow: grey 1px 3px 5px;    
    border:1px solid silver;
} 
.ui-dialog-titlebar.ui-corner-all {
    border-radius:0;
    border:0;    
 }/*
 .ui-dialog-titlebar {     
    border: 1px solid grey;
    background:#80ade5  url(../../images/layout/80ade5_40x100_textures_04_highlight_hard_100.png) 0 50% repeat-x;
    background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
    border-bottom:1px solid #a6c9e2 !important;
    color: #525252;
 }
 .ui-dialog-titlebar-close .ui-icon {
    background-image: url(images/ui-icons_469bdd_256x240.png);
 }*/

/* bootstrap overrides */
.sg-bootstrap .nav-tabs .nav-link {
    border: 1px solid #f1f1f1 !important;
    background-color: #fbfbfb;
}