/* cabi - global styles
****************************************/
/* reset
****************************************/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600;1,800&display=swap");

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-bold_0-webfont.eot');
    src: url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-bold_0-webfont.woff') format('woff'), url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-bold_0-webfont.ttf') format('truetype'), url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-bold_0-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-semibold_0-webfont.eot');
    src: url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-semibold_0-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-semibold_0-webfont.woff') format('woff'), url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-semibold_0-webfont.ttf') format('truetype'), url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-semibold_0-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-regular_0-webfont.eot');
    src: url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-regular_0-webfont.woff') format('woff'), url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-regular_0-webfont.ttf') format('truetype'), url('https://www.cabi.org/PRA-Tool/Content_New/fonts/opensans-regular_0-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clearfx {
    clear: both;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

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

html {
    overflow-y: scroll;
}

p {
    margin: 0 0 10px 0;
}

a, a:hover, a:active, a:focus {
    color: #368729;
}

.padding-0 {
    padding: 0px;
}

.padding-top-10 {
    padding: 10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-top-0 {
    padding-top: 0px !important;
}


.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-top-0 {
    margin-top: 0px !important;
}

html {
    overflow-x: hidden;
}

body {
    margin: 0;
    font-family: "Open Sans", Georgia, "Times New Roman", serif;
    font-size: 14px;
}

h1 {
    margin: 20px 0 20px;
    font-size: 24px;
    line-height: 32px;
}

.help-block {
    margin-bottom: 0px;
    font-size: 12px;
    margin-top: 1px;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
}

textarea {
    resize: vertical;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pra-pager .form-inline {
    margin-bottom: 10px;
}

.pra-pager .form-group {
    display: inline;
}

.pra-pager a.form-control {
    display: inline-block;
    width: initial;
}

.marginbottom40 {
    margin-bottom: 40px !important;
}

.padding-left-20 {
    padding-left: 20px;
}

.k-textbox {
    display: inline !important;
}

.k-window-title {
    margin: 0;
    font-size: 19px;
    line-height: 1;
    text-overflow: initial;
    overflow: visible;
    cursor: default;
    flex: 1;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
}

.datepicker-dropdown {
    z-index: 998 !important;
}

.navbar {
    max-height: 27px;
    margin-bottom: 0px;
    margin-top: 0px;
    min-height: 40px;
    border-radius: 0px;
    z-index: 998;
}


.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #333333;
}


.main-header {
    background: linear-gradient( to right, black 0%, black 50%, #368729 50%, #368729 100% );
}

    .main-header .container {
        background: url('https://www.cabi.org/PRA-Tool/content/img/pra_banner.jpg');
        background-size: 100% 100%;
    }

    .main-header .logo {
        margin-top: 16px;
        margin-left: -10px;
    }

    .main-header .col-sm-12 {
    }

    .main-header h2 {
        font-size: 40px;
        color: white;
        margin-top: 10px;
        font-family: open_sanssemibold
    }

    .main-header p {
        line-height: 1;
        font-weight: normal;
        color: white;
        margin-top: 10px;
        font-family: "open_sanssemibold";
    }

        .main-header p:last-child {
            margin-bottom: 10px;
        }

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-inverse {
    background-color: #4a4949;
    border: none;
}

    .navbar-inverse .navbar-nav > li > a {
        color: white;
        font-size: 16px;
        display: inline;
    }

.navbar-nav > li {
    min-width: 180px;
    text-align: center;
    padding: 2px;
    min-height: 39px;
    padding-top: 4px;
}

    .navbar-nav > li.active {
        background-color: #080808;
    }

    .navbar-nav > li:focus {
        background-color: #080808;
    }

    .navbar-nav > li:nth-child(5) {
        width: 200px;
    }

    /*    .navbar-nav > li:last-child {
        width: 250px;
        background-color: #4a4949;
    }*/

    .navbar-nav > li > a {
        font-size: 14px;
        color: white;
        text-decoration: none;
        padding: 0px;
        line-height: 30px;
    }

    .navbar-nav > li.left-border {
        border-left: solid 1px #797979;
    }

    .navbar-nav > li.right-border {
        border-right: solid 1px #797979;
    }

#navbar img.icon {
    width: 20px;
}

#navbar img.icon-small {
    width: 16px;
}

#navbar span.icon-text {
    margin-left: 10px;
}

#navbar .dropdown-menu {
    left: auto;
    background-color: #4a4949;
    min-width: 182px;
}

#navbar .nav-item .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

#navbar li.open span.caret {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: all 0.5s ease-in 0s;
}

#navbar .dropdown-menu > li > a:hover, #navbar .dropdown-menu > li > a {
    color: #fff;
}

    #navbar .dropdown-menu > li > a:hover, #navbar .dropdown-menu > li > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #222;
    }

.advisory-box {
    background-color: #D0D0D0;
    min-height: 37px;
}

    .advisory-box .right-menu {
        float: right;
        padding-top: 10px;
    }

        .advisory-box .right-menu li {
            display: inline;
            padding-top: 8px;
            padding-right: 15px;
            padding-bottom: 8px;
            padding-left: 15px;
            background-color: #3c3c3c;
        }

        .advisory-box .right-menu li {
            margin-right: 5px;
            font-size: 14px;
        }

            .advisory-box .right-menu li a {
                color: white;
            }

        .advisory-box .right-menu .glyphicon-share {
            font-size: 15px;
        }

.breadcrumb {
    background: none;
    font-size: 17px;
    padding-top: 15px;
    font-family: open_sanssemibold;
    padding-left: 0px;
    margin-bottom: 10px;
}

    .breadcrumb > li + li::before {
        padding: 0 5px;
        color: #000;
        content: ">";
    }

    .breadcrumb > li:last-child span {
        font-family: open_sansbold;
        font-size: 16px;
    }

    .breadcrumb > li a {
        color: #000;
    }

.welcome-header {
    font-size: 30px;
    margin: 0px;
    text-align: center;
}

.pratab .nav-tabs {
    margin-top: 20px;
    border-bottom: 1px solid #7ac143;
    font-size: 16px;
    font-family: open_sanssemibold;
    text-align: center;
}

    .pratab .nav-tabs > li > a:hover {
        border-bottom: 1px solid #7ac143;
    }

    .pratab .nav-tabs > li > a {
        background-color: #e4f3d9;
        border-radius: 0px;
        color: #000;
        border-bottom: 1px solid #7ac143;
        padding-right: 60px;
        padding-left: 60px;
    }

    .pratab .nav-tabs > li.active > a, .pratab .nav-tabs > li.active > a:focus, .pratab .nav-tabs > li.active > a:hover {
        background-color: #368729;
        color: white;
        font-family: open_sansbold;
        font-size: 16px;
    }

    .pratab .nav-tabs > li {
        float: none;
        display: inline-block;
    }


.pest-list-header {
    font-family: open_sansregular;
    font-weight: normal;
}

    .pest-list-header span {
        font-family: open_sanssemibold;
        font-weight: normal;
    }

.pest-list-download-btn {
    background: #3c3c3c;
    color: white;
    border-radius: 0;
    margin-left: 10px;
}

    .pest-list-download-btn:hover, .pest-list-download-btn:active, .pest-list-download-btn:focus {
        background: #3c3c3c;
        color: white;
        opacity: 0.8;
    }

span.noofpest {
    font-family: open_sansbold;
    font-size: 25px;
    color: #7ac143;
}

hr.pest-list {
    border-color: #7ac143;
}

.pralist-tab {
}

    .pralist-tab .nav-tabs {
        margin-top: 20px;
        border-bottom: none;
        font-size: 15px;
        font-family: open_sanssemibold;
        text-align: left;
        background: #e4f3d9;
        height: 77px;
        border-bottom: 1px solid #7ac143;
    }

        .pralist-tab .nav-tabs ul {
        }

        .pralist-tab .nav-tabs > li > a {
            background-color: #e4f3d9;
            border-radius: 0px;
            color: #368729;
            padding-right: 12px;
            padding-left: 12px;
            padding-top: 25px;
            padding-bottom: 23px;
        }


        .pralist-tab .nav-tabs > li:first-child {
            margin-left: 20px;
        }

            .pralist-tab .nav-tabs > li:first-child > a {
            }

        .pralist-tab .nav-tabs > li.active > a, .pralist-tab .nav-tabs > li.active > a:focus, .pralist-tab .nav-tabs > li.active > a:hover {
            color: #368729;
            font-family: open_sansbold;
            font-size: 16px;
            background-color: white;
            border-left: 1px solid #7ac143;
            border-right: 1px solid #7ac143;
            border-top: 1px solid #7ac143;
            height: 77px;
        }

        .pralist-tab .nav-tabs > li {
            float: none;
            display: inline-block;
        }

            .pralist-tab .nav-tabs > li.border-left {
                border-left: 1px solid white;
            }

    .pralist-tab .tab-pane {
        min-height: 400px;
    }

    .pralist-tab .tab-content {
        padding-top: 20px;
        padding-left: 25px;
    }

    .pralist-tab h2 {
        margin-bottom: 15px;
        font-size: 16px;
    }

    .pralist-tab ul.pest-selection {
        margin-top: 15px;
        margin-left: 20px;
        margin-bottom: 20px;
    }

        .pralist-tab ul.pest-selection li {
            padding-bottom: 10px;
            font-family: open_sansregular;
        }

        .pralist-tab ul.pest-selection label {
            font-family: open_sansregular;
            font-weight: normal;
            cursor: pointer;
            display: table;
        }

            .pralist-tab ul.pest-selection label input[type=radio] {
                display: table-cell;
            }

            .pralist-tab ul.pest-selection label span {
                display: table-cell;
                padding-left: 5px;
            }

    .pralist-tab p {
        font-family: open_sansregular;
        line-height: 1.4;
    }

    .pralist-tab.compact {
    }

.pest-list-header.compact {
    margin-top: 10px;
    margin-bottom: 0px;
}

.pralist-tab.compact hr.pest-list {
    margin: 0px;
    margin-bottom: 5px;
}

.pralist-tab.compact ul.pest-selection {
    margin-top: 0px;
    margin-bottom: 0px;
}

.pralist-tab.compact .pralist-action-desc-box {
    margin-top: 0px;
    margin-bottom: 10px;
}

.pralist-tab.compact .tab-content {
    padding-top: 20px;
}

.pralist-tab.compact .nav-tabs {
    margin-top: 10px;
}

.compact .breadcrumb {
    margin-bottom: 10px;
}

.pralist-action-desc .icon {
    width: 22px;
}

.pralist-action-desc-box {
    width: 100%;
    min-height: 180px;
    border: 1px solid #777;
    margin-top: 12px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-left: 25px;
}

    .pralist-action-desc-box.management-action-key {
        min-height: 50px;
        padding-bottom: 10px;
    }

    .pralist-action-desc-box .pralist-action-desc {
        font-family: open_sansregular;
    }

        .pralist-action-desc-box .pralist-action-desc li {
            padding-bottom: 15px;
            display: table;
        }

            .pralist-action-desc-box .pralist-action-desc li:last-child {
            }

        .pralist-action-desc-box .pralist-action-desc.border-right {
            border-right: 1px solid #7ac143
        }


.border-right {
    border-right: 1px solid #7ac143;
    padding-right: 20px;
}

.pralist-action-desc-box .glyphicon {
    font-size: 22px;
}


.pralist-action-desc-box .glyphicon-option-horizontal {
    margin-right: 3px;
    margin-left: 3px;
}

.pralist-action-desc-box .pralist-action-desc li .glyphicon {
    font-size: 23px;
    color: #333;
    display: table-cell;
}

.pralist-action-desc-box .pralist-action-desc li .desc {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
}


.header-session-start {
    font-family: open_sansbold;
    font-size: 18px;
}

#previouspra {
    padding-top: 15px;
}

.btn-pra-red, .mycabi-ui-user-details-form input[type=submit] {
    background-color: #cd4400;
    font-family: "open_sanssemibold";
    font-size: 14px;
    color: #ffffff;
    border-radius: 0px;
    border: none;
    padding: 5px 30px 6px 30px;
    box-shadow: 0px 3px 0px rgba(168, 57, 3, 1);
}

    .btn-pra-red.active.focus, .btn-pra-red.active:focus, .btn-pra-red.active:hover, .btn-pra-red:active.focus, .btn-pra-red:active:focus, .btn-pra-red:active:hover, .btn-pra-red:hover, .btn-pra-red:focus, .mycabi-ui-user-details-form input[type=submit]:hover, .mycabi-ui-user-details-form input[type=submit]:focus {
        opacity: 0.8;
        color: #ffffff;
        background-color: #cd4400;
    }

.btn-pra-green {
    background-color: #368729;
    font-family: "open_sanssemibold";
    font-size: 14px;
    color: #ffffff;
    border-radius: 0px;
    border: none;
    padding: 5px 30px 6px 30px;
    box-shadow: 0px 3px 0px darkgreen;
}

    .btn-pra-green:hover, .btn-pra-green:focus {
        opacity: 0.8;
        color: #ffffff;
    }

.info-icon {
    width: 30px;
    vertical-align: middle;
    margin-left: 10px;
}

.info-icon-sm {
    width: 25px;
    vertical-align: middle;
    margin-left: 10px;
}

.pathway {
    display: block;
    margin-bottom: 20px
}

    .pathway .initiation-type {
        display: inline-block;
        margin-right: 30px;
    }


        .pathway .initiation-type .btn-pra-red {
            min-width: 140px;
        }

.header-pra {
    font-size: 20px;
    font-family: open_sanssemibold;
    margin-top: 0px;
    border-bottom: 1px solid #adbaa3;
    padding-bottom: 10px;
}

.news {
    margin-bottom: 25px;
    line-height: 1.3;
    text-align: left;
    display: table;
    width: 100%;
}

    .news .news-label {
        font-family: open_sansbold;
        font-size: 16px;
        color: #368729;
        display: table-cell;
        width: 53px;
    }

    .news .news-content {
        font-family: open_sansregular;
        font-size: 16px;
        display: table-cell;
    }

        .news .news-content a {
            font-family: open_sansbold;
            color: black;
        }

.table-pra thead tr td {
    background-color: #606060;
    color: white;
    text-align: center;
    vertical-align: middle;
    background-repeat: repeat-x;
}

.table-pra tbody {
    background-color: #F0F0F0;
}

    .table-pra tbody tr td {
        font-family: open_sanssemibold;
    }

        .table-pra tbody tr td a {
            color: black;
            text-decoration: underline;
        }

            .table-pra tbody tr td a:hover {
                text-decoration: none;
            }

.table-pra.table-bordered {
    border: 2px solid white;
}

    .table-pra.table-bordered > tbody > tr > td, .table-pra.table-bordered > tbody > tr > th, .table-pra.table-bordered > tfoot > tr > td, .table-pra.table-bordered > tfoot > tr > th, .table-pra.table-bordered > thead > tr > td, .table-pra.table-bordered > thead > tr > th {
        border: 2px solid white;
    }

.table-pra thead tr td.management {
    width: 20%;
}

.table-pra thead tr td.pest {
    width: 30%;
}

.table-pra thead tr td.notes {
    width: 50%;
}


.table-imported-crop {
    margin-bottom: 0px;
}

    .table-imported-crop.table-bordered {
        border: solid 1px #707070;
    }

        .table-imported-crop.table-bordered > tbody > tr > td, .table-imported-crop.table-bordered > tbody > tr > th, .table-imported-crop.table-bordered > tfoot > tr > td, .table-imported-crop.table-bordered > tfoot > tr > th, .table-imported-crop.table-bordered > thead > tr > td, .table-imported-crop.table-bordered > thead > tr > th {
            border: solid 1px #707070;
            text-align: center;
            font-family: open_sansregular;
            font-size: 14px;
        }

    .table-imported-crop .btn-remove {
        color: black;
    }

        .table-imported-crop .btn-remove:hover {
            opacity: 0.8;
        }

    .table-imported-crop.table-striped > tbody > tr:nth-of-type(2n+1) td {
        background-color: white;
    }

    .table-imported-crop.table-striped > tbody > tr td:first-child {
        background-color: #c8dcca;
    }

.initiation-form .control-label {
    font-weight: normal;
    font-family: open_sanssemibold;
    font-size: 16px;
    margin-bottom: 5px;
}

    .initiation-form .control-label.disabled {
        color: #888;
    }

.pra-form.initiation-form label.checkbox label {
    font-weight: normal;
    font-size: 15px;
    font-family: open_sansregular;
    display: table-cell;
    padding-left: 5px;
}

.pra-pager {
    min-height: 55px;
    background-color: #f0f0f0;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 12px;
}

    .pra-pager .dropdown {
        display: inline;
    }

    .pra-pager .form-group label {
        font-weight: normal;
        color: #000;
        font-family: open_sansregular;
        font-size: 14px;
    }

    .pra-pager .form-group a {
        color: #000;
        font-family: open_sansregular;
        font-size: 14px;
        text-decoration: underline;
    }

        .pra-pager .form-group a:hover {
            text-decoration: none;
        }

    .pra-pager .form-control {
        border: solid 2px #368729;
        border-radius: 0px;
        font-family: "open_sanssemibold";
        font-size: 14px;
        color: #262626;
        height: 32px;
        box-shadow: none;
        padding: 3px 10px;
        text-decoration: none !important;
    }

    .pra-pager .dropdown-menu > li > a {
        padding: 3px 17px;
    }


    .pra-pager .pre .caret {
        margin: 0px 7px 0 0px;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: 6px solid #000;
    }

    .pra-pager .next .caret {
        margin: 0px 0 0 7px;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 6px solid #000;
    }

    .pra-pager .caret.top {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: none;
        border-bottom: 6px solid #000;
    }

    .pra-pager .dropdown-menu {
        float: left;
        border: 2px solid #adbaa3;
        color: black;
        width: 45px;
        min-width: initial;
        margin-top: 10px;
    }

.backtotop {
    padding-top: 10px;
}

p.about {
    font-family: open_sansregular;
    font-size: 14px;
    line-height: 1.5;
}

h3.about {
    margin-bottom: 5px;
    font-family: open_sansbold;
    margin-top: 20px;
}

ul.about {
    font-family: open_sansregular;
    line-height: 2;
    list-style: disc;
    list-style-position: inside;
    margin-top: 5px;
    margin-left: 8px;
}

    ul.about > li {
        text-indent: -5px;
        font-size: 14px;
        margin-bottom: 10px;
    }

        ul.about > li > ul.sub-desc {
            list-style: circle;
            list-style-position: inside;
            padding-left: 15px;
        }

.supported-by {
    margin-top: 40px;
    display: block;
    border-top: 1px solid #adbaa3;
    min-height: 125px;
    padding-top: 15px;
    margin-bottom: 10px;
}

    .supported-by img {
        width: 150px;
        vertical-align: text-top;
    }

    .supported-by label {
        font-family: open_sanssemibold;
        font-size: 18px;
        font-weight: normal;
    }

.pra-form {
    width: 100%;
    min-height: 200px;
}

    .pra-form .pra-form-header {
        border-bottom: 1px solid #adbaa3;
        height: 50px;
        padding: 15px;
        padding-left: 0px;
    }

        .pra-form .pra-form-header h2 {
            font-size: 18px;
        }

    .pra-form .pra-form-body {
        padding: 15px 15px 15px 0px;
    }

        .pra-form .pra-form-body .form-group label {
            font-family: open_sansbold;
            font-weight: normal;
            margin-bottom: 5px;
        }

        .pra-form .pra-form-body .form-group .form-control, .initiation-form .form-group .form-control {
            border: solid 1px #707070;
            border-radius: 0px;
            font-family: open_sansregular;
            font-size: 15px;
            color: #262626;
            height: 36px;
            box-shadow: none;
            padding: 6px 10px;
        }

    .pra-form .form-group .input-group .form-control, .initiation-form .form-group .input-group .form-control {
        border-right: 0px;
    }

    .pra-form .form-group .input-group.left .form-control, .initiation-form .form-group .input-group.left .form-control {
        border: solid 1px #707070;
        border-left: 0px;
    }

    .pra-form .pra-form-body .form-group textarea.form-control, .initiation-form .form-group textarea.form-control {
        height: auto;
    }

    .pra-form label.checkbox {
        padding-left: 0px;
        display: table;
        padding-left: 5px;
    }

        .pra-form label.checkbox input[type=checkbox] {
            opacity: 0;
            position: absolute;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
        }

        .pra-form label.checkbox span {
            position: relative;
            padding-left: 0px;
            padding-right: 2px;
            display: table-cell;
        }

        .pra-form label.checkbox label {
            padding-left: 0px;
            display: table-cell;
            padding-left: 10px;
            font-family: open_sansregular !important;
        }

        .pra-form label.checkbox input[type=checkbox] + span:before {
            content: '';
            background: #fff;
            border: 1px solid #707070;
            display: inline-block;
            vertical-align: middle;
            width: 22px;
            height: 22px;
            padding: 2px;
            text-align: center;
            cursor: pointer;
        }

        .pra-form label.checkbox input[type="checkbox"]:checked + span::before {
            background-image: url(https://www.cabi.org/PRA-Tool/content/img/tick.png);
            background-size: 75% 75%;
            /* box-shadow: inset 0px 0px 0px 2px #fff; */
            /* box-shadow: inset 0px 0px 0px 3px #fff; */
            background-position-x: 2px;
            background-repeat: no-repeat;
            background-position-y: 1px;
        }

        .pra-form label.checkbox input[type="checkbox"]:disabled + span::before {
            background-color: #eee;
        }


    .pra-form .form-group .input-group .input-group-addon {
        background: none;
        border-left: none;
        border: solid 1px #707070;
        border-left: 0px;
        border-radius: 0;
        font-size: 19px;
    }

    .pra-form .form-group .input-group.left .input-group-addon {
        background: none;
        border-right: none;
        border: solid 1px #707070;
        border-right: 0px;
        border-radius: 0;
        font-size: 19px;
    }

    .pra-form .field-validation-error {
        display: block;
        font-family: open_sansregular;
        color: #cd4501;
        margin-top: 5px;
        line-height: 1.3;
    }

    .pra-form select option:first-child {
        color: #999;
    }

.mycabi-ui-delete-account-form .btn-delete {
    background: none;
    border: none;
    color: #368729;
}

    .mycabi-ui-delete-account-form .btn-delete, .mycabi-ui-delete-account-form .btn-delete:active, .mycabi-ui-delete-account-form .btn-delete:focus {
        text-decoration: underline;
        background: none !important;
        color: #368729;
        border: none;
        background-color: transparent !important;
        box-shadow: none;
    }

/*Start Page footer*/
footer {
    background-color: #4a4949;
    color: #ffffff;
    font-size: 14px;
    padding: 25px 0px 15px 0px;
    float: left;
    width: 100%;
    min-height: 136px;
    position: relative;
}

.footer ul {
    margin: 0px;
    margin-bottom: 25px;
    border-bottom: solid 1px #797979;
}

    .footer ul li {
        text-align: center;
        font-family: "open_sansregular";
        color: white;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 10px;
    }

.footer .footer-logo img {
    width: 55px;
    height: 55px;
    vertical-align: middle;
    margin-right: 20px;
}

.footer .footer-logo p {
    display: inline-block;
    font-size: 14px;
    font-family: open_sanssemibold;
    line-height: 21px;
}

footer a {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-family: open_sanssemibold;
}

    footer a:hover, footer a:active, footer a:focus {
        color: #ffffff;
        text-decoration: underline;
    }
/*End Page footer*/
.landing {
    font-size: 16px;
}

    .landing div.content {
        margin-bottom: 30px;
    }

    .landing .content p:first-child {
        margin-top: 30px;
        font-family: open_sanssemibold;
        font-size: 22px;
    }

    .landing .content p {
        font-family: open_sansregular;
        line-height: 1.5;
        margin-bottom: 20px;
    }

        .landing .content p.feature {
            margin-bottom: 5px;
            font-family: open_sansbold;
        }

    .landing .content h2.other-product {
        font-size: 16px;
        padding-bottom: 10px;
        margin-top: 40px;
    }

    .landing .content h2 {
        margin-bottom: 20px;
    }

    .landing .content a.blacklink {
        color: black;
        text-decoration: underline;
        font-family: open_sanssemibold;
    }

    .landing .content a.blacklinknormal {
        color: black;
        text-decoration: underline;
    }

    .landing .signin {
        margin-bottom: 20px;
        display: inline-block;
        padding-top: 13px;
        padding-bottom: 10px;
        font-size: 18px;
        text-align: center;
    }

    .landing .content ul {
        font-family: open_sansregular;
        line-height: 2;
        list-style: none;
        list-style-position: inside;
        margin-bottom: 20px;
    }

        .landing .content ul li {
            text-indent: -5px;
        }


            .landing .content ul li:before {
                content: "– ";
                text-indent: -5px;
            }

.whitelink {
    color: white;
    text-decoration: none;
    line-height: 1.3;
}

    .whitelink:hover, .whitelink:focus, .whitelink:active {
        color: white;
        text-decoration: underline;
    }

figure {
    margin: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.img-caption-title figcaption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 5;
}

    .img-caption-title figcaption .title, .img-caption-title figcaption .small-title {
        cursor: pointer;
    }

    .img-caption-title figcaption.content {
        padding: 23px;
        overflow: hidden;
        text-align: center;
    }

        .img-caption-title figcaption.content a span {
            display: block;
            font-size: 13px;
            margin-top: 5px;
        }

    .img-caption-title figcaption .readmore {
        height: 21px;
        display: inline-block;
        overflow: hidden;
        position: relative;
        padding-right: 22px;
        line-height: 20px;
    }

        .img-caption-title figcaption .readmore span {
            position: absolute;
            right: 0;
            top: 0px;
        }

.img-caption-title img {
    width: 100%;
    height: 325px;
}



.img-caption-title:hover figcaption:hover .title, .img-caption-title:hover figcaption:hover .small-title {
    background-color: #cd4400;
}


.img-caption-title:hover figcaption:hover a.title, .img-caption-title:hover figcaption:hover a.small-title {
    color: #ffffff;
}

.img-caption-title:hover figcaption .title, .img-caption-title:hover figcaption .small-title {
    background-color: #368729;
    color: #ffffff;
}

    .img-caption-title:hover figcaption .title:hover, .img-caption-title:hover figcaption .small-title:hover {
        background-color: #368729;
    }

.img-caption, .img-caption-title figcaption {
    background: rgba(0, 0, 0, 0.4);
    color: #368729;
    font-size: 16px;
    font-family: "open_sansregular";
    display: block;
    margin: 0px;
    width: 100%;
    color: white;
}

.initiation-form input[type="text"].search {
    padding-left: 34px !important;
    margin-top: -15px;
    padding-right: 50px;
}

.initiation-form span.search {
    display: inline;
    top: 12px;
    position: relative;
    background: transparent;
    border: none;
    padding-left: 6px;
    font-size: 16px;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border: solid 1px #707070;
    border-top: 0px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 10px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
}

    .ui-menu-item > a.ui-corner-all:hover {
        text-decoration: none;
    }

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #c8dcca;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.control-label.required:after {
    content: ' *';
    color: red;
}

.control-label.required.disabled:after {
    opacity: .6;
}
/*progress*/
/*progress bar*/
.loaderverysmall {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid green;
    width: 23px;
    height: 23px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.initiation-form .form-group .loaderverysmall {
    position: absolute;
    right: 11px;
    top: 10px;
    display: none;
}

input[type=text].ui-autocomplete-loading + .loaderverysmall {
    display: block;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

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

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

.datepicker .table-condensed > tbody > tr > td, .datepicker .table-condensed > tbody > tr > th, .datepicker .table-condensed > tfoot > tr > td, .datepicker .table-condensed > tfoot > tr > th, .datepicker .table-condensed > thead > tr > td, .datepicker .table-condensed > thead > tr > th {
    padding: 10px;
    font-family: open_sansregular;
    font-size: 16px;
}

#diverror ul {
    list-style: disc;
    list-style-position: inside;
    font-family: open_sansregular;
}

    #diverror ul li {
        margin-bottom: 7px;
    }

.initiation-form .form-control-static {
    font-size: 18px;
    font-family: open_sanssemibold;
}

.noneditable-overlay {
    position: absolute;
    width: 100%;
    background: transparent;
    height: 100%;
    top: 0;
}

#modalnoneditable .modal-footer, #modalderivedIncludeExcludeMessage .modal-footer {
    text-align: center;
    padding: 0px;
    padding-bottom: 15px;
    border-top: none;
}

#modalnoneditable .modal-header, #modalderivedIncludeExcludeMessage .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 10px;
    padding-bottom: 5px;
}

#modalnoneditable .non-editable-message, #modalderivedIncludeExcludeMessage .non-editable-message {
    font-size: 18px;
    line-height: 1.5;
    font-family: open_sansregular,Arial;
}

#modalnoneditable .non-editable-icon {
    color: #cd4400;
    font-size: 35px;
}

#modalderivedIncludeExcludeMessage .derived-icon {
    padding-top: 6px;
}

.glyphicon.disabled {
    color: #888;
}

.ui-helper-hidden-accessible {
    display: none !important;
}
/*Override Kendo grid*/
.k-icon {
    font-size: 13px !important;
}

.k-grid tbody td > .k-grid-delete {
    margin-top: -.2em;
    margin-bottom: -.2em;
    background: #cd4400;
    color: white;
    font-family: "open_sanssemibold";
    font-size: 12px;
}

.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    background: none;
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
}

.k-pager-input.k-label {
    color: black !important;
}


.k-grid tr:hover {
    background: none;
    background-color: transparent !important;
}

a.k-grid-delete {
    text-decoration: none !important;
    box-shadow: 0px 3px 0px rgba(168, 57, 3, 1);
    border-radius: 0;
}

#RecentPRADatagrid {
    margin-bottom: 30px;
}

#RegulatoryStatusDatagrid {
    margin-bottom: 30px;
}

#RecentPRADatagrid,
#PRADatagrid,
#RegulatoryStatusDatagrid,
#TeamManagementDatagrid,
#PestListGridIncluded,
#PestListGridExcluded,
#PestListGridManagement {
    overflow-x: auto;
}

    #PRADatagrid table tbody a,
    #RecentPRADatagrid table tbody a,
    #RegulatoryStatusDatagrid table tbody a,
    #TeamManagementDatagrid table tbody a,
    #PestListGridIncluded table tbody a,
    #PestListGridExcluded table tbody a,
    #PestListGridManagement table tbody a {
        text-decoration: underline;
    }

    #PRADatagrid table tbody td,
    #RecentPRADatagrid table tbody td,
    #RegulatoryStatusDatagrid table tbody td,
    #TeamManagementDatagrid table tbody td,
    #PestListGridManagement table tbody td {
        font-weight: normal;
        font-family: open_sansregular;
        font-size: 13px;
    }

    #PRADatagrid table thead th,
    #RecentPRADatagrid table thead th,
    #RegulatoryStatusDatagrid table thead th,
    #TeamManagementDatagrid table thead th,
    #PestListGridIncluded table thead th,
    #PestListGridExcluded table thead th,
    #PestListGridManagement table thead th {
        background-image: none;
        background-color: #606060;
        color: white;
        vertical-align: top;
    }

        #PRADatagrid table thead th a.k-link,
        #PRADatagrid table thead th span.k-link,
        #RecentPRADatagrid table thead th a.k-link,
        #RecentPRADatagrid table thead th span.k-link,
        #RegulatoryStatusDatagrid table thead th a.k-link,
        #RegulatoryStatusDatagrid table thead th span.k-link,
        #TeamManagementDatagrid thead th a.k-link,
        #TeamManagementDatagrid table thead th span.k-link,
        #PestListGridIncluded table thead th a.k-link,
        #PestListGridIncluded table thead th span.k-link,
        #PestListGridExcluded table thead th a.k-link,
        #PestListGridExcluded table thead th span.k-link,
        #PestListGridManagement table thead th a.k-link,
        #PestListGridManagement table thead th span.k-link {
            color: white;
        }

    #PRADatagrid table tbody tr td:nth-child(5),
    #RecentPRADatagrid table tbody tr td:nth-child(5),
    #RegulatoryStatusDatagrid table tbody tr td:nth-child(5),
    #TeamManagementDatagrid table tbody tr td:nth-child(5) {
        white-space: nowrap;
    }

    #PestListGridIncluded table,
    #PestListGridExcluded table,
    #PestListGridManagement table {
        font-size: 12px;
        font-family: open_sansregular;
    }

        #PestListGridIncluded table thead th,
        #PestListGridExcluded table thead th,
        #PestListGridManagement table thead th {
            font-size: 12px;
            font-family: open_sanssemibold;
        }

        #PestListGridIncluded table tbody tr td:first-child,
        #PestListGridManagement table tbody tr td:first-child {
            text-align: center;
        }

    #PestListGridIncluded .k-pager-input.k-label,
    #PestListGridExcluded .k-pager-input.k-label,
    #PestListGridManagement .k-pager-input.k-label {
        font-size: 12px;
    }

#risksummary .header-summary {
    font-family: open_sanssemibold;
    font-size: 29px;
    text-align: center;
    line-height: 1.3;
}

#risksummary .header-summary-green {
    border-bottom: 1px solid #7ac143;
    padding-bottom: 15px;
    color: #368729;
    font-size: 28px;
    font-family: open_sansbold;
    font-weight: normal;
}


#risksummary .summary-notes-container, #risksummary .summary-nextstep-container {
    border: 2px solid #adbaa3;
    padding: 10px;
    min-height: 140px;
    margin-bottom: 25px;
    padding-bottom: 20px;
}



#risksummary .summary-notes-container {
    margin-top: 30px;
}

#risksummary .summary-btn-group {
    float: right;
}

#risksummary .summary-notes-container textarea, #risksummary .summary-nextstep-container textarea {
    border: none;
    margin-top: 10px;
    width: 100%;
    resize: vertical;
    font-family: open_sansregular;
    line-height: 1.5;
}

    #risksummary .summary-notes-container textarea:focus, #risksummary .summary-nextstep-container textarea:focus {
        outline: none;
    }

.user-edit-icon {
    width: 10px;
    height: 10px;
    padding: 7px;
    color: white;
    background-color: #333;
    border-radius: 22px;
    font-size: 12px;
}

.user-action {
    font-size: 22px;
}

    .user-action.small {
        font-size: 18px;
    }

body .k-pager-wrap > .k-link {
    float: right;
}

body .k-grid .k-pager-numbers {
    float: right;
}

.k-grid-header th.k-header {
    vertical-align: top;
    padding: .5em 0 .4em .2em !important;
}

.k-pager-wrap {
    background-color: #f2f2f2 !important;
}

.notes-display {
    font-family: open_sansregular;
    line-height: 1.5;
}

    .notes-display ul li {
        border-bottom: 1px solid #333;
        display: table;
        width: 100%;
        margin-bottom: 10px;
    }

        .notes-display ul li span {
            display: table-cell;
            vertical-align: top;
            font-family: open_sanssemibold;
        }

            .notes-display ul li span:first-child {
                width: 32px;
            }

    .notes-display ul p.include-exclude-reason {
        font-family: open_sanssemibold;
        margin-bottom: 10px;
        color: #528729;
    }

    .notes-display p {
        white-space: normal;
        word-wrap: break-word;
    }

.k-widget.k-window {
    min-width: 317px !important;
}

.k-window-title {
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-family: open_sanssemibold;
}

.k-window-titlebar {
    background-color: #e4f3d9 !important;
    color: #368729 !important;
}
/*Action popup menu*/
.action-menu {
    display: block;
}

    .action-menu li {
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        border-bottom: 1px solid #333 !important;
    }

        .action-menu li.positive:hover {
            background-color: var(--cabi-primary-green);
            color: var(--cabi-white) !important;
            font-weight: 600
        }

        .action-menu li.negative:hover {
            background-color: #AA0909;
            color: var(--cabi-white) !important;
            font-weight: 600
        }

        .action-menu li:last-child {
            border-bottom: none !important;
        }

        .action-menu li.positive a {
            color: #333;
            display: table;
            text-decoration: none;
        }

            .action-menu li.positive a:hover {
                color: var(--cabi-white) !important;
                font-weight: 600
            }

        .action-menu li.negative a:hover {
            color: var(--cabi-white) !important;
            font-weight: 600
        }

        .action-menu li a {
            color: #333;
            display: table;
            text-decoration: none;
            font-family: open_sanssemibold;
        }

        .action-menu li a span {
            display: table-cell;
            vertical-align: top;
        }

            .action-menu li a span:nth-child(2):hover {
                text-decoration: underline;
            }

            .action-menu li a span.glyphicon {
                width: 30px;
            }

            .action-menu li a span.notes-icon {
                display: table-cell;
                width: 30px;
            }

.add-notes ul li {
    border-bottom: 1px solid #333;
    display: table;
    width: 100%;
}

    .add-notes ul li span {
        display: table-cell;
        vertical-align: top;
    }

        .add-notes ul li span:first-child {
            width: 32px;
        }

.add-notes .summary-notes-container {
    border: 1px #333 solid;
    padding: 10px;
    margin-bottom: 10px;
}

    .add-notes .summary-notes-container textarea {
        border: none;
        width: 100%;
        font-family: open_sansregular;
        resize: vertical;
    }

        .add-notes .summary-notes-container textarea:focus {
            outline: none;
        }

.add-notes .char-left {
    margin-top: 10px;
    margin-right: -11px;
}

.add-notes .btn-block {
    clear: both;
}

    .add-notes .btn-block .btn-pra-green {
        margin-top: 10px;
    }

.k-icon.k-i-kpi {
    margin-left: 5px;
    margin-right: 5px;
}

.k-grid-filter {
    float: none !important;
}

.notes-icon img {
    width: 20px;
}

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm {
    margin-left: 0px !important;
}

.k-grid-filter.k-state-active {
    background-color: #fff;
    color: black;
}

.add-pqstatus .header {
    border-bottom: 1px solid #333;
    padding-bottom: 7px;
}

    .add-pqstatus .header li {
        display: table;
    }

        .add-pqstatus .header li span {
            display: table-cell;
        }

            .add-pqstatus .header li span:first-child {
                width: 30px;
            }

            .add-pqstatus .header li span:nth-child(2) {
                vertical-align: top;
            }

.add-pqstatus .glyphicon-plus-sign {
    font-size: 22px;
}

.add-pqstatus label {
    font-weight: normal;
}

.add-pqstatus .description li {
    padding: 5px 0px 5px 0px;
}


.add-pqstatus .description li {
    display: table;
    margin-bottom: 5px;
}

    .add-pqstatus .description li span:first-child {
        width: 28px;
    }

    .add-pqstatus .description li span {
        display: table-cell;
    }

.add-pqstatus .pq-desc {
    font-family: open_sansregular;
    font-size: 13px;
}

.add-pqstatus select {
    font-family: open_sansregular;
    font-size: 13px;
    margin-left: 10px;
}

.add-pqstatus .field-validation-error {
    display: block;
    font-family: open_sansregular;
    font-size: 12.5px;
    margin-top: 3px;
    margin-left: 80px;
}

.k-grid tr:hover {
    background-image: none !important;
    background-color: #e4f3d9 !important;
}

.char-left {
    float: right;
    font-family: open_sansregular;
    font-size: 12px;
    padding-top: 2px;
    color: #737373;
}

.include-pest .header li {
    display: table;
}

    .include-pest .header li span {
        display: table-cell;
        vertical-align: top;
    }

        .include-pest .header li span:first-child {
            width: 30px;
            font-size: 22px;
        }

.include-pest select {
    width: 98%;
    font-family: open_sansregular;
    border: 1px #333 solid;
    font-size: 12.5px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}

.include-pest textarea {
    border: none;
    width: 100%;
    resize: vertical;
    font-family: open_sansregular;
}

.include-pest .summary-notes-container {
    border: 1px #333 solid;
    padding: 10px;
}

.include-pest .field-validation-error {
    display: block;
    font-family: open_sansregular;
    font-size: 12.5px;
    margin-top: 3px;
}

.include-pest .char-left {
    margin-top: 10px;
    margin-right: -11px;
}

.include-pest .btn-block {
    clear: both;
}

    .include-pest .btn-block .btn-pra-green {
        margin-top: 10px;
    }

.pratab.pra-tab-assessment ul li a {
    padding-right: 20px;
    padding-left: 20px;
}

.pratab.pra-tab-assessment .nav-tabs {
}

.pratab.pra-tab-assessment .tab-content {
    min-height: 300px;
    padding: 20px;
    padding-bottom: 0px;
}

.risk-assessment-pest-name-header {
    text-align: center;
    margin-bottom: 0px;
    font-family: open_sansregular;
    font-size: 30px;
    margin-top: 15px;
}

    .risk-assessment-pest-name-header.summary {
        border-bottom: 1px solid #7ac143;
        padding-bottom: 15px;
    }


    .risk-assessment-pest-name-header span:first-child {
        font-family: open_sansbold;
    }

.btn-pra-gray {
    background-color: #999999;
    font-family: "open_sanssemibold";
    font-size: 14px;
    color: #ffffff;
    border-radius: 0px;
    border: none;
    padding: 5px 30px 6px 30px;
    box-shadow: 0px 3px 0px #666666;
    cursor: pointer;
}

    .btn-pra-gray:hover, .btn-pra-gray:focus {
        color: #ffffff;
        text-decoration: none;
        opacity: 0.8;
    }

.risk-assessment-container {
    min-height: 300px;
    padding: 20px;
}

    .risk-assessment-container .summary-section {
        font-family: open_sanssemibold;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .risk-assessment-container .summary-details {
        font-family: open_sanssemibold;
        font-size: 18px;
        color: #5e5e5e;
        margin-bottom: 5px;
    }

    .risk-assessment-container .btn-pra-red {
        padding: 10px 30px;
    }

    .risk-assessment-container .btn-group {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .risk-assessment-container hr {
        margin-top: 15px;
        margin-bottom: 30px;
        color: #5e5e5e;
    }

    .risk-assessment-container .option-group {
        display: table;
    }

        .risk-assessment-container .option-group input {
            display: table-cell;
            margin-right: 5px;
        }

        .risk-assessment-container .option-group label {
            display: table-cell;
            width: 50px;
            font-family: open_sansregular;
            font-weight: normal;
            font-size: 16px;
        }

.pra-tab-assessment .question {
    margin-bottom: 20px;
}

.pra-tab-assessment .question-desc {
    font-family: open_sanssemibold;
    font-size: 20px;
    border-bottom: 1px solid #adbaa3;
    padding-bottom: 7px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pra-tab-assessment .question-text {
    font-family: open_sansregular;
    font-size: 15px;
    display: table;
    line-height: 1.5;
}

.pra-tab-assessment .question .question-no {
    width: 20px;
    font-family: open_sansregular;
    font-size: 15px;
    display: table-cell;
}

pra-tab-assessment .question .q-desc {
    display: table-cell;
}

.pra-tab-assessment .question select {
    font-family: open_sansregular;
    font-size: 13px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.pra-tab-assessment .field-validation-error {
    display: block;
    font-family: open_sansregular;
    color: #cd4501;
    margin-top: 5px;
    line-height: 1.3;
    font-size: 12px;
    text-align: right;
    margin-bottom: 10px;
}

.pra-tab-assessment .question .hint-icon {
    margin-left: 12px;
    cursor: pointer;
}

.pra-tab-assessment .clevel {
    z-index: 2;
}

.pra-tab-assessment .hints {
    margin-left: 25px;
    font-family: open_sanssemibold;
    font-weight: normal;
    margin-top: -85px;
    z-index: 1;
}

    .pra-tab-assessment .hints b {
        font-family: open_sanssemibold;
        font-weight: normal;
        display: block;
    }

    .pra-tab-assessment .hints ul {
        list-style: disc;
        list-style-position: outside;
        margin-top: 10px;
        display: inline-block;
        padding-left: 15px;
    }

        .pra-tab-assessment .hints ul li {
            padding-bottom: 10px;
            font-family: open_sansregular;
            font-size: 14px;
        }

.pra-tab-assessment .notes {
    margin-top: 10px;
    display: block;
    padding: 0px;
    border: none;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

    .pra-tab-assessment .notes h3 {
        margin-bottom: 10px;
    }

.pra-tab-assessment textarea {
    width: 100%;
    border: none;
    font-family: open_sansregular;
    font-size: 14px;
    line-height: 1.5;
}

    .pra-tab-assessment textarea:focus {
        outline: none;
    }

.pra-tab-assessment .assessment-btn-group {
    margin-top: 0px;
}

.pra-tab-assessment .assessment-btn-group {
    margin-top: 0px;
    margin-bottom: 25px;
}

.pra-tab-assessment .btn-pra-green {
    padding: 10px 30px 10px;
}

.pra-tab-assessment .btn-pra-red {
    padding: 10px 30px 10px;
}

.pra-tab-assessment select.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 1px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 5px;
}

.nav-adv {
    z-index: 997 !important;
}

#navbar-adv {
    padding-top: 1px;
    z-index: 997 !important;
}



    #navbar-adv .dropdown-menu {
        left: auto;
    }

    #navbar-adv .navbar-nav {
        float: right;
    }

        #navbar-adv .navbar-nav > li {
            min-width: auto;
            display: inline;
            padding-top: 4px;
            padding-right: 15px;
            padding-bottom: 2px;
            background-color: #3c3c3c;
            /*background-color: #368729;*/
            margin-left: 5px;
            min-height: initial;
        }


            #navbar-adv .navbar-nav > li a.dropdown-toggle, #navbar-adv .navbar-nav > li a.nav-link {
                margin-left: 15px;
            }

            #navbar-adv .navbar-nav > li:last-child {
                width: auto;
            }

    #navbar-adv .dropdown-menu > li > a:focus, #navbar-adv .dropdown-menu > li > a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #e4f3d9;
    }

.nav-adv {
    background: transparent;
    border: none;
    min-height: 37px;
    max-height: none;
}

.navbar-inverse.nav-adv .navbar-collapse, .navbar-inverse.nav-adv .navbar-form {
    border-color: transparent;
}

.nav-adv .navbar-toggle {
    padding: 0px 6px;
    margin-top: 13px;
    margin-right: 15px;
    border: none;
}

    .nav-adv .navbar-toggle:hover, .nav-adv .navbar-toggle:active, .nav-adv .navbar-toggle:focus {
        background-color: transparent;
    }

.navbar-inverse.nav-adv .navbar-nav > .open > a, .navbar-inverse.nav-adv .navbar-nav > .open > a:hover, .navbar-inverse.nav-adv .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.nav-adv ul li.menublock {
    display: block;
    border-bottom: 1px white solid;
}

    .nav-adv ul li.menublock:last-child {
        border-bottom: none;
    }

.pest-management label.checkbox {
    width: 100%;
    display: table;
    border: 2px solid #dbe1d5;
    padding: 10px;
    cursor: pointer;
    font-family: open_sansregular;
    font-weight: normal;
    color: #368729;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .pest-management label.checkbox:hover {
        background-color: #F5F5F5;
    }

.pest-management.pra-form label.checkbox span {
    position: relative;
    padding-left: 0px;
    padding-right: 5px !important;
    display: table-cell;
    width: 30px;
}


.pest-management .toggle {
    cursor: pointer;
    margin-top: 30px;
    border-bottom: 1px #adbaa3 solid;
    padding-bottom: 10px;
}

    .pest-management .toggle a {
        color: #333;
        text-decoration: none;
    }

.pest-management a .toggle-icon {
    color: #7ac143;
}

    .pest-management a .toggle-icon:before {
        content: "\e252";
        /*content: "\e253";*/
    }

.pest-management a.collapsed .toggle-icon:before {
    content: "\e253";
    /*content: "\e252";*/
}

.pest-management .notes {
    margin-top: 10px;
    display: block;
    padding: 0px;
    border: none;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

    .pest-management .notes textarea {
        width: 100%;
        border: none;
        font-family: open_sansregular;
        font-size: 13px;
        line-height: 1.5;
    }



.pest-management .management-btn-group {
    margin-bottom: 10px;
}

    .pest-management .management-btn-group .btn-pra-green {
        padding: 10px 30px 10px;
    }

    .pest-management .management-btn-group .btn-pra-red {
        padding: 10px 30px 10px;
    }

.pest-management .notes h3 {
    margin-bottom: 10px;
}

.pest-management .radio-inline {
    font-size: 17px;
    font-family: open_sansregular;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.table-management-summary {
    margin-bottom: 0px;
}

    .table-management-summary tbody tr td {
        font-family: open_sansregular !important;
        font-weight: normal;
    }

.bold-green {
    font-family: open_sanssemibold !important;
    color: #368729;
    text-decoration: underline;
    font-size: large;
    margin-bottom: 10px;
    margin-left: 5px;
}

.table-management-summary tbody tr td.bold {
    font-family: open_sanssemibold !important;
    color: #368729;
}
/*progress bar*/
.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #808080;
    width: 35px;
    height: 35px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

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

    100% {
        transform: rotate(360deg);
    }
}
/*Static Page*/
.static-page {
    margin-bottom: 30px;
}

    .static-page h1 {
        padding-bottom: 10px;
        background: url(https://www.cabi.org/PRA-Tool/content/img/hr2.gif) repeat-x 0 bottom;
    }

    .static-page p {
        font-family: open_sansregular;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .static-page table {
        margin: 20px 0 15px;
        width: 100%;
        border-collapse: separate;
        line-height: 1.2;
        font-size: 14px;
        border-spacing: 0;
    }

        .static-page table tr {
            border: 1px solid #c8c8c8;
        }

            .static-page table tr:first-child td {
                border-top: 1px solid #c8c8c8;
            }

        .static-page table td:first-child {
            border-left: 1px solid #c8c8c8;
        }

        .static-page table td {
            border-bottom: 1px solid #c8c8c8;
            border-right: 1px solid #c8c8c8;
            padding: 6px 7px;
            text-align: left;
            vertical-align: top;
        }

    .static-page ul {
        list-style-type: disc;
    }

        .static-page ul li {
            margin-left: 28px;
            color: #444444;
            font-family: open_sansregular;
            -webkit-font-smoothing: antialiased;
            font-size: 14px;
            line-height: 1.5;
        }

    .static-page h3 {
        font-size: 16px;
        line-height: 21px;
        margin-top: 0;
        margin-bottom: 10px;
        color: #444444;
        font-weight: bold;
    }

    .static-page h5 {
        font-size: 14px;
        line-height: 21px;
        margin-top: 0;
        margin-bottom: 0;
        color: #444444;
        font-weight: bold;
    }

.k-multicheck-wrap {
    margin-left: 17px !important;
    margin-top: 10px !important;
}

    .k-multicheck-wrap input[type=checkbox] {
        margin-right: 5px !important;
    }

form.k-filter-menu {
    padding: 10px;
}

#modaldirtyformmessage .dirty-info-icon,
#modaldirtyformmessageRiskManagement .dirty-info-icon,
#modaldirtyformmessageforCancel .dirty-info-icon {
    color: #cd4400;
    font-size: 35px;
}

#modaldirtyformmessage .dirty-message,
#modaldirtyformmessageRiskManagement .dirty-message,
#modaldirtyformmessageforCancel .dirty-message {
    font-size: 18px;
    line-height: 1.5;
    font-family: open_sansregular, Arial;
}

.mycabi-login-wrapper-top {
    padding: 0px;
    margin-top: 80px;
    margin-bottom: 0px;
    border-bottom: 2px;
    padding-bottom: 20px;
}

    .mycabi-login-wrapper-top .pra-form .pra-form-header {
        border-bottom: none;
        height: 50px;
        padding: 15px;
        padding-left: 0px;
    }

    .mycabi-login-wrapper-top .pra-form .pra-form-body {
        padding: 15px 25px 15px 0px;
    }

.mycabi-login-wrapper-bottom {
    padding-top: 10px;
    padding: 0px;
    border: 4px solid #cd4400;
    margin-bottom: 80px;
    margin-top: 0px;
    padding-bottom: 20px;
    background: #f9f9f9;
}

.mycabi-login-wrapper-top .tab {
    float: right;
    margin-top: -42px;
    width: 125px;
    background-color: #cd4400;
    color: white;
    margin-right: -4px;
    height: 38px;
    padding: 14px;
    border-radius: 5px 5px 0px 0px;
    font-size: 14px;
}

.mycabi-login-wrapper-top .btn-default {
    background-color: #cd4400;
    font-family: "open_sanssemibold";
    font-size: 14px;
    color: #ffffff;
    border-radius: 0px;
    border: none;
    padding: 5px 30px 6px 30px;
    box-shadow: 0px 3px 0px rgba(168, 57, 3, 1);
}

.mycabi-login-wrapper-top #mycabi-ui-login-form label, .mycabi-login-wrapper-top #mycabi-ui-register-form label {
    font-family: open_sanssemibold;
    font-weight: normal;
    margin-bottom: 10px;
}

.mycabi-login-wrapper-top #mycabi-ui-login-form button {
}

.mycabi-login-wrapper-top #mycabi-ui-login-form .forgot-password {
    margin-top: 20px;
}

.mycabi-login-wrapper-top #mycabi-ui-login-form .checkbox {
    margin-right: 10px;
    display: inline;
}

.mycabi-login-wrapper-top p, .mycabi-login-wrapper-bottom p {
    margin-bottom: 20px;
    font-family: open_sansregular;
    line-height: 1.5;
}

.mycabi-login-wrapper-top .back-to-login {
    margin-top: -16px;
    display: block;
    float: right;
}

.mycabi-login-wrapper-bottom p.feature {
    margin-bottom: 5px;
    font-family: open_sansbold;
}

.mycabi-login-wrapper-bottom ul {
    font-family: open_sansregular;
    line-height: 2;
    list-style: none;
    list-style-position: inside;
    margin-bottom: 20px;
}

    .mycabi-login-wrapper-bottom ul li {
        text-indent: -5px;
    }

        .mycabi-login-wrapper-bottom ul li::before {
            content: "– ";
            text-indent: -5px;
        }

.divider {
    border-right: 1px solid #f2eded;
}

.widget {
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.app-error {
    margin-top: 20px;
    margin-bottom: 100px;
    min-height: 200px;
    border-top: 5px solid darkred;
    border-bottom: 10px solid darkred;
    background: lightyellow;
    padding: 20px;
    padding-left: 30px;
}

    .app-error h2 {
        margin-bottom: 30px;
        font-family: open_sanssemibold;
    }

.min-height-30 {
    min-height: 30px;
}

.min-height-80 {
    min-height: 80px;
}

.k-grid-norecords-template {
    border: 0px !important;
}

span.labelDropdown {
    font-size: 12px;
}
/*By pest*/
.bypest ul.help-text {
    list-style: disc;
    list-style-position: inside;
    font-family: open_sansregular;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px;
}

.bypest p.help-text {
    font-family: open_sansregular;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px;
}

.bypest .toggle-check-container {
    width: 100%;
    max-width: 300px;
}

    .bypest .toggle-check-container .toggle-check {
        border: solid 1px #707070;
        height: 35px;
        display: table;
        width: 100%;
        max-width: 400px;
    }

        .bypest .toggle-check-container .toggle-check .toggles {
            padding-top: 10px;
            padding-bottom: 9px;
            cursor: pointer;
            color: black;
            font-family: open_sansbold;
            font-weight: normal;
            text-align: center;
            display: table-cell;
            width: 50%;
        }

            .bypest .toggle-check-container .toggle-check .toggles.yes {
                background: none;
            }

            .bypest .toggle-check-container .toggle-check .toggles.no {
                background: #707070;
                color: white;
            }

    .bypest .toggle-check-container input[type=checkbox]:checked + .toggle-check .toggles.yes {
        background: #707070 !important;
        color: white;
        pointer-events: none;
    }

    .bypest .toggle-check-container input[type=checkbox]:checked + .toggle-check .toggles.no {
        background: none !important;
        color: black;
    }

    .bypest .toggle-check-container input[type=checkbox]:not(:checked) + .toggle-check .toggles.no {
        pointer-events: none;
    }


.glyphicon-calendar {
    cursor: pointer;
}

.bypest .control-label {
    margin-bottom: 10px;
    display: block;
}

.bypest .initiation-form .control-container {
    max-width: 400px;
}

.bypest .initiation-form .control-container-sm {
    max-width: 195px;
}

.bypest .form-gp {
    display: table;
}

    .bypest .form-gp .form-gp-control {
        display: table-cell;
    }

        .bypest .form-gp .form-gp-control:first-child {
            padding-right: 10px;
        }

.bypest .form-group {
    margin-bottom: 20px;
}

.bypest .btn-pra-green, .bypest .btn-pra-red {
    min-width: 140px;
}

.bypest .by-pest-categorization, .bypest by-pest-management, .bypest .live-import-categorization {
}

    .bypest .by-pest-categorization p, .bypest .by-pest-management p, .bypest .live-import-categorization p {
        line-height: 1.4;
        font-family: open_sansregular;
        margin-bottom: 0px;
    }

    .bypest .by-pest-categorization .tab-header, .bypest .by-pest-management .tab-header, .bypest .live-import-categorization .tab-header {
        font-family: open_sansregular;
        display: block;
        text-align: center;
        font-size: 32px;
        font-weight: normal;
    }

    .bypest .by-pest-categorization ul.description,
    .bypest .live-import-categorization ul.description {
        font-family: open_sansregular;
        line-height: 1.4;
        list-style: disc;
        list-style-position: outside;
        padding-left: 12px;
    }

    .bypest .by-pest-categorization .sub-header, .bypest .by-pest-management .sub-header, .bypest .live-import-categorization .sub-header {
        margin-top: 20px;
        margin-bottom: 5px;
    }

    .bypest .by-pest-categorization .control-container, .bypest .by-pest-management .control-container, .bypest .live-import-categorization .control-container {
        margin-top: 15px;
    }

        .bypest .by-pest-categorization .control-container textarea, .bypest .by-pest-management .control-container textarea, .bypest .live-import-categorization .control-container textarea {
            border: solid 1px #707070;
            border-radius: 0px;
            font-family: open_sansregular;
            font-size: 15px;
            color: #262626;
            box-shadow: none;
            padding: 6px 10px;
        }

            .bypest .by-pest-categorization .control-container textarea.multiline, .bypest .by-pest-management .control-container textarea.multiline, .bypest .live-import-categorization .control-container textarea.multiline {
                min-height: 100px;
            }

            .bypest .by-pest-categorization .control-container textarea.singleline, .bypest .by-pest-management .control-container textarea.singleline, .bypest .live-import-categorization .control-container textarea.singleline {
                height: 35px;
            }

        .bypest .by-pest-categorization .control-container select,
        .bypest .live-import-categorization .control-container select {
            border: solid 1px #707070;
            border-radius: 0px;
            font-family: open_sansregular;
            font-size: 15px;
            color: #555555;
            box-shadow: none;
            padding: 6px 10px;
            width: 100%;
            display: block;
        }

    .bypest .by-pest-categorization .green-container, .bypest .by-pest-management .green-container, .bypest .live-import-categorization .green-container {
        background-color: #e4f3d9;
        padding-bottom: 10px;
        padding-top: 1px;
        margin-top: 20px;
    }

        .bypest .by-pest-categorization .green-container .sub-header, .bypest .by-pest-management .green-container .sub-header, .bypest .live-import-categorization .green-container .sub-header {
            margin-bottom: 15px;
        }

        .bypest .by-pest-categorization .green-container p, .bypest .by-pest-management .green-container p, .bypest .live-import-categorization .green-container p {
            margin-bottom: 15px;
        }

        .bypest .by-pest-categorization .green-container .option-phytosanitary .checkbox-inline, .bypest .by-pest-management .green-container .option-phytosanitary .checkbox-inline, .bypest .live-import-categorization .green-container .option-phytosanitary .checkbox-inline {
            font-family: open_sansregular;
            font-size: 16px;
            font-weight: normal;
        }

        .bypest .by-pest-categorization .green-container .option-phytosanitary > .checkbox-inline:first-child, .bypest .by-pest-management .green-container .option-phytosanitary > .checkbox-inline:first-child, .bypest .live-import-categorization .green-container .option-phytosanitary > .checkbox-inline:first-child {
            /*padding-left: 0px;*/
        }

    .bypest .by-pest-categorization .btn-container, .bypest .by-pest-management .btn-container, .bypest .live-import-categorization .btn-container {
        margin-bottom: 40px;
    }

    .bypest .by-pest-categorization .extra-guidance-text, .bypest .by-pest-management .extra-guidance-text, .bypest .live-import-categorization .extra-guidance-text {
        min-height: 48px;
    }

    .bypest .by-pest-categorization .btn-pra-green, .by-pest-categorization .btn-pra-red, .by-pest-categorization .btn-pra-gray, .bypest .live-import-categorization .btn-pra-gray {
        min-width: 140px;
    }

    .bypest .by-pest-categorization .field-validation-error,
    .bypest .live-import-categorization .field-validation-error {
        display: block;
        font-family: open_sansregular;
        color: #cd4501;
        margin-top: 5px;
        line-height: 1.3;
    }

.bypest .by-pest-management .btn-pra-green, .by-pest-management .btn-pra-red, .by-pest-management .btn-pra-gray {
    min-width: 140px;
}

.bypest .by-pest-management .notes {
    margin-top: 10px;
    display: block;
    padding: 0px;
    border: none;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

    .bypest .by-pest-management .notes h3 {
        margin-bottom: 10px;
    }

.bypest .by-pest-management textarea {
    width: 100%;
    border: none;
    font-family: open_sansregular;
    font-size: 14px;
    line-height: 1.5;
}

    .bypest .by-pest-management textarea:focus {
        outline: none;
    }

.bypest .by-pest-management .notes {
    min-height: 195px;
    background-color: transparent;
}

    .bypest .by-pest-management .notes textarea {
        min-height: 160px;
    }


    .bypest .by-pest-management .notes.small {
        min-height: 125px;
        background-color: white;
    }

        .bypest .by-pest-management .notes.small textarea {
            min-height: 125px;
        }

.bypest .by-pest-management .header {
    font-family: open_sanssemibold;
    font-size: 20px;
    border-bottom: 1px solid #adbaa3;
    padding-bottom: 7px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.bypest .by-pest-management .pra-form label.checkbox span {
    position: relative;
    padding-left: 0px;
    padding-right: 5px !important;
    display: table-cell;
    width: 30px;
}

.bypest .by-pest-management .hints {
    display: block;
    font-weight: normal;
    font-size: 14px;
    padding-bottom: 20px;
    font-family: open_sansregular;
    cursor: default;
}

.bypest .by-pest-riskassessment {
}

    .bypest .by-pest-riskassessment p {
        line-height: 1.4;
        font-family: open_sansregular;
        margin-bottom: 0px;
    }

    .bypest .by-pest-riskassessment .tab-header {
        font-family: open_sansregular;
        display: block;
        text-align: center;
        font-size: 32px;
        font-weight: normal;
    }

    .bypest .by-pest-riskassessment ul.work-flow {
        display: block;
        font-size: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .bypest .by-pest-riskassessment ul.work-flow li {
            display: inline-block;
        }


            .bypest .by-pest-riskassessment ul.work-flow li p a {
                border-width: 1px;
                width: 180px;
                height: 37px;
                background: inherit;
                background-color: #cfe4bf;
                border: none;
                border-radius: 10px;
                color: #333;
                display: table-cell;
                text-align: center;
                vertical-align: middle;
                font-family: open_sanssemibold;
                font-size: 13px;
                cursor: pointer;
                text-decoration: none;
            }

            .bypest .by-pest-riskassessment ul.work-flow li.active p a {
                background-color: #368729;
                color: #fff;
                cursor: inherit;
                background-image: none;
            }


            .bypest .by-pest-riskassessment ul.work-flow li.line {
                height: 22px;
            }

                .bypest .by-pest-riskassessment ul.work-flow li.line span {
                    padding: 4px 10px 4px 10px;
                    display: table-cell;
                    background-color: #cfe4bf;
                }

    .bypest .by-pest-riskassessment h2.enter-pra {
        padding-top: 30px;
        font-family: open_sanssemibold;
        font-size: 18px;
    }

    .bypest .by-pest-riskassessment .btn-container {
        margin-bottom: 40px;
    }


    .bypest .by-pest-riskassessment .btn-pra-green:not(.small), .bypest .by-pest-riskassessment .btn-pra-red:not(.small), .bypest .by-pest-riskassessment .btn-pra-gray:not(.small) {
        min-width: 140px;
    }

    .bypest .by-pest-riskassessment .pathway-container {
        background-color: #e4f3d9;
        margin-bottom: 0px;
        padding-bottom: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .bypest .by-pest-riskassessment .pathway-container h2.added-pathway {
            padding-bottom: 10px;
            border-bottom: 1px solid #adbaa4;
            font-size: 18px;
        }

    .bypest .by-pest-riskassessment h2.no-pathway-added {
        padding-bottom: 10px;
        font-size: 18px;
        padding-top: 20px;
    }


    .bypest .by-pest-riskassessment .pathway-container table.added-pathway {
    }

        .bypest .by-pest-riskassessment .pathway-container table.added-pathway th {
            font-family: open_sanssemibold;
            font-weight: normal;
            vertical-align: top;
        }

        .bypest .by-pest-riskassessment .pathway-container table.added-pathway > thead > tr > th {
            vertical-align: top;
            border-bottom: 1px solid #adbaa4;
        }

        .bypest .by-pest-riskassessment .pathway-container table.added-pathway > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td,
        .bypest .by-pest-riskassessment .pathway-container table.added-pathway > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
            padding: 15px;
            border-top: 1px solid #adbaa4;
            font-family: open_sansregular;
        }

    .bypest .by-pest-riskassessment .control-container textarea {
        border: solid 1px #707070;
        border-radius: 0px;
        font-family: open_sansregular;
        font-size: 15px;
        color: #262626;
        box-shadow: none;
        padding: 6px 10px;
        min-height: 200px;
    }

        .bypest .by-pest-riskassessment .control-container textarea.multiline {
            min-height: 150px;
        }

    .bypest .by-pest-riskassessment .probability-summary {
        padding-bottom: 10px;
    }


@media (max-width: 996px) {
    .bypest .by-pest-riskassessment ul.work-flow li {
        padding-bottom: 10px;
        padding-right: 5px;
    }

        .bypest .by-pest-riskassessment ul.work-flow li.line span {
            display: none;
        }

    .bypest .by-pest-riskassessment ul.work-flow {
        text-align: center;
    }
}

@media (max-width: 1200px) {
    .bypest .by-pest-riskassessment ul.work-flow li.line span {
        padding: 4px 5px 4px 5px;
    }
}

.bypest .work-flow-question .modal-body {
    padding: 30px;
    padding-bottom: 0px;
}

.bypest .work-flow-question .modal-content {
    border-radius: 0px;
}

.bypest .work-flow-question .modal-header .modal-title {
    font-size: 20px;
}

.bypest .work-flow-question .modal-header .close {
    opacity: 1;
}

    .bypest .work-flow-question .modal-header .close:hover {
        opacity: .8;
    }

    .bypest .work-flow-question .modal-header .close span {
        margin-top: 6px;
        font-size: 23px;
        color: #cd4400;
    }

.bypest .work-flow-question select.form-control {
    border: solid 1px #707070;
    border-radius: 0px;
    font-family: open_sansregular;
    font-size: 13px !important;
    color: #262626;
    height: 36px;
    box-shadow: none;
    padding: 6px 10px;
}

    .bypest .work-flow-question select.form-control.large-font {
        font-size: 15px !important;
    }

        .bypest .work-flow-question select.form-control.large-font:disabled {
            background-color: #eee;
        }

.bypest .work-flow-question.pra-tab-assessment .notes {
    margin-top: 10px;
    display: block;
    padding: 0px;
    border: none;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

.bypest .work-flow-question .other-pathway {
}

    .bypest .work-flow-question .other-pathway label {
        display: block;
        font-family: open_sansregular;
        font-weight: normal;
        font-size: 15px;
        padding-bottom: 10px;
    }

    .bypest .work-flow-question .other-pathway .form-control {
        border: solid 1px #707070;
        border-radius: 0px;
        font-family: open_sansregular;
        font-size: 15px;
        color: #262626;
        height: 36px;
        box-shadow: none;
        padding: 6px 10px;
    }

.min-height-100 {
    min-height: 100px;
}

.bypest .work-flow-question.pra-tab-assessment .hints {
    margin-top: -110px;
    z-index: 1;
}

.bypest .work-flow-question.pra-tab-assessment .question-hints {
    font-family: open_sanssemibold;
    font-weight: normal;
    z-index: 1;
}

    .bypest .work-flow-question.pra-tab-assessment .question-hints ul {
        list-style: disc;
        list-style-position: outside;
        margin-top: 10px;
        display: inline-block;
        padding-left: 15px;
    }

    .bypest .work-flow-question.pra-tab-assessment .question-hints b {
        font-family: open_sanssemibold;
        font-weight: normal;
        display: block;
    }

    .bypest .work-flow-question.pra-tab-assessment .question-hints ul li {
        padding-bottom: 10px;
        font-family: open_sansregular;
        font-size: 14px;
    }

.bypest .work-flow-question.pra-tab-assessment .question .notes {
    min-height: 117px;
    background-color: white;
}

.bypest .work-flow-question.pra-tab-assessment .notes {
    min-height: 195px;
    background-color: transparent;
}

    .bypest .work-flow-question.pra-tab-assessment .notes textarea {
        min-height: 160px;
    }

.bypest .work-flow-question .green-container {
    background-color: #e4f3d9;
    padding: 30px;
}

@media(min-width: 768px) {
    .bypest .work-flow-question.pra-tab-assessment .question-hints {
        margin-left: 25px;
    }

    .bypest .work-flow-question.pra-tab-assessment .question .notes {
        margin-left: 25px;
    }
}

.bypest .work-flow-question .option-major-minor .checkbox-inline:first-child {
    padding-left: 0px;
}

.bypest .work-flow-question .help-text {
    margin-top: -5px;
    font-size: 13px;
    font-family: open_sansregular;
}

.bypest .work-flow-question.pra-tab-assessment .btn-pra-red {
    padding: 5px 30px 6px 30px;
}

.bypest .work-flow-question .hints-collapse .glyphicon {
    font-size: 18px;
    top: 4px;
    margin-right: 5px;
}

.bypest .work-flow-question .collapsing {
    -webkit-transition: none;
    transition: none;
    display: block;
}

.bypest .work-flow-question.pra-tab-assessment .field-validation-error {
    text-align: left;
    font-size: 13px;
}

@media(max-width: 768px) {
    .bypest .btn-pra-gray {
        display: block;
        margin-bottom: 5px;
        width: 100%;
    }
}

@media(min-width: 1000px) {
    .bypest .work-flow-question .modal-dialog {
        width: 80%;
        max-width: 998px;
    }
}

@media(max-width: 1000px) {
    .bypest .work-flow-question .modal-dialog {
        width: 95%;
    }
}

.bypest .btn-pra-gray.small, .bypest .btn-pra-red.small {
    padding: 5px 15px 6px 15px;
    min-width: 95px;
}

.bypest .by-pest-riskassessment .question-container {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 996px) {
    by-pest-riskassessment .question-container {
        padding-left: 25px;
        padding-right: 50px;
    }
}

.bypest .by-pest-riskassessment .work-flow-question.pra-tab-assessment .question-desc {
    font-family: open_sanssemibold;
    font-size: 20px;
    border-bottom: 1px solid #adbaa3;
    padding-bottom: 7px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.bypest .by-pest-riskassessment .work-flow-question.pra-tab-assessment p.question-text {
    margin-bottom: 10px;
}

.bypest .pralist-tab .tab-content {
    padding-right: 25px;
}



.bypest .initiation-form .form-inline label {
    font-weight: normal;
    font-family: open_sanssemibold;
    padding-right: 10px;
    margin-bottom: 10px;
}



.bypest .initiation-form .form-inline .search-container {
    display: inline;
    position: relative;
}

    .bypest .initiation-form .form-inline .search-container span.search {
        top: 4px;
        position: absolute;
    }



.bypest .initiation-form .form-inline .btn-add {
    min-width: auto !important;
    vertical-align: top;
    padding: 6px 20px 7px 20px !important;
}

.bypest .table-pest {
    margin-bottom: 0px;
}

    .bypest .table-pest.table-bordered {
        border: solid 1px #707070;
    }

        .bypest .table-pest.table-bordered > tbody > tr > td, .bypest .table-pest.table-bordered > tbody > tr > th, .bypest .table-pest.table-bordered > tfoot > tr > td, .table-pest.table-bordered > tfoot > tr > th, .bypest .table-pest.table-bordered > thead > tr > td, .bypest .table-pest.table-bordered > thead > tr > th {
            border: solid 1px #707070;
            text-align: center;
            font-family: open_sansregular;
            font-size: 14px;
        }

        .bypest .table-pest.table-bordered > thead > tr > th {
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .bypest .table-pest .btn-remove {
        color: black;
    }

        .bypest .table-pest .btn-remove:hover {
            opacity: 0.8;
        }

    .bypest .table-pest.table-striped > tbody > tr:nth-of-type(2n+1) td {
        background-color: white;
    }

    .bypest .table-pest.table-striped > tbody > tr td:first-child {
        background-color: #c8dcca;
    }

.bypest .initiation-form .form-inline .form-group .loaderverysmall {
    position: absolute;
    right: 11px;
    top: 0;
}

.ui-widget.ui-widget-content.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.bypest .initiation-form .form-inline .form-group.position-relative .field-validation-error {
}

@media( min-width: 992px) {
    .bypest .initiation-form .form-inline .search-container input[type=text] {
        padding-left: 25px;
    }

    .bypest .initiation-form .form-inline .form-group {
        margin-bottom: 5px;
    }

    .bypest .initiation-form .form-inline .form-group {
        padding-left: 20px !important;
    }

    .bypest .initiation-form .form-inline input[type=text] {
        min-width: 260px;
    }

    .bypest .initiation-form .form-inline .form-group.position-relative {
        position: relative;
    }

        .bypest .initiation-form .form-inline .form-group.position-relative .field-validation-error {
            position: absolute;
            right: 65px;
        }
}

.push-top-10 {
    margin-top: 10px;
}

.push-right-10 {
    margin-right: 10px;
}

.push-bottom-10 {
    margin-bottom: 10px;
}

.push-left-10 {
    margin-left: 10px;
}

.push-top-24 {
    margin-top: 24px;
}

.regular-font {
    font-family: open_sansregular;
}

.table-header {
    font-family: open_sanssemibold;
}

.green-background {
    background-color: #e4f3d9;
    padding-bottom: 20px;
}

hr.upper-table-rule {
    border: 0;
    border-top: solid 2px #aabb9d;
    clear: both;
    width: 98%;
}

hr.upper-table-rule-light {
    border: 0;
    border-top: solid 1px #aabb9d;
    clear: both;
    width: 96%;
}

.bypest .by-pest-riskassessment h3 {
    font-family: open_sanssemibold;
    font-size: 16px;
}

#modalAddPathway .green-container {
    margin-right: -30px;
    margin-left: -30px;
}

.bypest .by-pest-prasummary .tab-header {
    font-family: open_sansregular;
    display: block;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
}

.bypest .by-pest-prasummary ul.description {
    font-family: open_sansregular;
    line-height: 1.4;
    list-style: disc;
    list-style-position: outside;
    padding-left: 12px;
}

.bypest .by-pest-prasummary h1.header {
    font-family: open_sanssemibold;
    font-size: 20px;
    border-bottom: 1px solid #adbaa3;
    padding-bottom: 15px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.bypest .by-pest-prasummary h3.sub-header {
    font-family: open_sanssemibold;
    font-size: 16px;
    padding-bottom: 15px;
}

.bypest .by-pest-prasummary .notes {
    margin-top: 10px;
    display: block;
    padding: 0px;
    border: none;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

    .bypest .by-pest-prasummary .notes textarea {
        width: 100%;
        border: none;
        font-family: open_sansregular;
        font-size: 14px;
        line-height: 1.5;
        min-height: 150px;
        background-color: white;
    }

.bypest .by-pest-prasummary .pest-management .toggle {
    font-size: 16px;
    font-weight: normal;
    font-family: open_sanssemibold;
}

.bypest .by-pest-prasummary .pest-management .table-management-summary {
}

    .bypest .by-pest-prasummary .pest-management .table-management-summary thead tr th {
        background-color: #606060;
        color: white;
        text-align: left;
        vertical-align: middle;
    }

        .bypest .by-pest-prasummary .pest-management .table-management-summary thead tr th:first-child {
            width: 30%;
        }

.bypest .by-pest-prasummary .btn-container {
    margin-bottom: 40px;
}

.references {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 20px;
}

    .references .toggle {
        cursor: pointer;
        margin-top: 10px;
        border-bottom: 1px #adbaa3 solid;
        padding-bottom: 10px;
    }

        .references .toggle a {
            color: #333;
            text-decoration: none;
            font-size: 20px;
            font-family: open_sanssemibold;
            font-weight: normal;
        }

.reference-big .references .toggle a {
    font-size: 24px;
    font-family: open_sansbold;
}

.references a .toggle-icon {
    color: #7ac143;
}

    .references a .toggle-icon:before {
        content: "\e252";
    }

.references a.collapsed .toggle-icon:before {
    content: "\e253";
}

.references .form-control:focus {
    border-color: #707070;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.references textarea {
    border: solid 1px #707070 !important;
    border-radius: 0px;
    font-family: open_sansregular;
    font-size: 15px;
    color: #262626;
    box-shadow: none;
    padding: 6px 10px;
    min-height: 200px;
}

.bypathway .references textarea {
    border: 1px solid #adbaa3 !important;
}

.references .reference-expander {
    border: solid 1px #cfcfcf;
    padding: 5px;
}

.bypathway.bypest .initiation-form .control-container-sm {
    position: relative !important;
}

    .bypathway.bypest .initiation-form .control-container-sm.big {
        max-width: 300px;
    }

.bypathway.bypest .initiation-form .search-container {
    position: relative;
}

.bypathway.bypest .commodity-type {
    display: table;
    width: 100%;
}

    .bypathway.bypest .commodity-type .column {
        float: left;
        width: 33.33%;
    }

.bypathway.bypest .references textarea {
    border: solid 1px #707070 !important;
}

#modalAddPathway .pathway-desc-box {
    margin-bottom: 10px;
    margin-top: 10px;
}

    #modalAddPathway .pathway-desc-box label {
        display: block;
        font-family: open_sansregular;
        font-weight: normal;
        font-size: 15px;
        padding-bottom: 10px;
    }

    #modalAddPathway .pathway-desc-box textarea.description {
        border: solid 1px #707070;
        border-radius: 0px;
        font-family: open_sansregular;
        font-size: 15px;
        color: #262626;
        min-height: 36px;
        height: 36px;
        box-shadow: none;
        padding: 6px 10px;
    }

.by-pest-management .pathway-desc {
    width: 100%;
    display: table;
}

    .by-pest-management .pathway-desc div.col {
        display: table-cell;
        vertical-align: middle;
    }

        .by-pest-management .pathway-desc div.col:nth-child(2) {
            text-align: right;
        }

    .by-pest-management .pathway-desc .btn-pra-red-desc {
        background-color: #cd4400;
        font-family: "open_sanssemibold";
        font-size: 14px;
        color: #ffffff;
        border-radius: 0px;
        border: none;
        padding: 3px 10px 3px 10px;
        box-shadow: 0px 1px 0px rgba(168, 57, 3, 1);
    }

        .by-pest-management .pathway-desc .btn-pra-red-desc:focus, .by-pest-management .pathway-desc .btn-pra-red-desc:hover {
            color: #ffffff;
            text-decoration: none;
        }

    .by-pest-management .pathway-desc .popover-content {
        padding: 9px 14px;
        width: 300px;
    }

    .by-pest-management .pathway-desc .popover {
        max-width: 350px;
    }

    .by-pest-management .pathway-desc .popover-title {
        color: #333;
        font-family: 'open_sanssemibold';
    }

    .by-pest-management .pathway-desc .popover-content {
        color: #333;
        word-wrap: break-word;
    }

#modalRiskAssessment .modal-lg, #modalRiskManagement .modal-lg {
    width: 100%;
    max-width: 1100px;
}

    #modalRiskAssessment .modal-lg .modal-content, #modalRiskManagement .modal-lg .modal-content {
        border-radius: 0px;
    }

    #modalRiskAssessment .modal-lg .modal-header .close span, #modalRiskManagement .modal-lg .modal-header .close span {
        margin-top: 6px;
        font-size: 23px;
        color: #cd4400;
    }

    #modalRiskAssessment .modal-lg .modal-header .close, #modalRiskManagement .modal-lg .modal-header .close {
        opacity: 1;
    }

.modal {
    overflow: auto !important;
}

#modalRiskAssessment #risk-assessment, #modalRiskManagement #risk-management {
    padding-left: 25px;
    padding-right: 25px;
}

    #modalRiskAssessment #risk-assessment .pratab.pra-tab-assessment ul.work-flow {
        display: block;
        font-size: 0px;
        margin-top: 20px;
        margin-bottom: 0px;
    }

        #modalRiskAssessment #risk-assessment .pratab.pra-tab-assessment ul.work-flow li {
            display: inline-block;
        }


            #modalRiskAssessment #risk-assessment .pratab.pra-tab-assessment ul.work-flow li p a {
                border-width: 1px;
                width: 180px;
                height: 37px;
                background: inherit;
                background-color: #cfe4bf;
                border: none;
                border-radius: 10px;
                color: #333;
                display: table-cell;
                text-align: center;
                vertical-align: middle;
                font-family: open_sanssemibold;
                font-size: 13px;
                cursor: pointer;
                text-decoration: none;
            }

            #modalRiskAssessment #risk-assessment .pratab.pra-tab-assessment ul.work-flow li.active p a {
                background-color: #368729;
                color: #fff;
                cursor: inherit;
                background-image: none;
            }


            #modalRiskAssessment #risk-assessment .pratab.pra-tab-assessment ul.work-flow li.line {
                height: 32px;
            }

                #modalRiskAssessment #risk-assessment .pratab.pra-tab-assessment ul.work-flow li.line span {
                    padding: 4px 10px 4px 10px;
                    display: table-cell;
                    background-color: #cfe4bf;
                }

    #modalRiskAssessment #risk-assessment .pratab.pra-tab-assessment .question-hints b {
        font-family: open_sanssemibold;
        font-weight: normal;
        display: block;
    }

    #modalRiskAssessment #risk-assessment .pratab.pra-tab-assessment .question-hints ul {
        list-style: disc;
        list-style-position: outside;
        margin-top: 10px;
        display: inline-block;
        padding-left: 15px;
    }

        #modalRiskAssessment #risk-assessment .pratab.pra-tab-assessment .question-hints ul li {
            padding-bottom: 10px;
            font-family: open_sansregular;
            font-size: 14px;
        }

    #modalRiskAssessment #risk-assessment .pratab.pra-tab-assessment .question-hints {
        font-family: open_sanssemibold;
        font-weight: normal;
        z-index: 1;
        margin-left: 25px;
    }

#risk-assessment .btn-container {
    padding-bottom: 10px;
}

#modalRiskAssessment #risk-assessment .btn-container input[type=submit], #modalRiskAssessment #risk-assessment .btn-container input[type=button] {
    min-width: 140px;
}

#modalRiskAssessment #risk-assessment .btn-container .btn-pra-red {
    background-color: #cd4400;
    font-family: "open_sanssemibold";
    font-size: 14px;
    color: #ffffff;
    border-radius: 0px;
    border: none;
    padding: 10px 30px 10px;
    box-shadow: 0px 3px 0px rgba(168, 57, 3, 1);
}

#modaldirtyformmessage .btn-pra-red,
#modaldirtyformmessageRiskManagement .btn-pra-red,
#modaldirtyformmessageforCancel .btn-pra-red {
    padding: 5px 30px 6px;
}

#modalRiskAssessment #risk-assessment .btn-container .btn-pra-gray {
    padding: 10px 30px 10px;
}

#modalRiskAssessment .green-container {
    background-color: #e4f3d9;
    padding: 10px 30px 10px 30px;
}

#modalRiskManagement .green-container {
    background-color: #e4f3d9;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 20px;
}

    #modalRiskManagement .green-container .sub-header {
        margin-bottom: 15px;
        font-size: 16px;
    }

    #modalRiskManagement .green-container p {
        margin-bottom: 15px;
    }

    #modalRiskManagement .green-container .option-phytosanitary .checkbox-inline {
        font-family: open_sansregular;
        font-size: 16px;
        font-weight: normal;
        padding-left: 20px;
    }

.mce-panel {
    border-color: #707070 !important;
}

#PestListGridIncluded a.btn-pra-red {
    background-color: #cd4400;
    font-family: "open_sanssemibold";
    font-size: 12px;
    color: #ffffff !important;
    border-radius: 0px;
    border: none;
    padding: 3px 10px 3px 10px;
    box-shadow: 0px 1px 0px rgba(168, 57, 3, 1);
    cursor: pointer;
    text-decoration: none;
    min-width: 130px;
}

#PestListGridIncluded a.btn-pra-green {
    background-color: #368729;
    font-family: "open_sanssemibold";
    font-size: 12px;
    color: #ffffff !important;
    border-radius: 0px;
    border: none;
    padding: 3px 10px 3px 10px;
    box-shadow: 0px 1px 0px darkgreen;
    cursor: pointer;
    text-decoration: none;
    min-width: 130px;
}

#PestListGridIncluded a.btn-pra-gray {
    background-color: #999999;
    font-family: "open_sanssemibold";
    font-size: 12px;
    color: #ffffff !important;
    border-radius: 0px;
    border: none;
    padding: 3px 10px 3px 10px;
    box-shadow: 0px 1px 0px #999999;
    cursor: pointer;
    text-decoration: none;
    min-width: 130px;
}

#PestListGridIncluded a.btn-pra-blue {
    background-color: #007bff;
    font-family: "open_sanssemibold";
    font-size: 12px;
    color: #ffffff !important;
    border-radius: 0px;
    border: none;
    padding: 3px 10px 3px 10px;
    box-shadow: 0px 1px 0px #007bff;
    cursor: pointer;
    text-decoration: none;
    min-width: 130px;
}

#PestListGridIncluded a.btn-pra-black {
    background-color: #3c3c3c;
    font-family: "open_sanssemibold";
    font-size: 12px;
    color: #ffffff !important;
    border-radius: 0px;
    border: none;
    padding: 3px 10px 3px 10px;
    box-shadow: 0px 1px 0px #666666;
    cursor: pointer;
    text-decoration: none;
    min-width: 130px;
}

#PestListGridManagement a.btn-pra-red {
    background-color: #cd4400;
    font-family: "open_sanssemibold";
    font-size: 12px;
    color: #ffffff !important;
    border-radius: 0px;
    border: none;
    padding: 3px 10px 3px 10px;
    box-shadow: 0px 1px 0px rgba(168, 57, 3, 1);
    cursor: pointer;
    text-decoration: none;
    min-width: 52px;
}

#PestListGridManagement a.btn-pra-green {
    background-color: #368729;
    font-family: "open_sanssemibold";
    font-size: 12px;
    color: #ffffff !important;
    border-radius: 0px;
    border: none;
    padding: 3px 10px 3px 10px;
    box-shadow: 0px 1px 0px darkgreen;
    cursor: pointer;
    text-decoration: none;
    min-width: 52px;
}

#PestListGridManagement a.btn-pra-gray {
    background-color: #999999;
    font-family: "open_sanssemibold";
    font-size: 12px;
    color: #ffffff !important;
    border-radius: 0px;
    border: none;
    padding: 3px 10px 3px 10px;
    box-shadow: 0px 1px 0px #999999;
    cursor: pointer;
    text-decoration: none;
    min-width: 52px;
}

#PestListGridManagement a.btn-pra-blue {
    background-color: #007bff;
    font-family: "open_sanssemibold";
    font-size: 12px;
    color: #ffffff !important;
    border-radius: 0px;
    border: none;
    padding: 3px 10px 3px 10px;
    box-shadow: 0px 1px 0px #007bff;
    cursor: pointer;
    text-decoration: none;
    min-width: 52px;
}

#PestListGridManagement a.btn-pra-black {
    background-color: #3c3c3c;
    font-family: "open_sanssemibold";
    font-size: 12px;
    color: #ffffff !important;
    border-radius: 0px;
    border: none;
    padding: 3px 10px 3px 10px;
    box-shadow: 0px 1px 0px #666666;
    cursor: pointer;
    text-decoration: none;
    min-width: 52px;
}

#PestListGridIncluded .k-pager-wrap .addpest.k-pager-info {
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    -ms-flex-order: 9;
    order: 9;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0em;
}

    #PestListGridIncluded .k-pager-wrap .addpest.k-pager-info a {
        font-size: 13px;
    }

#PestListGridIncluded .k-pager-wrap .addpest.k-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0em;
}

#PestListGridIncluded {
}

#modalAddPest .modal-content {
    border-radius: 0px;
}

#modalAddPest .modal-header .close span {
    margin-top: 6px;
    font-size: 23px;
    color: #cd4400;
}

#modalAddPest .modal-header .close {
    opacity: 1;
}

#modalAddPest .modal-header .modal-title {
    font-size: 20px;
}

#modalAddPest .initiation-form .control-label {
    font-size: 14px;
}

#modalAddPest .initiation-form p.help-text {
    font-family: open_sansregular;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px;
}

.k-grid-norecords .k-grid-norecords-template {
    width: 100%;
}

div.mce-tinymce.mce-container.mce-panel {
    border-width: thin !important;
}

div.mce-container-body.mce-stack-layout {
    margin: 1px !important;
    width: auto !important;
}

div.mce-edit-area {
    height: auto;
    margin-bottom: 2px;
}

.demotype .Standard {
    display: none !important;
}

.demotype .Unknown {
    display: none !important;
}

.demotype .Demo {
    width: 100%;
    background-color: rgba(22, 155, 213, 1);
    border: none;
    border-radius: 5px;
    font-style: italic;
    display: inline;
    color: white;
    padding: 4px 10px;
    margin-right: 5px;
}

.switch-field {
    display: flex;
    overflow: hidden;
    max-width: 300px;
    position: relative;
}

    .switch-field input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .switch-field label {
        font-size: 14px;
        line-height: 1;
        text-align: center;
        padding: 10px 60px;
        margin-right: -1px;
        border: solid 1px #707070;
        font-family: open_sanssemibold;
        font-weight: normal;
    }

        .switch-field label:hover {
            cursor: pointer;
        }

    .switch-field input:checked + label {
        border-color: #666666;
        border-width: 2px;
        font-family: open_sansbold;
    }

    .switch-field.disabled label {
        background-color: #eee;
        color: #999;
        pointer-events: none;
    }

.with-tooltip .control-label {
    display: inline;
}

.with-tooltip img {
    margin-bottom: 10px;
}

.glyphicon.glyphicon-user.user-edit-icon.orange {
    background-color: #cd4616;
}

/*Add pest lookup css*/
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    z-index: 9999999;
}

.bypest #frmAddPest #div-searchpest .form-group label {
    display: block;
}

.bypest #frmAddPest #div-searchpest input[type="text"] {
    min-width: 246px;
}

.bypest #frmAddPest #div-searchpest .btn-add {
    vertical-align: middle;
    margin-top: 17px;
}

.bypest #frmAddPest .form-group label.add-pest {
    padding-left: 0px !important;
}

/*Add Rapid assessment css*/

#modalRapidFullPRA {
    padding-left: 25px;
    padding-right: 25px;
}

    #modalRapidFullPRA.modal {
        text-align: center;
        padding: 0 !important;
    }

        #modalRapidFullPRA.modal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }

    #modalRapidFullPRA .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        width: 1024px !important;
    }

#modalRapidAssessment {
    padding-left: 25px;
    padding-right: 25px;
}

    #modalRapidAssessment.modal {
        text-align: center;
        padding: 0 !important;
    }

        #modalRapidAssessment.modal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }

    #modalRapidAssessment .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        width: 1030px;
    }

    #modalRapidAssessment .question-text {
        font-family: open_sansregular;
        font-size: 15px;
        display: table;
        line-height: 1.5;
    }

.modalRapidAssessment-pest-name-header {
    text-align: center;
    margin-bottom: 0px;
    font-family: open_sansregular;
    font-size: 25px;
    margin-top: 15px;
}

#modalRapidAssessment .question-hints b {
    font-family: open_sanssemibold;
    font-weight: normal;
    display: block;
}

#modalRapidAssessment .question-hints ul {
    list-style: disc;
    list-style-position: outside;
    margin-top: 10px;
    display: inline-block;
    padding-left: 15px;
}

    #modalRapidAssessment .question-hints ul li {
        padding-bottom: 10px;
        font-family: open_sansregular;
        font-size: 14px;
    }

#modalRapidAssessment .question-hints {
    font-family: open_sanssemibold;
    font-weight: normal;
    z-index: 1;
    margin-left: 25px;
}

#modalRapidAssessment .RapidAssessmenterror {
    display: block;
    font-family: open_sansregular;
    color: #cd4501;
    margin-top: 5px;
    line-height: 1.5;
}

#modalRapidAssessmentFullPRA.modal {
    text-align: center;
    padding: 0 !important;
}

    #modalRapidAssessmentFullPRA.modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

#modalRapidAssessmentFullPRA .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#modalRapidAssessmentFullPRA h2 {
    font-family: open_sanssemibold;
    font-size: 15px;
    line-height: 2.5;
}

#regulatorystatus .pra-form-body {
    font-family: open_sansregular;
    font-size: 14px;
    line-height: 1.5;
}

.teamUl {
    background: none;
    font-size: 17px;
    padding-top: 15px;
    font-family: open_sanssemibold;
    padding-left: 0px;
    margin-bottom: 10px;
}

    .teamUl > li {
        float: left;
        padding-right: 10px;
        border-right: solid 4px #3c3737;
        padding-right: 5px;
        padding-left: 5px;
        margin-top: 10px;
    }

    .teamUl li:last-child {
        border-right: none;
    }

    .teamUl > li a {
        color: #4a4949;
    }

    .teamUl > li a {
        cursor: pointer;
    }


#modalTeam.modal {
    text-align: center;
    padding: 0 !important;
}

    #modalTeam.modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

#TeamNotification {
    display: block;
    font-family: open_sansregular;
    color: #cd4501;
    margin-top: 5px;
    line-height: 1.3;
}

#modalAddTeamDialog.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 830px;
}

    #modalAddTeamDialog.modal-dialog .modal-content {
        padding: 15px;
    }

#modalAddTeamDialog .team-container .teamemails {
    color: brown;
    cursor: pointer;
    line-height: 1.5;
}

#modalAddTeamDialog .team-container .fixMail {
    color: brown;
    line-height: 1.5;
}

.teamManagemtheading {
    margin-top: 10px;
}

#TeamManagementDatagrid .btn-pra-red {
    background-color: #cd4400;
    font-family: "open_sanssemibold";
    font-size: 14px;
    color: #ffffff;
    border-radius: 0px;
    border: none;
    padding: 5px 30px 6px 30px;
    box-shadow: 0px 3px 0px rgba(168, 57, 3, 1);
    min-width: 154px;
}

    #TeamManagementDatagrid .btn-pra-red.active.focus, .btn-pra-red.active:focus, .btn-pra-red.active:hover {
        opacity: 0.8;
        color: #ffffff;
        background-color: #cd4400;
    }

.teamemails span.parent::after, .fixMail.child::after {
    content: ', '
}

.teamemails span.parent:last-child::after {
    content: ''
}

#modalAddTeamDialog.modal-dialog .modal-content .teamsharepracontent {
    font-family: open_sansregular;
    line-height: 1.5;
}

#modalAddTeamDialog .row {
    line-height: 1.5;
}

.readonlySummaryBox {
    border: 2px solid #adbaa3 !important;
    padding: 15px !important;
}

#SummaryPopupNotification {
    display: block;
    font-family: open_sansregular;
    color: #cd4501;
    margin-top: 5px;
    line-height: 1.3;
}

#modalLockView.modal,
#modalOverrideLockView.modal {
    text-align: center !important;
    padding: 0 !important;
}

    #modalLockView.modal:before,
    #modalOverrideLockView.modal:before {
        content: '' !important;
        display: inline-block !important;
        height: 100% !important;
        vertical-align: middle !important;
        margin-right: -4px !important;
    }

    #modalLockView.modal .modal-content,
    #modalOverrideLockView.modal .modal-content {
        padding: 10px;
        line-height: 2;
        font-family: open_sansregular;
        text-align: left !important;
    }

    #modalLockView.modal .modal-header {
        text-align: center;
        margin-bottom: 5px;
        font-size: 20px;
    }

        #modalLockView.modal .modal-header .lockIcon {
            font-size: 40px;
        }

    #modalLockView.modal .modal-body,
    #modalOverrideLockView.modal .modal-body {
        font-size: 14px;
    }

        #modalLockView.modal .modal-body p,
        #modalOverrideLockView.modal .modal-body p {
            line-height: 1.5;
            font-family: open_sansregular;
        }

    #modalLockView.modal .modal-footer,
    #modalOverrideLockView.modal .modal-footer {
        text-align: center;
    }

#modalLockView .modal-dialog,
#modalOverrideLockView .modal-dialog {
    display: inline-block !important;
    vertical-align: middle !important;
}

#modalReferencesLockView {
    font-family: open_sansregular;
}

    #modalReferencesLockView .modal-body, #modalReferencesLockView p {
        text-align: left;
    }

    #modalReferencesLockView .modal-title h1 {
        font-size: 20px;
        text-align: left;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #modalReferencesLockView .modal-title i {
        font-size: 30px;
    }


    #modalReferencesLockView .modal-body h1 {
        font-size: 15px;
        margin-top: 0px;
    }

    #modalReferencesLockView ol {
        list-style-type: decimal;
        margin-left: 15px;
    }

        #modalReferencesLockView ol > li {
            line-height: 1.5em;
        }

.importassessment .modal {
    z-index: 10050 !important;
}

#modalManagementSummaryLockView {
    font-family: open_sansregular;
}

    #modalManagementSummaryLockView.modal {
        text-align: center !important;
        padding: 0 !important;
    }

        #modalManagementSummaryLockView.modal:before {
            content: '' !important;
            display: inline-block !important;
            height: 100% !important;
            vertical-align: middle !important;
            margin-right: -4px !important;
        }

        #modalManagementSummaryLockView.modal .modal-content {
            padding: 10px;
            line-height: 2;
            font-family: open_sansregular;
        }

        #modalManagementSummaryLockView.modal .modal-header {
            text-align: center;
            margin-bottom: 5px;
            font-size: 20px;
        }

            #modalManagementSummaryLockView.modal .modal-header .lockIcon {
                font-size: 40px;
            }

        #modalManagementSummaryLockView.modal .modal-body {
            text-align: center;
            font-size: 14px;
        }

        #modalManagementSummaryLockView.modal .modal-footer {
            text-align: center;
        }

    #modalManagementSummaryLockView .modal-dialog {
        display: inline-block !important;
        text-align: center !important;
        vertical-align: middle !important;
    }

    #modalManagementSummaryLockView p {
        text-align: left;
    }

    #modalManagementSummaryLockView .modal-body h1 {
        font-size: 15px;
        margin-top: 0;
    }

    #modalManagementSummaryLockView ol {
        list-style-type: decimal;
        margin-left: 15px;
    }

        #modalManagementSummaryLockView ol > li {
            line-height: 1.5em;
            text-align: left
        }

#modalSummaryNotesPopup.modal, #modalSummaryNextStepsPopup.modal {
    text-align: center;
    padding: 0 !important;
}

    #modalSummaryNotesPopup.modal:before, #modalSummaryNextStepsPopup.modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

#modalSummaryNotesPopup .modal-dialog, #modalSummaryNextStepsPopup .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#modalAddTeam.modal {
    text-align: center;
    padding: 0 !important;
}

    #modalAddTeam.modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

#modalAddTeam .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#modalAlertDialog, #modalConfirmDialog {
    font-family: open_sansregular;
}

.import-file .field-validation-error {
    display: block;
    font-family: open_sansregular;
    color: #cd4501;
    margin-top: 5px;
    line-height: 1.3;
}

.lastmodifiedName {
    font-family: open_sansregular;
    padding-top: 20px;
    line-height: 1.3;
    font-size: 14px !important;
    font-weight: 700
}

#modalWarningRegulatoryStatus .modal-body p {
    font-size: 14px;
    line-height: 1.5;
    font-family: open_sansregular;
}

#modalWarningRegulatoryStatus .non-editable-icon {
    font-size: 20px;
}

#PRADatagrid .k-grid-delete, #RecentPRADatagrid .k-grid-delete {
    margin-top: -.2em;
    margin-bottom: -.2em;
    background: #999999;
    color: white;
    font-family: "open_sanssemibold";
    font-size: 12px;
}

#PRADatagrid a.k-grid-delete, #RecentPRADatagrid a.k-grid-delete {
    text-decoration: none !important;
    box-shadow: 0px 3px 0px rgb(138, 136, 134);
    border-radius: 0;
}

.import-from-cpc {
    bottom: 15px;
    right: 15px;
    position: absolute;
}

    .import-from-cpc > .btn {
        padding: 5px 30px 6px 30px !important;
    }

.ui-state-highlight {
    font-family: open_sansbold;
}

.lockviewbypest {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    font-family: open_sansregular;
}

    .lockviewbypest > span {
        line-height: 1.42857143;
    }

        .lockviewbypest > span.header {
            font-size: 20px;
        }

        .lockviewbypest > span > div {
            line-height: 2;
        }

        .lockviewbypest > span > i {
            font-size: 30px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

.homepageloginsection {
    font-family: open_sansregular;
    font-size: 16px;
}

    .homepageloginsection h1,
    .homepageloginsection h2,
    .homepageloginsection h3,
    .homepageloginsection h4,
    .homepageloginsection h5,
    .homepageloginsection h6,
    .homepageloginsection .bold {
        font-family: open_sanssemibold;
        font-size: 18px;
    }

    .homepageloginsection .col-md-3 {
        width: 18%;
    }

    .homepageloginsection .col-md-9 {
        width: 82%;
        line-height: 1.5;
    }

    .homepageloginsection .signin {
        margin-top: 3px;
    }

.homepagesubcribe {
    float: left !important;
}

.homepagecontactsales {
    line-height: 1 !important;
}

.homepagecontactsalesparagraph {
    padding-left: 15px !important;
}

.btn-terms {
    background: none;
    border: none;
    color: #368729;
    margin-right: 25px;
}

    .btn-terms, .btn-terms:active, .btn-terms:focus {
        text-decoration: underline;
        background: none !important;
        color: #368729;
        border: none;
        background-color: transparent !important;
        box-shadow: none;
    }

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

#modalReportDialog.modal-dialog {
    text-align: left;
    vertical-align: middle;
    width: 500px;
}

    #modalReportDialog.modal-dialog .modal-content {
        margin-top: 200px;
        padding: 15px;
    }

        #modalReportDialog.modal-dialog .modal-content .by-pest-report .col-md-12 {
            padding-top: 4px;
        }

.regionflex {
    display: flex;
    margin-bottom: 30px;
    font-family: open_sansregular
}

    .regionflex .col-sm-6 {
        border: 1px solid grey;
        border-radius: 10px;
        padding: 10px;
    }

        .regionflex .col-sm-6.frameleftmargin {
            margin-left: 5px;
        }

        .regionflex .col-sm-6 .exportlableRegion,
        .regionflex .col-sm-6 .importlableRegion,
        .regionflex .col-sm-6 .countryAtRisklableRegion {
            float: left;
            margin-left: 15px;
            margin-top: 15px;
        }

        .regionflex .col-sm-6 .exportButtonRegion,
        .regionflex .col-sm-6 .importButtonRegion,
        .regionflex .col-sm-6 .countryAtRiskButtonRegion {
            float: right;
            margin-right: 15px;
            margin-top: 3px;
        }

#modalExportCountryRegions .modal-dialog,
#modalImportCountryRegions .modal-dialog,
#modalCountryAtRiskRegions .modal-dialog {
    text-align: left;
    width: 1100px;
}

    #modalExportCountryRegions .modal-dialog .modal-content,
    #modalImportCountryRegions .modal-dialog .modal-content,
    #modalCountryAtRiskRegions .modal-dialog .modal-content {
        padding: 15px;
    }

        #modalExportCountryRegions .modal-dialog .modal-content .modal-header,
        #modalImportCountryRegions .modal-dialog .modal-content .modal-header,
        #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-header {
            border-bottom: 0px solid #e5e5e5;
            padding: 0;
        }

        #modalExportCountryRegions .modal-dialog .modal-content .modal-body,
        #modalImportCountryRegions .modal-dialog .modal-content .modal-body,
        #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body {
            height: 450px;
            overflow: auto;
        }

        #modalExportCountryRegions .modal-dialog .modal-content .modal-footer,
        #modalImportCountryRegions .modal-dialog .modal-content .modal-footer,
        #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-footer {
            margin-bottom: -15px;
        }

        #modalExportCountryRegions .modal-dialog .modal-content .modal-body h2,
        #modalImportCountryRegions .modal-dialog .modal-content .modal-body h2,
        #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body h2 {
            font-family: 'open_sansbold';
            font-size: 20px;
            line-height: 2.5;
        }

            #modalExportCountryRegions .modal-dialog .modal-content .modal-body h2.h2optional,
            #modalImportCountryRegions .modal-dialog .modal-content .modal-body h2.h2optional,
            #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body h2.h2optional {
                font-family: 'open_sansbold' !important;
                font-size: 20px !important;
                color: #888 !important;
            }

        #modalExportCountryRegions .modal-dialog .modal-content .modal-body h3,
        #modalImportCountryRegions .modal-dialog .modal-content .modal-body h3,
        #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body h3 {
            font-family: 'open_sansbold';
            font-size: 18px;
            line-height: 1;
        }

            #modalExportCountryRegions .modal-dialog .modal-content .modal-body h3.textlable,
            #modalImportCountryRegions .modal-dialog .modal-content .modal-body h3.textlable,
            #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body h3.textlable {
                font-family: 'open_sansbold' !important;
                color: #888 !important;
                font-size: 16px !important;
            }

        #modalExportCountryRegions .modal-dialog .modal-content .modal-body .readonlyRegions,
        #modalImportCountryRegions .modal-dialog .modal-content .modal-body .readonlyRegions,
        #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body .readonlyRegions {
            font-size: 12px;
        }

            #modalExportCountryRegions .modal-dialog .modal-content .modal-body .readonlyRegions h2,
            #modalImportCountryRegions .modal-dialog .modal-content .modal-body .readonlyRegions h2,
            #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body .readonlyRegions h2 {
                font-family: open_sansregular;
                font-size: 16px;
                line-height: 2.5;
            }

            #modalExportCountryRegions .modal-dialog .modal-content .modal-body .readonlyRegions h3,
            #modalImportCountryRegions .modal-dialog .modal-content .modal-body .readonlyRegions h3,
            #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body .readonlyRegions h3 {
                font-family: open_sansregular;
                font-size: 16px;
                line-height: 1;
            }

        #modalExportCountryRegions .modal-dialog .modal-content .modal-body .textlable,
        #modalImportCountryRegions .modal-dialog .modal-content .modal-body .textlable,
        #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body .textlable {
            margin-bottom: 8px;
            font-family: 'open_sansbold';
            font-size: 16px;
        }

        #modalExportCountryRegions .modal-dialog .modal-content .modal-body .regionheading,
        #modalImportCountryRegions .modal-dialog .modal-content .modal-body .regionheading,
        #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body .regionheading {
            margin-bottom: -8px;
            margin-top: 25px;
        }

        #modalExportCountryRegions .modal-dialog .modal-content .modal-body label.checkbox,
        #modalImportCountryRegions .modal-dialog .modal-content .modal-body label.checkbox,
        #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body label.checkbox {
            padding-top: 5px;
            font-weight: 500;
        }

            #modalExportCountryRegions .modal-dialog .modal-content .modal-body label.checkbox label,
            #modalImportCountryRegions .modal-dialog .modal-content .modal-body label.checkbox label,
            #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body label.checkbox label {
                line-height: 1.8;
                padding-top: 3px;
            }

            #modalExportCountryRegions .modal-dialog .modal-content .modal-body label.checkbox span,
            #modalImportCountryRegions .modal-dialog .modal-content .modal-body label.checkbox span,
            #modalCountryAtRiskRegions .modal-dialog .modal-content .modal-body label.checkbox span {
                padding-right: 7px;
            }

.select2-container {
    width: 440px !important;
}

#readonlymainstaticexportitems .readonlyselectedvalue,
#readonlymainstaticimportitems .readonlyselectedvalue,
#readonlymaindynamicexportitems .readonlyselectedvalue,
#readonlymaindynamicimportitems .readonlyselectedvalue,
#readonlymainexistingexportitems .readonlyselectedvalue,
#readonlymainexistingimportitems .readonlyselectedvalue,
#readonlymainstaticcountryitems .readonlyselectedvalue,
#readonlymaindynamiccountryitems .readonlyselectedvalue,
#readonlymainexistingcountryitems .readonlyselectedvalue {
    clear: both;
    padding-top: 2px
}

    #readonlymainstaticexportitems .readonlyselectedvalue .row,
    #readonlymainstaticimportitems .readonlyselectedvalue .row,
    #readonlymainexistingexportitems .readonlyselectedvalue .row,
    #readonlymainexistingimportitems .readonlyselectedvalue .row,
    #readonlymainstaticcountryitems .readonlyselectedvalue .row,
    #readonlymaindynamiccountryitems .readonlyselectedvalue .row,
    #readonlymainexistingcountryitems .readonlyselectedvalue .row {
        margin-left: 10px;
        margin-right: 0px;
        margin-top: 30px;
    }

    #readonlymaindynamicexportitems .readonlyselectedvalue .row,
    #readonlymaindynamicimportitems .readonlyselectedvalue .row {
        margin-left: 10px;
        margin-right: 0px;
        margin-bottom: 30px;
        margin-top: 30px;
    }

        #readonlymainstaticexportitems .readonlyselectedvalue .row .col-xs-4,
        #readonlymainstaticimportitems .readonlyselectedvalue .row .col-xs-4,
        #readonlymaindynamicexportitems .readonlyselectedvalue .row .col-xs-4,
        #readonlymaindynamicimportitems .readonlyselectedvalue .row .col-xs-4,
        #readonlymainexistingexportitems .readonlyselectedvalue .row .col-xs-4,
        #readonlymainexistingimportitems .readonlyselectedvalue .row .col-xs-4,
        #readonlymainstaticcountryitems .readonlyselectedvalue .row .col-xs-4,
        #readonlymaindynamiccountryitems .readonlyselectedvalue .row .col-xs-4,
        #readonlymainstaticcountryitems .readonlyselectedvalue .row .col-xs-4,
        #readonlymaindynamiccountryitems .readonlyselectedvalue .row .col-xs-4,
        #readonlymainexistingcountryitems .readonlyselectedvalue .row .col-xs-4 {
            padding: 5px;
            line-height: 1.5;
            color: #888 !important;
            font-size: 12px;
        }

    #readonlymainstaticexportitems .readonlyselectedvalue h3.textlable,
    #readonlymainstaticimportitems .readonlyselectedvalue h3.textlable,
    #readonlymaindynamicexportitems .readonlyselectedvalue h3.textlable,
    #readonlymaindynamicimportitems .readonlyselectedvalue h3.textlable,
    #readonlymainexistingexportitems .readonlyselectedvalue h3.textlable,
    #readonlymainexistingimportitems .readonlyselectedvalue h3.textlable,
    #readonlymainstaticcountryitems .readonlyselectedvalue h3.textlable,
    #readonlymaindynamiccountryitems .readonlyselectedvalue h3.textlable,
    #readonlymainexistingcountryitems .readonlyselectedvalue h3.textlable {
        font-family: 'open_sansbold' !important;
        color: #888 !important;
        font-size: 16px !important;
        clear: both;
        line-height: 1.5
    }

#readonlystaticexportitems .readonlyselectedvalue .row,
#readonlystaticimportitems .readonlyselectedvalue .row,
#readonlystaticcountryitems .readonlyselectedvalue .row {
    padding-left: 15px;
}

    #readonlystaticexportitems .readonlyselectedvalue .row .col-xs-4,
    #readonlystaticimportitems .readonlyselectedvalue .row .col-xs-4,
    #readonlystaticcountryitems .readonlyselectedvalue .row .col-xs-4 {
        padding: 5px;
        line-height: 1.5;
        color: #888 !important;
        font-size: 12px;
    }

#readonlystaticexportitems .readonlyselectedvalue h3.textlable,
#readonlystaticimportitems .readonlyselectedvalue h3.textlable,
#readonlystaticcountryitems .readonlyselectedvalue h3.textlable {
    font-family: 'open_sansbold' !important;
    color: #888 !important;
    font-size: 16px !important;
    clear: both;
    line-height: 1.5
}

#readonlydynamicexportitems .readonlyselectedvalue .row,
#readonlydynamicimportitems .readonlyselectedvalue .row,
#readonlydynamiccountryitems .readonlyselectedvalue .row {
    padding-left: 15px;
    margin-top: 30px;
}

    #readonlydynamicexportitems .readonlyselectedvalue .row .col-xs-4,
    #readonlydynamicimportitems .readonlyselectedvalue .row .col-xs-4,
    #readonlydynamiccountryitems .readonlyselectedvalue .row .col-xs-4 {
        padding: 5px;
        line-height: 1.5;
        color: #888 !important;
        font-size: 12px;
    }

#readonlydynamicexportitems .readonlyselectedvalue h3.textlable,
#readonlydynamicimportitems .readonlyselectedvalue h3.textlable,
#readonlydynamiccountryitems .readonlyselectedvalue h3.textlable {
    font-family: 'open_sansbold' !important;
    color: #888 !important;
    font-size: 16px !important;
    clear: both;
    line-height: 1.5
}

.saveandclosePRA {
    background-color: #cd4400 !important;
}

    .saveandclosePRA:hover {
        opacity: 0.8 !important;
        color: #ffffff !important;
        background-color: #cd4400 !important;
    }

.pra-form.select.form-control,
.pra-form.live-import select option:first-child {
    color: #999 !important;
}

    .pra-form.select.form-control option,
    .pra-form.live-import select optgroup,
    .pra-form.live-import select optgroup option,
    .pra-form.live-import select optgroup option:first-child,
    .pra-form.live-import select option:only-child {
        color: #262626 !important;
    }

.liveSave {
    color: red !important;
}

.bypest .form-group.margin-bottom-50 {
    margin-bottom: 50px;
}

.bypest .live-import p.help-text {
    margin-top: 10px;
}


.bypest.live-import .by-pest-riskassessment ul.work-flow li p a {
    width: 200px;
}

.liveimport-pra-list {
    width: 75px;
}

.liveimport .green-container P {
    font-family: open_sansregular;
    font-size: 16px;
    font-weight: normal;
    padding-left: 20px;
    line-height: 2;
}

.soft-half-right {
    width: 610px;
    height: 30px;
    padding-top: 5px;
    background-color: #999999;
    font-family: "open_sanssemibold";
    font-size: 14px;
    border-radius: 0px;
    border: none;
    padding: 5px 30px 6px 30px;
    box-shadow: 0px 3px 0px #666666;
    cursor: pointer;
    color: white
}

    .soft-half-right #Download {
        color: #333333;
        width: 110px;
        margin-left: 6px;
    }

#modalShowUserPreferences.modal {
    text-align: center;
    padding: 0 !important;
}

    #modalShowUserPreferences.modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

#modalShowUserPreferences .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 700px;
}

.k-animation-container > form {
    width: 250px;
}

.k-filter-menu .k-datepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-dropdownlist, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-textbox, .k-filter-menu .k-timepicker {
    width: 100%;
}

.k-filter-menu span.k-filter-and {
    width: 100%;
}

@media (min-width: 992px) {
    label.add-pest {
        padding-left: 0 !important;
    }

    input#PestName {
        min-width: 208px !important;
    }
}

.cookie-settings {
    color: white !important;
    background: transparent !important;
    border: none !important;
    font-size: inherit !important;
    padding: inherit !important;
    line-height: inherit !important;
}

@media (min-width: 768px) {
    .footer ul li {
        width: 12% !important;
    }
}

.homepageloginsection .row {
    margin-top: 20px;
}

.homepageloginsection p {
    font-size: 18px;
    line-height: 32px;
    margin: 40px;
}

.homepageloginsection .signin {
    background: #368729;
    width: 400px;
    height: 44px;
    box-shadow: none;
    margin-top: 40px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 0 auto
}

    .homepageloginsection .signin a {
        color: #FFFFFF;
        padding-bottom: 8px;
    }

        .homepageloginsection .signin a svg.arrow {
            position: relative;
            top: 4px;
        }

.homepageloginsection .box {
    border: 2px solid #163610;
    padding-left: 0;
    padding-right: 0;
}

.homepageloginsection .aboutPRA h2 {
    font-size: 24px;
    margin-left: 40px;
    margin-top: 30px;
}

.homepageloginsection .aboutPRA ul {
    font-size: 16px;
    list-style: outside;
    line-height: 24px;
    margin-left: 60px;
    font-size: 16px;
    margin-top: 15px;
}

    .homepageloginsection .aboutPRA ul li {
        padding-left: 10px;
    }

.homepageloginsection .aboutPRA a {
    border: 2px solid #368729;
    padding: 4px 16px 4px 16px;
}

.homepageloginsection .aboutPRA p {
    margin-left: 40px;
    margin-top: 20px;
}

.homepageloginsection .card-header {
    background: #163610;
    color: #FFFFFF;
    height: 80px;
    top: 224px;
    left: 40px;
    align-items: center;
    justify-content: center;
    display: flex;
}

    .homepageloginsection .card-header h2 {
        font-size: 32px;
        line-height: 48px;
    }

.homepagevouchersection {
    padding: 40px;
}

    .homepagevouchersection .voucher-content {
        padding: 10px 200px;
    }

    .homepagevouchersection p {
        line-height: 30px;
    }

    .homepagevouchersection ul {
        list-style: unset;
        padding: revert;
    }

        .homepagevouchersection ul li {
            line-height: 30px;
        }

    .homepagevouchersection img.header-image {
        height: 110px;
        width: 110px;
    }

.btn-v2 {
    padding: 10px;
    border-radius: 0px;
}

.btn-v2-success {
    background: #368729;
}

.btn-v2-default {
    border: solid 2px #368729;
    color: #368729;
}

.btn-v2-full {
    width: 100%;
}

.dropdown-menu-child li {
    padding: 12px 40px 12px 40px;
    gap: 8px;
}

.dropdown-item:hover {
    color: #0B1B08 !important;
    background-color: #d7e7d4;
}

.page-header h2.username {
    padding: 5px 10px;
    background-color: #000000;
    color: #ffffff;
    font-size: 40px;
}

@media (max-width: 992px) {
    .page-header h2.username {
        font-size: 24px;
    }
}

.dropdown-menu > li > a {
    font-weight: 600 !important;
    color: #0B1B08;
    font-size: 16px;
    padding: 0.25rem 1rem;
}

.dropdown-item:hover {
    color: #0B1B08 !important;
    background-color: #d7e7d4;
}

.dropdown-menu-child li:hover {
    background-color: #d7e7d4;
    color: #163610;
}

.dropdown-menu-child li a:hover {
    background-color: #d7e7d4;
    color: #163610;
}

ul > li > a:hover {
    text-decoration: none;
}

div.nav-help > a:hover {
    text-decoration: none;
}

.btn-sign-in {
    color: #ffffff !important;
    font-weight: 400;
    font-size: 1rem;
}

header a.btn-help,
header .nav-help a {
    text-decoration: none;
    color: #ffffff;
    align-items: center;
}

header .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    display: flex !important;
    flex-basis: auto;
}

header .layoutold {
    margin-left: auto !important;
    margin-right: auto !important;
    flex-direction: row;
    display: flex;
}

header .nav.navbar-nav > li:hover {
    background-color: #d7e7d4;
    color: #368729 !important;
}

    header .nav.navbar-nav > li:hover a {
        color: #368729 !important;
    }

header .nav .navbar-nav > li .dropdown-menu-child li:hover {
    background-color: #d7e7d4 !important;
    color: #163610 !important;
}

header .navbar-inverse .navbar-nav > .open > a,
header .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #d7e7d4 !important;
    color: #163610 !important;
}