/* Font Declaration */


@font-face {
  font-family: 'Roboto-Regular'; src: url(/assets/Roboto-Regular-c5eac5111552dcf9ec9ede02378ef8ab220ba62fedc3a42d0208526a747efef4.eot), url(/assets/Roboto-Regular-a7b75ca17e46408dc3c4074a8b3713de9aa05f8751fa0ab5bccfc67e4641c221.woff2) format('woff2'), url(/assets/Roboto-Regular-6567f60b4797351c3a390d86736782a40a9eb212e95573eb815a9fb850ae9626.woff) format('woff'), url(/assets/Roboto-Regular-f45ce5b92a03d96d13cd2513456ce89854e32b9c92fc0aa62162632f06db1050.ttf) format('truetype'), url(/assets/Roboto-Regular-a63811cea3946e19bf46d4bf3fdf744428a59a1f1349fc8514aab77e21711083.svg#Roboto-Regular) format('svg'), url(/assets/Roboto-Regular-c5eac5111552dcf9ec9ede02378ef8ab220ba62fedc3a42d0208526a747efef4.eot?#iefix) format('embedded-opentype'); font-weight: normal; font-style: normal
}

@font-face {
  font-family: 'Roboto-Bold'; src: url(/assets/Roboto-Bold-bd4f7e3fcbb43af1b73a9e759c2e57998d8828d1650e468c4ac8510df1219775.eot), url(/assets/Roboto-Bold-16e9abc50d32ceb7c1116a8fbf0a27ae4a4a25110e0e6943454a87119d1036b4.woff2) format('woff2'), url(/assets/Roboto-Bold-8f060c9dc898911a73bdcfa15ff74571f6beb290efd692de3c57bf5a7c870689.woff) format('woff'), url(/assets/Roboto-Bold-5e6ff9bcef39eeea6cde6ff1dabe52e5effb7c2cd825a77dd41780925aae5afe.ttf) format('truetype'), url(/assets/Roboto-Bold-e6717d6c247b3a119063e352c44f2c8a00aace72be5c7708c64542165774aa29.svg#Roboto-Bold) format('svg'), url(/assets/Roboto-Bold-bd4f7e3fcbb43af1b73a9e759c2e57998d8828d1650e468c4ac8510df1219775.eot?#iefix) format('embedded-opentype'); font-weight: normal; font-style: normal
}

@font-face {
  font-family: 'Roboto-Light'; src: url(/assets/Roboto-Light-1ed6e51e17e1dd5db733a2c460c3c4b0142fe4a4c5752c9cf1642cbd95369bd5.eot), url(/assets/Roboto-Light-45b6772c911230e6e9399ee646ea0caa499b0331919bd7e252ddf7c5631b17a9.woff2) format('woff2'), url(/assets/Roboto-Light-765a2e9f21d08a6b09fa6dacdce2f42ae470384061c19d1a800d75121ec72d4c.woff) format('woff'), url(/assets/Roboto-Light-29ee93396f828fff60dce8d431520714405eb33332b55ce9499921850c14b487.ttf) format('truetype'), url(/assets/Roboto-Light-12f4b88479150056e9d0a6da2715bc08a331784276758ba069849fc92fa5064f.svg#Roboto-Light) format('svg'), url(/assets/Roboto-Light-1ed6e51e17e1dd5db733a2c460c3c4b0142fe4a4c5752c9cf1642cbd95369bd5.eot?#iefix) format('embedded-opentype'); font-weight: normal; font-style: normal
}

@font-face {
  font-family: 'Roboto-Medium'; src: url(/assets/Roboto-Medium-3b8e45dbab9a0128edf4046607cb329b223bb28f58e199cc30d771336ce197ea.eot), url(/assets/Roboto-Medium-013d78a693d2a2b8fe399ed119a0e39e633cc08c0d88d54754e4bb3c14172485.woff2) format('woff2'), url(/assets/Roboto-Medium-b54efb9881e26dae101963d5a37a663f709425b8d9e6683425d3f1c464c81c9e.woff) format('woff'), url(/assets/Roboto-Medium-9b58decb7e3e90229dcce65ae3e14491bbce1199a64c4a2e5645ac6981b4f4bb.ttf) format('truetype'), url(/assets/Roboto-Medium-fae267fcc098b6910c0ecb1f937e00cce890f78931bae66166f39d68cb144ab8.svg#Roboto-Medium) format('svg'), url(/assets/Roboto-Medium-3b8e45dbab9a0128edf4046607cb329b223bb28f58e199cc30d771336ce197ea.eot?#iefix) format('embedded-opentype'); font-weight: normal; font-style: normal
}

/* End */

/* Custom Styles */

body { position: relative }
.display { display: block }
a { transition: all 0.2s ease 0s; cursor: pointer }
a:focus, input:focus, button:focus { outline: none }
input { box-shadow: none !important }
body { background: #fff }
img { max-width: 100%; height: auto; max-height: 100% }
.trnfm { text-transform: none !important  }
main { min-height: 100vh; padding: 0px 0px 0px 250px; width: 100% }
.user-region-text { color: #FF0000; }
.no_padding { padding: 0px }
.no_margin { margin: 0px }
/*.site_btn { display: inline-block; background: #faa61a; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; position: relative; vertical-align: middle; transform: perspective(1px) translateZ(0); -webkit-transform: perspective(1px) translateZ(0); border-radius: 4px }
.site_btn:before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #333; -webkit-transform: scaleX(0); transform: scaleX(0); transform-origin: 50%; -webkit-transform-origin: 50%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s }
.site_btn:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1) }*/
.site_btn:hover { background: #fa7014 !important; border: 1px solid #fa7014 !important }
.success_message { background: #dff0d8; border: 1px solid #d6e9c6; border-radius: 5px; width: 95%; max-width: 500px; text-align: center; position: absolute; left: 0; right: 0; top: 12px; margin: 0 auto; padding: 15px; z-index: 10000 }
.success_message h4 { font-family: 'Roboto-Bold'; font-size: 15px; color: #3c763d; margin: 0px }
.error_message { background: #f2dede; border: 1px solid #ebccd1; border-radius: 5px; width: 95%; max-width: 500px; text-align: center; position: absolute; left: 0; right: 0; top: 12px; margin: 0 auto; padding: 15px; z-index: 10000 }
.error_message h4 { font-family: 'Roboto-Bold'; font-size: 15px; color: #a94442; margin: 0px }
.profile_chip .close_btn { display: none !important }
.profile_chip .text { padding-left: 20px !important; padding-right: 20px !important }
.alert { border-radius: 5px; left: 0; margin: 0 auto; max-width: 500px; padding: 15px; position: absolute; right: 0; text-align: center; top: 12px; width: 95%; z-index: 100 }
.alert-success { background: #dff0d8; border: 1px solid #d6e9c6 }
.alert strong { font-family: 'Roboto-Bold'; font-size: 15px; margin: 0; font-weight: normal !important; text-transform: capitalize }
.alert-success strong { color: #3c763d }
.alert-danger strong { color: #a94442 }
.alert-danger { background: #f2dede; border: 1px solid #ebccd1 }
*[disabled="disabled"] { cursor: no-drop !important; pointer-events:  none !important; opacity:0.6 !important }
.user_icon { background: transparent !important; box-shadow: none !important }
.user_icon img { padding: 0px !important; filter: none !important; border-radius: 50% }
.edit_mapname { font-family: 'Roboto-Regular'; font-size: 16px; text-transform:  capitalize; margin: 10px 0px 0px }
.dash-framename { text-transform: capitalize }
.reviewer_invite .curr_assess { width: 100% !important }
.reviewer_invite::after { content: none !important }
.reviewer_invite .invited_profile { display: inline-block; width: auto }
.reviewer_invite .invited_profile img { width: 33px; height: 33px; border-radius:  50%; margin-left: 2px }
.frame_modal .cluster_area.drag_area {  background: #fff; width: 30%; display: inline-block; min-height: 100px; padding: 7px 10px; margin: 0px 10px 0px 0px }
.roles_dropsec .sort_block label { width: 100px }
.roles_dropsec .frame_modal .chip { display: block; margin: 5px 0px 10px }
.roleb_btn {  font-family: 'Roboto-Bold'; font-size: 12px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 7px 15px 7px 15px; position: relative; transition: all 0.3s ease 0s; margin: 0px 0px 0px 5px; }


/* Multiple Select Box */

.adduser_block .multi_sel { padding: 3px 35px 0px 0px !important }
.select2-container-multi { padding: 0px !important; border: 1px solid #ccc !important; height: 100px; overflow-y: auto }
.select2-drop-multi { border: none !important }
.select2-choices { padding: 8px 0px !important }
.select2-choices li { margin: 0px 3px 10px 5px !important; padding: 12px 35px 12px 25px !important; font-family: 'Roboto-Regular'; font-size: 13px; background: #fff !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important; border-radius: 25px !important; float: none !important; display: inline-block; position: relative; border: none !important }
.select2-choices li > div { background: #fff; border: none; color: #000 }
.select2-choices li.select2-search-field { background: #fff !important; border-radius: none !important; box-shadow: none !important; padding: 0px !important }
.select2-drop { margin: -1px 0px 0px !important }
.select2-drop ul { font-family: 'Roboto-Regular'; font-size: 14px; padding: 0px; text-transform: capitalize; margin: 0px }
.select2-drop ul .select2-result-label { color: #000; position: relative; padding: 15px; border-bottom: 1px solid #e5e5e5; cursor: pointer  }
.select2-drop ul .select2-result-label:hover, .select2-drop ul .select2-highlighted { background: #e1e1e1 }
.select2-search-choice-close { display: inline-block; background: #b6bbc1 url(/assets/close_btn_icon-f27b53a35ea7cd756686863d8fc94d90b76370fcd51f618de9ade3630e694092.gif) no-repeat scroll center center !important; border-radius: 50%; cursor: pointer; transition: none; position: absolute; right: 7px !important; top: 0px; bottom: 0px; margin: auto 0px; width: 19px; height: 19px; left: unset !important }
.select2-search-choice-close:hover { background: #333 url(/assets/close_btn_icon_on-37bd7a024362d30eb8e6b5d62c1e8f579ba3799a17d4d9d0e60f20606781ac9a.gif) no-repeat scroll 45% center !important }

.assessment-deatils .assess_select{float: left;}
.assessment-deatils .float-left{float: left;	}
/* End */

/* Header Section */

header.navbar-static-top { position: relative }
header .top_header { display: table; width: 100%; height: 75px; border-bottom: 1px solid #e2e2e2; padding: 0px 60px 0px 250px }
header .fixed_menu { position: fixed; height: 100%; width: 290px; top: 0; left: 0 }
header .menu_block { width: 250px; height: 100%; position: relative; background: #fff; overflow-y: auto; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); padding: 35px 0px 45px }
header .navbar-toggle { display: none; margin: 0px; padding: 0px }
header .navbar-toggle .icon-bar { background: #ccc; width: 25px; height: 2px }
header .toggle_menu { position: absolute; right: 0; top: 25px; z-index: 10; transition: all 0.3s ease 0s }
header .logo { background: transparent url(/assets/main_logo-3e4d56e53e704504b7e6a05bfea667b49e99f21ab85180bbd54da7e614c5403b.png) no-repeat scroll center center / cover; width: 162px; height: 51px; margin: 0px auto }
header .menu_list { font-family: 'Roboto-Regular'; font-size: 13px; text-transform: uppercase; margin: 20px 0px; border: none }
header .menu_list > li { padding: 5px 0px }
header .menu_list > li > a { color: #999; padding: 10px 10px 10px 60px; background-color: transparent; background-repeat: no-repeat; background-position: 25px center; position: relative; transition: all 0.3s ease 0s }
header .menu_list > li > a:before { content: ''; background: transparent; width: 4px; height: 0px; position: absolute; vertical-align: middle; top: 0; left: 0; bottom: 0; transition: all 0.3s ease 0s; margin: auto 0 }
header .menu_list > li > a:hover:before, header .menu_list > li.active > a:before { height: 100%; background: #ee7f00; }
header .menu_list > li > a:hover, header .menu_list > li.active > a, header .menu_list > li > a:focus { background-color: transparent; color: #333 }
header .menu_list > li.active > a { font-family: 'Roboto-Bold' }
header .menu_list > li.dashb_link > a { background-image: url(/assets/menu_icon1a_off-a968423ee659cc624993ffdd018b33f3e803fb70ad4db1e395da8f57f0e37251.png) }
header .menu_list > li.frame_link > a { background-image: url(/assets/menu_icon1_off-78c4a0a9747968261d8cca3421fb10fcbde1b87f18d79bbb88e98d0d7329d8f1.png) }
header .menu_list > li.lib_link > a { background-image: url(/assets/menu_icon2_off-9895d2e0e022704732f6e1ce578f8334f1f22828165fe813b0de91d04d9965df.png) }
header .menu_list > li.prflmap_link > a { background-image: url(/assets/menu_icon3_off-f0908160af511ae5c8053895eb0829a6f3205550c8311a8a1127511ca9cd67d4.png) }
header .menu_list > li.assess_link > a { background-image: url(/assets/menu_icon4_off-93e7e9bdf137478068045f5c2611a68ee7432e224e69e74bce0234b6b4d1e8d2.png) }
header .menu_list > li.gapanal_link > a { background-image: url(/assets/reports-808bb9daac7c037f2d34d6b8c3653230bdda6d1fed3cc41b4f8589cad4654909.png) }
header .menu_list > li.knwdtest_link > a { background-image: url(/assets/menu_icon6_off-72dc6b284b703fc0451f68fc400bcf240ac98d7799b68a03e003a53c69ba1b65.png) }
header .menu_list > li.learnres_link > a { background-image: url(/assets/menu_icon7_off-4d0a1924f8e3f9f96a94fe1a9d2124a1ddc56de6d79866e72ff5dec3d509a192.png) }
header .menu_list > li.reports_link > a { background-image: url(/assets/menu_icon8_off-669f599125d2457042915df983ede6a6652ee0b812aea37d8bef5d90e4a51c1e.png) }
header .menu_list > li.users_link > a { background-image: url(/assets/users_off-73cceb73acf04fb04dfddf61f359ed4be82f6fca85b372a718aa2514b56c2add.png) }
header .menu_list > li.systemset_link > a { background-image: url(/assets/regions-d7ce3d83ad63efd155838a7b8020ab33e62c5a6c8653651f9926f7b754e1c616.png) }
header .menu_list > li.frameworkmap_link > a { background-image: url(/assets/framework_mapping-c38f054b657efe04727d313d902f797d79616fcdeebc1fb0bffad7d5e3f2ca40.png) }
header .menu_list > li.revinvite_link > a { background-image: url(/assets/review_icon-66d9aa04e94c00b7b73fa4c2da40bcfc10a7eabbac2cd2ec592565b4ffee1a8c.png) }
header .menu_list > li.roles_link > a { background-image: url(/assets/roles_icon-8f132f07a1d74fb9e42bb6dc2faeea6e356a7903325dccd65401e27dec6eeae8.png) }
header .menu_list > li.profiles_link > a { background-image: url(/assets/profile-ce3f02af585ba07ea836b36aa2f9f85bad33ca768bbbf747238a1ce743e0d498.png) }
header .menu_list > li.support_link  > a { background-image: url(/assets/support_off-e77b292cc1db70d90c9bd1c889a425ed1cddbe629104869723c14edddd1d55df.png) }
header .menu_list > li.quick_link  > a { background-image: url(/assets/demo_off-a2be091dcc4a776d03cb08ad3e97d255fd3a6c68a898172cc0be9f51d9c68156.png) }
header .menu_list > li.report_link  > a { background-image: url(/assets/report_off-d675614542a38a20f8e4672d9019b7711985a2d757c83df83d8b7b3e1e5d4c49.png) }
header .menu_list > li.reference_link  > a { background-image: url(/assets/reference_off-ac5458baffec6008045d986d8429ba56a804ad026b5112c933bedb82983656d8.png) }

header .menu_list > li.active.dashb_link > a, header .menu_list > li.dashb_link > a:hover { background-image: url(/assets/menu_icon1a_on-c44c7633b34a714701e2eb19caef6f9d94431c3fb7940b6cbcf4a181fe4b6af2.png) }
header .menu_list > li.active.frame_link > a, header .menu_list > li.frame_link > a:hover { background-image: url(/assets/menu_icon1_on-7d23150f17245d3309bd8a7a8400c24b3e22009142bc82023b1ad286e91aac79.png) }
header .menu_list > li.active.lib_link > a, header .menu_list > li.lib_link > a:hover { background-image: url(/assets/menu_icon2_on-45f375073d1b9c1aabc4e68d87f829302c20c710bc711729eb4d5dd3405ea785.png) }
header .menu_list > li.active.prflmap_link > a, header .menu_list > li.prflmap_link > a:hover { background-image: url(/assets/menu_icon3_on-5cd7987a2cb7eefd8e0acb3c17057a0a8688aced87d0d5d9deb2e4d40b091b1a.png) }
header .menu_list > li.active.assess_link > a, header .menu_list > li.assess_link > a:hover { background-image: url(/assets/menu_icon4_on-667cc5f7d63bae6f35083a29f2dcce3933d7ce27dfe10fe33ace02b55fc3e21c.png) }
header .menu_list > li.active.gapanal_link > a, header .menu_list > li.gapanal_link > a:hover { background-image: url(/assets/reports_on-8ef59d61d4bede6d41780f237064987b72c2904d575a0c662767b8e238a0d082.png) }
header .menu_list > li.active.knwdtest_link > a, header .menu_list > li.knwdtest_link > a:hover { background-image: url(/assets/menu_icon6_on-4f3b34e5866b78780a033b45905beb43ce419bde2401216e22abd4746f1a01d2.png) }
header .menu_list > li.active.learnres_link > a, header .menu_list > li.learnres_link > a:hover { background-image: url(/assets/menu_icon7_on-4093a6d466558938394dd1d1a9aa14509c2895eec37d112e95c01aab9b046698.png) }
header .menu_list > li.active.reports_link > a, header .menu_list > li.reports_link > a:hover { background-image: url(/assets/menu_icon8_on-4fb9457963b366b9ca3d2ba0b23220869387fed8db1c13e6d59ea542c51e39fd.png) }
header .menu_list > li.active.users_link > a, header .menu_list > li.users_link > a:hover { background-image: url(/assets/users_on-5b8c265d379eefdf5dbc981cddd85efed11c60c328637f695659ab79bdc45f0e.png) }
header .menu_list > li.active.systemset_link > a, header .menu_list > li.systemset_link > a:hover { background-image: url(/assets/regions_on-1f6d582b46ad36288afd3f4b19479ebbb7a9ce630cab73c6003fa9fdf322c45f.png) }
header .menu_list > li.active.frameworkmap_link > a, header .menu_list > li.frameworkmap_link > a:hover { background-image: url(/assets/framework_mapping_on-c5d39c91fd7c81ada8abe903a629160ca62a8da4c2f30ee2826f8bd9e453eed1.png) }
header .menu_list > li.active.revinvite_link > a, header .menu_list > li.revinvite_link > a:hover { background-image: url(/assets/review_icon-66d9aa04e94c00b7b73fa4c2da40bcfc10a7eabbac2cd2ec592565b4ffee1a8c.png) }
header .menu_list > li.active.roles_link > a, header .menu_list > li.roles_link > a:hover { background-image: url(/assets/roles_icon_on-4038b8871faa436e4f5093efb1321b7b383299126ac40c04126ff2893959d0ea.png) }
header .menu_list > li.active.profiles_link > a, header .menu_list > li.profiles_link > a:hover { background-image: url(/assets/profile_on-3aca897ad4bb0c75dd78b506059af3efaeea2836d67f768f719ee12991c93ff4.png) }
header .menu_list > li.active.support_link  > a, header .menu_list > li.support_link  > a:hover { background-image: url(/assets/support_on-8c5eb817866ca59a29e64e9b010b05d854b60f97a1d1283ea0fcee54947be715.png) }
header .menu_list > li.active.quick_link  > a, header .menu_list > li.quick_link  > a:hover { background-image: url(/assets/demo_on-d3d99adb649712fa7e488977ad301e83ed24f99d120044fcc1d3c1882b2edaaf.png) }
header .menu_list > li.active.report_link  > a, header .menu_list > li.report_link  > a:hover { background-image: url(/assets/report_on-4f476ff895d3addc30b2819a67230591935c078bf1dab94465c823d0b61b6db6.png) }
header .menu_list > li.active.reference_link  > a, header .menu_list > li.reference_link  > a:hover { background-image: url(/assets/reference_on-a69d880c2aa38c2830efe36d8af3c32671f30b27e59a1eb3f82a087eeea663ce.png) }

header .foot_logo { background: transparent url(/assets/foot_logo-86f5d9d2a63b0848bd83aa9f3f8480fafc6dbebf83618be4682c493e1af581c9.png) no-repeat scroll center center / cover; width: 144px; height: 21px; margin: 0px auto; position: absolute; bottom: 15px; left: 0; right: 0 }
header.line_manager_sidebar .foot_logo {position: absolute;}
header .logout_menu { display: table-cell; vertical-align: middle; text-align: right; margin: 0px; float: right }
header .logout_menu .dp_pic { cursor: pointer }
header.user_header .logout_menu .dp_pic + .drop_down { width: 270px }

header .logout_menu .dp_pic + .drop_down_dp { position: absolute; left: auto; right: 0; top: 120px; background: #fff;  font-family: 'Roboto-Regular'; font-size: 13px; width: 150px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); text-align: left; border: none; border-radius: 4px; visibility: collapse; opacity: 0; transition: all 0.2s ease 0s; margin: 0px }
header .logout_menu .dp_pic + .drop_down_dp:before, header .logout_menu .dp_pic + .drop_down_dp:after { border: medium solid transparent; content: " "; height: 0; right: 20px; pointer-events: none; position: absolute; top: -29px; width: 0 }
header .logout_menu .dp_pic + .drop_down:after { border-bottom-color: #fff; border-width: 12px; margin-left: -12px; margin-top: 5px; margin-right: 2px }
header .logout_menu .dp_pic + .drop_down:before { border-bottom-color: rgba(204,204,204,0.5); border-width: 14px; margin-left: -14px; }
header .logout_menu .dp_pic + .drop_down_dp .drop_down { min-height: auto;margin-bottom: 0; }
header .logout_menu .dp_pic + .drop_down_dp .drop_down > li > a { color: #333; transition: all 0.3s ease 0s; padding: 10px 20px; border-bottom: 1px solid #ccc }
header .logout_menu .dp_pic + .drop_down_dp .drop_down > li:last-child > a { border-bottom: none }
header .logout_menu .dp_pic + .drop_down_dp .drop_down > li > a:hover { background: #eee }
/*header .logout_menu .dp_menu:hover .drop_down_dp { visibility: visible; opacity: 1; top: 70px; }*/

header .logout_menu .notify + .drop_down { position: absolute; left: auto; right: 0; top: 120px; background: #fff;  font-family: 'Roboto-Regular'; font-size: 13px; width: 290px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); text-align: left; border: none; border-radius: 4px; visibility: collapse; opacity: 0; transition: all 0.2s ease 0s; margin: 0px; min-height: 0px }
header .logout_menu .notify + .drop_down:before, header .logout_menu .notify + .drop_down:after { border: medium solid transparent; content: " "; height: 0; right: 26px; pointer-events: none; position: absolute; top: -29px; width: 0 }
header .logout_menu .notify + .drop_down:after { border-bottom-color: #fff; border-width: 12px; margin-left: -12px; margin-top: 5px; margin-right: 2px }
header .logout_menu .notify + .drop_down:before { border-bottom-color: rgba(204,204,204,0.5); border-width: 14px; margin-left: -14px; }
header .logout_menu .notify + .drop_down .drop_down-menu { margin-bottom: 0;min-height: 50px;max-height: 200px;overflow-y: auto;}
header .logout_menu .notify + .drop_down .drop_down-menu > li > a { color: #333; transition: all 0.3s ease 0s; padding: 10px 20px; border-bottom: 1px solid #ccc }
header .logout_menu .notify + .drop_down .drop_down-menu > li:last-child > a { border-bottom: none }
header .logout_menu .notify + .drop_down .drop_down-menu > li > a:hover { background: #e1e1e1 }
/*header .logout_menu .notify_menu:hover .drop_down { visibility: visible; opacity: 0; top: 70px;display: none; }*/


header .logout_menu .dp_pic img { width: 33px; height: 33px; border-radius: 50% }
header .logout_menu .dp_pic .caret { color: #999; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px dashed; margin-left: 8px }
header .logout_menu > li { float: left; position: relative; padding: 19px 0px }
header .logout_menu > li > a { padding: 0px }
header .logout_menu > li > a:hover,header .logout_menu > li > a:focus { background: transparent }
header .logout_menu .notify { color: #999; font-size: 21px; margin: 3px 30px 0px 0px; position: relative; cursor: pointer }
header .logout_menu .notify .msg { font-family: 'Roboto-Regular'; font-size: 12px; color: #fff; background: #ff6666; position: absolute; top: 0; right: -9px; border-radius: 50%; padding: 0px 4px; line-height: 15px; border: 1px solid #fff }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background: transparent !important }
header.user_header .logout_menu .dp_name { font-family: 'Roboto-Medium'; font-size: 15px; color: #333; margin: 0px 0px 5px }
header.user_header .logout_menu .dp_name span { font-family: 'Roboto-Regular'; font-size: 12px; color: #66cc00; display: inline-block; visibility: collapse; margin-left: 0px; position: absolute; left: 64px; top: 12px }
header.user_header .logout_menu .role_name { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; margin: 0px 0px 2px }
header.user_header .logout_menu .swith_icon { position: absolute; left: 20px; top: 0; bottom: 0; margin: auto 0px; width: 40px; height: 40px }
header.user_header .logout_menu .swith_icon img { width: 100%; height: 100%; border-radius: 50% }
header.user_header .logout_menu .profile_detl a { padding: 10px 20px 10px 80px !important }
header.user_header .logout_menu .profile_detl.default .dp_name span { visibility: visible }
header.user_header .logout_menu .profile_detl.active a { background: #fff; }
header.user_header .logout_menu .dp_pic + .drop_down { background: #f5f5f5 }

/*added style for click dropdown*/

header.user_header .logout_menu .dp_pic + .drop_down_dp {width: 270px;}
header .logout_menu .dp_menu .drop_down_dp.open { visibility: visible; opacity: 1; top: 70px;display: block;}
header .logout_menu .notify_menu .drop_down.open { visibility: visible; opacity: 1; top: 70px;display: block; }
/*added style for click dropdown*/

/* End */

/* Frame Work Section */

.framework_section .nav-tabs { border-bottom: 3px solid #e2e2e2; font-family: 'Roboto-Bold'; font-size: 15px; text-transform: uppercase; padding: 0px 10px }
.framework_section .nav-tabs > li { margin: 0px 20px -3px }
.framework_section .nav-tabs > li > a { color: #999; padding: 23px; letter-spacing: 1px; border-radius: 0px; border: none !important; transition: none  }
.framework_section .nav-tabs > li > a:hover { background: transparent; color: #333 }
.framework_section .nav-tabs > li.active > a { border-bottom: 3px solid #ee7f00 !important; color: #333 }
.framework_section .frmcontent_block { padding:30px; /*display: table;*/ width: 100% }
.framework_section .title { position: relative }
.framework_section .title .btn_contain { position: absolute; right: 0px; top: 0px; bottom: 0; margin: auto 0px }
.framework_section .title h4 { font-family: 'Roboto-Regular'; font-size: 15px; color: #333; margin: 12px 0px; text-transform: uppercase; padding-right: 15em }
.framework_section .title .add_frame { font-family: 'Roboto-Bold'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 10px 45px 10px 25px; position: relative; transition: all 0.3s ease 0s }
.framework_section .title .add_frame:after { content: ''; position: absolute; background: transparent url(/assets/plus_icon-cf83bff7c79263ef07c8eeac9181938982b8747afac29dda91a83fbeba7907ab.png) no-repeat scroll center center / cover; width: 11px; height: 11px; right: 20px; top: 0; bottom: 0; margin: auto 0px }
.framework_section .title .add_frame:hover { border: 1px solid #333 }
.framework_section .comp_frame { background: #f5f5f5; border: 1px solid #e8e6e6; border-radius: 4px; height: auto;margin: 20px 0px 15px; padding: 25px 25px 25px 35px; box-shadow: 0px 3px 5px rgba(0,0,0,0.2); position: relative }
.framework_section .comp_frame .frame_settings { position: relative }
.framework_section .comp_frame .frame_name { font-family: 'Roboto-Regular'; font-size: 18px; color: #344750; margin: 0px; padding-right: 30px; text-transform: capitalize }
.framework_section .comp_frame .frame_name .added_name { float: right; margin: 5px 0px 0px }
.framework_section .comp_frame .settings { width: 23px; height: 23px; border-radius: 50%; background: #cdcdcd; display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 17px; transition: all 0.3s ease 0s; cursor: pointer }
.framework_section .comp_frame .setting_contain { display: table; position: absolute; right: 0; top: 0 }
.framework_section .comp_frame .settings:hover { background: #a6a6a6 }
.framework_section .comp_frame .popover { z-index:10;width: 235px; left: -245px !important; top: 0px !important; padding: 0px; margin: 0px; border-radius: 4px; box-shadow: -1px 3px 10px rgba(0,0,0,0.3) }
.framework_section .comp_frame .popover-content { padding: 0px }
.framework_section .comp_frame .settings_list { font-family: 'Roboto-Regular'; font-size: 13px; list-style: none; padding: 0px; margin: 0px  }
.framework_section .comp_frame .settings_list > li > a { color: #333; padding: 10px 25px; display: block; transition: all 0.3s ease 0s }
.framework_section .comp_frame .settings_list > li > a:hover { background: #e1e1e1; text-decoration: none }
.framework_section .comp_frame .popover > .arrow { top: 20% !important }
.framework_section .comp_frame .chips_set { margin: 25px 0px 0px }
.framework_section .comp_frame .chip { display: inline-block; width: auto; background: #fff; padding: 0px; border-radius: 25px; position: relative; font-family: 'Roboto-Regular'; font-size: 13px; color: #000; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transition: box-shadow 0.3s ease 0s; margin: 0px 15px 20px 0px; cursor: pointer }
.framework_section .comp_frame .chip .chip_tap .text { padding: 13px 45px 12px 55px; display: block }
.framework_section .comp_frame .chip:hover { box-shadow: 0 7px 10px rgba(0, 0, 0, 0.4) }
.framework_section .comp_frame .chip:hover .chip_tap { border: 2px solid #ee7f00 }
.framework_section .comp_frame .chip.open:hover .chip_tap { border: 2px solid transparent }
.framework_section .comp_frame .chip .chip_tap { display: block; width: 100%; height: 100%; text-decoration: none; color: #000; text-transform: capitalize; border: 2px solid transparent; border-radius: 25px; transition: all 0s ease 0s }
/*.framework_section .comp_frame .chip .chip_icon { width: 33px; height: 33px; position: absolute; left: 7px; top: 0px; bottom: 0px; margin: auto 0px; border-radius: 50%; background: #009dba; box-shadow: 0px 3px 5px rgba(0,0,0,0.3); text-align: center; vertical-align: middle }
.framework_section .comp_frame .chip .chip_icon img { padding: 9px 8px; filter: brightness(0) invert(1) }*/
.framework_section .comp_frame .close_btn { display: inline-block; font-size: 16px; background: #b6bbc1; color: #fff; border-radius: 50%; padding: 0px 5px; line-height: 18px; cursor: pointer; transition: background 0.3s ease 0s; position: absolute; right: 12px; top: 0px; bottom: 0px; margin: auto 0px; max-width: 19px; max-height: 19px }
.framework_section .comp_frame .close_btn:hover { background: #333 }
.framework_section .comp_frame .close_btn i { margin-left: -1px }
.framework_section .comp_frame .chip.open { background: #009dba; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: none }
.framework_section .comp_frame .chip.open .chip_icon { background: #fff }
.framework_section .comp_frame .chip.open .chip_icon img { filter: none }
.framework_section .comp_frame .chip.open .chip_tap { color: #fff }
.framework_section .comp_frame .chip_list { background: #009dba; padding: 5px 0px 15px; margin: 0px; width: 100%; border-radius: 0px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; box-shadow: 0px 6px 5px rgba(0,0,0,0.4); font-family: 'Roboto-Regular'; font-size: 13px; color: #fff; min-width: 0px; border: 4px solid #009dba }
.framework_section .comp_frame .chip_list > li { background: transparent url(/assets/list_dot-1da1d9334abd073740a59eaf1a3783dc8207e6f8d32e292367354d65a6aaa587.gif) no-repeat scroll 25px 12px }
.framework_section .comp_frame .chip_list > li > a { color: #fff; padding: 5px 15px 5px 35px; white-space: normal }
.framework_section .comp_frame .chip_list > li > a:hover, .framework_section .comp_frame .chip_list > li > a:focus { background: rgba(0,0,0,0.3) }


.prflmap_table.framework_table .prflmap_table_set {min-width: 100%;display: block;width: 100%; height: auto; margin: 0px;}
#floating-panel input[type=checkbox]{margin-right:10px;}
/*.framework_section .title{padding: 30px;}*/

.doc_group #Attachment ul {padding: 0;margin: 10px 0px;list-style: none;overflow: auto;}
.doc_group #Attachment ul li {width: 10%;display: inline-block;position: relative;height: 100%;overflow: visible;}
.doc_group #Attachment ul li .thumb-box {position: relative;height: auto;}
.doc_group #Attachment ul li a.thumbnail-title {font-family: 'Roboto-Bold';font-size: 13px;color: #0099cc;margin: 0px;line-height: 23px;}
/* End */

/* Add Framework Modal */

.frame_modal .modal-header { border-bottom: 1px solid #ccc; padding: 15px 20px; display: table; width: 100% }
.frame_modal .modal-title { font-family: 'Roboto-Regular'; font-size: 15px; text-transform: uppercase; color: #000; padding-left: 20px; display: table-cell; vertical-align: middle }
.frame_modal .close { color: #666; font-size: 35px; opacity: 1; font-weight: normal; transition: color 0.3s ease 0s; display: table-cell; vertical-align: middle }
.frame_modal .close:hover { color: #333 }
.frame_modal .modal-body { padding: 30px 40px; display: table; width: 100% }
.frame_modal .title { position: relative }
.frame_modal .title label { font-family: 'Roboto-Regular'; font-size: 13px; color: #009dba; text-transform: uppercase; font-weight: normal; display: block; margin: 0px }
.frame_modal .title_box { display: block; width: 100%; font-family: 'Roboto-Regular'; font-size: 18px; color: #000; background: transparent; border: none; border-bottom: 1px solid #ccc; padding: 7px 0px; position: relative; text-transform: capitalize }
.frame_modal .title_box + .high_border { background: #009dba; width: 0px; height: 0px; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all 0.3s ease 0s }
.frame_modal .title_box:focus + .high_border { width: 100%; height: 2px }
.frame_modal .select_box { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 7px 25px 7px 10px; width: 100%; border-radius: 4px; appearance: none; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; margin: 5px 0px 0px; background: #fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 98% center }
.frame_modal .cluster_blk { margin: 20px 0px 10px }
.frame_modal .cluster_blk h4 { font-family: 'Roboto-Regular'; font-size: 16px; color: #000; margin: 0px }
.frame_modal .cluster_area { background: #f5f5f5; border: 1px solid #ccc; resize: none; width: 100%; min-height: 215px; height: auto; border-radius: 6px; margin: 12px 0px; padding: 20px; cursor: text }
.frame_modal .notes { font-family: 'Roboto-Regular'; font-size: 13px; color: #666; margin: 0px; width: 100%; max-width: 400px; line-height: 18px; float: left }
.frame_modal .notes a { color: #ee7f00 }
.frame_modal .notes a:hover { text-decoration: underline }
.frame_modal .save_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 9px 30px; position: relative; transition: all 0.3s ease 0s; float: right }
.frame_modal .save_btn:hover { border: 1px solid #333 }
.frame_modal .chip { display: inline-block; width: auto; background: #fff; padding: 0px; border-radius: 25px; position: relative; font-family: 'Roboto-Regular'; font-size: 13px; color: #000; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transition: box-shadow 0.3s ease 0s; margin: 0px 15px 20px 0px; cursor: pointer }
.frame_modal .chip .chip_tap .text { padding: 13px 45px 12px 55px; display: block }
.frame_modal .chip:hover { box-shadow: 0 7px 10px rgba(0, 0, 0, 0.4) }
.frame_modal .chip .chip_tap { display: block; width: 100%; height: 100%; text-decoration: none; color: #000; text-transform: capitalize }
.frame_modal .chip .chip_icon { width: 33px; height: 33px; position: absolute; left: 7px; top: 0px; bottom: 0px; margin: auto 0px; border-radius: 50%; background: #009dba; box-shadow: 0px 3px 5px rgba(0,0,0,0.3); text-align: center; vertical-align: middle }
.frame_modal .chip .chip_icon img { padding: 9px 8px; filter: brightness(0) invert(1) }
.frame_modal .close_btn { display: inline-block; font-size: 16px; background: #b6bbc1; color: #fff; border-radius: 50%; padding: 0px 5px; line-height: 18px; cursor: pointer; transition: background 0.3s ease 0s; position: absolute; right: 12px; top: 0px; bottom: 0px; margin: auto 0px; max-width: 19px; max-height: 19px }
.frame_modal .close_btn:hover { background: #333 }
.frame_modal .chip.open { background: #009dba; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; box-shadow: none }
.frame_modal .chip.open .chip_icon { background: #fff }
.frame_modal .chip.open .chip_icon img { filter: none }
.frame_modal .chip.open .chip_tap { color: #fff }
.frame_modal .chip_list { background: #009dba; padding: 5px 0px 15px; margin: 0px; width: 100%; border-radius: 0px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; border: none; box-shadow: 0px 6px 5px rgba(0,0,0,0.4); font-family: 'Roboto-Regular'; font-size: 13px; color: #fff; min-width: 0px }
.frame_modal .chip_list > li { background: transparent url(/assets/list_dot-1da1d9334abd073740a59eaf1a3783dc8207e6f8d32e292367354d65a6aaa587.gif) no-repeat scroll 25px 12px }
.frame_modal .chip_list > li > a { color: #fff; padding: 5px 15px 5px 35px; white-space: normal !important }
.frame_modal .chip_list > li > a:hover, .frame_modal .chip_list > li > a:focus { background: rgba(0,0,0,0.3) }
.frame_modal .chips_set .suggest_input { background: transparent; border: none; font-family: 'Roboto-Regular'; font-size: 16px; color: #000; padding: 8px 0px; width: auto; min-width: 210px; max-width: 210px; position: relative }
.frame_modal .suggest_list { font-family: 'Roboto-Regular'; font-size: 14px; width: 210px; height: auto; max-height: 257px; top: 37px; left: -2px; padding: 0px; text-transform: capitalize; overflow-y: auto }
.frame_modal .suggest_list > li > a { color: #000; position: relative; padding: 15px 50px 15px 15px; border-bottom: 1px solid #e5e5e5; cursor: pointer; white-space: normal }
.frame_modal .suggest_list > li > a:hover { background: #e1e1e1 }
.frame_modal .suggest_list > li > a .chip_icon { width: 29px; height: 29px; position: absolute; right: 7px; top: 0px; bottom: 0px; margin: auto 0px; border-radius: 50%; background: #009dba; box-shadow: 0px 3px 5px rgba(0,0,0,0.3); text-align: center; vertical-align: middle }
.frame_modal .suggest_list > li > a .chip_icon img { padding: 9px 8px; filter: brightness(0) invert(1) }
.frame_modal .suggest_input_blk { position: relative; display: inline-block; max-width: 210px }

/* End */

/* Library Page */

.cluster_grp { margin: 30px 0px }
.cluster_grp .cluster_item { overflow: auto; background: #fff; height: 580px; width: 100%; max-width: 280px; float: left; padding: 15px; border-radius: 6px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); margin: 0px 27px 27px 0px }
.cluster_grp .cluster_item .cluster_title { position: relative; font-family: 'Roboto-Regular'; font-size: 14px; color: rgba(0,0,0,0.8); padding: 7px 30px 20px 45px; text-transform: capitalize }
.cluster_grp .cluster_item .cluster_title:after { content: ''; background: #e9e9e9; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto }
.cluster_grp .cluster_item .clust_iocn { width: 33px; height: 33px; position: absolute; left: 0px; top: 0px; margin: auto 0px; border-radius: 50%; background: #009dba; box-shadow: 0px 3px 5px rgba(0,0,0,0.3); text-align: center; vertical-align: middle }
.cluster_grp .cluster_item .clust_iocn img { padding: 9px 8px; filter: brightness(0) invert(1) }
.cluster_grp .cluster_item .descp ul { list-style: none; font-family: 'Roboto-Regular'; font-size: 13px; margin: 10px 0px; padding: 0px 0px 0px 15px }
.cluster_grp .cluster_item .descp ul li a { color: #0099cc; padding: 6px 6px 6px 15px; display: inline-block; background: transparent url(/assets/polygon-3d603045376d9ad56dabc0fb51c1ac3333ba7cd94a884c5ef43651f8402fb5f3.png) no-repeat scroll 0px 10px; cursor: pointer }
.cluster_grp .cluster_item .descp ul li a:hover { text-decoration: none; background-position: 10px 10px; padding: 6px 6px 6px 25px }
.cluster_grp .cluster_item .descp ul li a:focus { text-decoration: none }
.cluster_grp .cluster_item .setting_contain { display: table; position: absolute; right: 0; top: 0 }
.cluster_grp .cluster_item .settings:hover { background: #a6a6a6 }
.cluster_grp .cluster_item .popover { width: 235px; left: -245px !important; top: 0px !important; padding: 0px; margin: 0px; border-radius: 4px; box-shadow: -1px 3px 10px rgba(0,0,0,0.3) }
.cluster_grp .cluster_item .popover-content { padding: 0px }
.cluster_grp .cluster_item .settings_list { font-family: 'Roboto-Regular'; font-size: 14px; list-style: none; padding: 0px; margin: 0px  }
.cluster_grp .cluster_item .settings_list > li > a { color: #333; padding: 10px 25px; display: block; transition: all 0.3s ease 0s }
.cluster_grp .cluster_item .settings_list > li > a:hover { background: #e1e1e1; text-decoration: none }
.cluster_grp .cluster_item .popover > .arrow { top: 32% !important }
.cluster_grp .cluster_item .settings { width: 23px; height: 13px; border-radius: 50%; background: #cdcdcd; display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 17px; transition: all 0.3s ease 0s; cursor: pointer }

/* End */

/* Add Cluster */

.cluster_modal .title { display: table }
.cluster_modal .left_blk { display: table-cell; width: 70%; position: relative; padding-right: 70px }
.cluster_modal .right_blk { display: table-cell; width: 30%; position: relative; vertical-align: bottom }
.cluster_modal .icon_filer { display: none }
.cluster_modal label.icon_filer { display: inline-block; background: #ee7f00; border: 1px solid #ee7f00; color: #fff; font-family: 'Roboto-Bold'; font-size: 13px; width: 90px; height: 40px; text-align: center; border-radius: 4px; padding: 10px 0px; cursor: pointer; margin-left: 60px }
.cluster_modal .clust_icon {  width: 33px; height: 33px; position: absolute; right: 45px; bottom: 4px; margin: auto 0px; border-radius: 50%; background: #009dba; box-shadow: 0px 3px 5px rgba(0,0,0,0.3); text-align: center; vertical-align: middle }
.cluster_modal .clust_icon img { padding: 9px 8px; filter: brightness(0) invert(1) }
.cluster_modal .cluster_set { margin: 30px 0px 0px }
.cluster_modal .cluster_set .block { float: left; width: 50% }
.cluster_modal .cluster_set .block h4 { font-family: 'Roboto-Regular'; font-size: 15px; color: #333; text-transform: uppercase; margin: 0px; }
.cluster_modal .cluster_set .choosen h4 { color: #0099cc }
.cluster_modal .descp_list { list-style: none; font-family: 'Roboto-Regular'; font-size: 14px; padding: 0px; margin: 10px 0px 0px; overflow-y: auto; max-height: 300px; height: auto; width: 90% }
.cluster_modal .descp_list li{ color: #000; display: block; padding: 15px 30px 15px 20px; border-bottom: 1px solid #e5e5e5; position: relative; cursor: pointer }
.cluster_modal .descp_list li:hover { background: #f2f2f2; text-decoration: none; }
.cluster_modal .descp_list li.disable { background: #f2f2f2; color: #666; cursor:not-allowed }
.cluster_modal .descp_list li.disable .add_cls { color: #ccc }
.cluster_modal .descp_list li .add_cls { color: #ee7f00; font-size: 16px; width: 30px; height: 30px; font-size: 18px; display: inline-block; text-align: center; position: absolute; right: 8px; top: 0px; bottom: 0px; margin: auto 0px; z-index: 1; line-height: 30px }
.cluster_modal .descp_list_ok li .add_cls { font-size: 24px }
.cluster_modal .title_box:focus + .high_border { width: 88%; height: 2px; margin: 0px }
.cluster_modal .modal_footer { margin: 10px 0px 0px }

/* End */

/* Edit Competency */

.editcomp_modal .modal-header { border-bottom: 2px solid #e0e0e0; padding: 15px 20px; display: table; width: 100%; position: relative }
.editcomp_modal .clust_icon {  width: 33px; height: 33px; position: absolute; left: 0px; bottom: 0px; margin: auto 0px; border-radius: 50%; background: #009dba; box-shadow: 0px 3px 5px rgba(0,0,0,0.3); text-align: center; vertical-align: middle }
.editcomp_modal .clust_icon img { padding: 9px 8px; filter: brightness(0) invert(1) }
.editcomp_modal .modal-title { position: relative; font-family: 'Roboto-Bold'; font-size: 15px; color: #333; margin: 0px; text-transform: uppercase; letter-spacing: 2px; display: table-cell; vertical-align: middle; padding-left: 47px }
.editcomp_modal .close { color: #666; font-size: 35px; opacity: 1; font-weight: normal; transition: color 0.3s ease 0s; display: table-cell; vertical-align: middle }
.editcomp_modal .close:hover { color: #333 }
.editcomp_modal .modal-body { padding: 20px 40px; display: table; width: 100%; margin-bottom: 10px }
.editcomp_modal .comp_title { border-bottom: 1px solid #ebebeb; display: table; width: 100%; padding-bottom: 20px }
.editcomp_modal .comp_title h3 { font-family: 'Roboto-Regular'; font-size: 20px; color: #0099cc; margin: 0px; display: table-cell; vertical-align: middle }
.editcomp_modal .comp_title .edit_btn { display: table-cell; vertical-align: middle; font-family: 'Roboto-Bold'; font-size: 13px; color: #ee7f00; background: #fff; border: 1px solid #ee7f00; border-radius: 4px; text-transform: uppercase; padding: 2px 15px; float: right; transition: all 0.3s ease 0s }
.editcomp_modal .comp_title .edit_btn:hover { color: #fff; background: #ee7f00 }
.editcomp_modal .comp_content { margin: 28px 0px; display: table; width: 100% }
.editcomp_modal .comp_content .left_blk { float: left; width: 37% }
.editcomp_modal .comp_content .right_blk { float: right; width: 60% }
.editcomp_modal .caption { font-family: 'Roboto-Light'; font-size: 18px; color: #666; margin: 0px; line-height: 26px }
.editcomp_modal .comp_content .behav { font-family: 'Roboto-Regular'; font-size: 15px; color: #0099cc; margin: 0px }
.editcomp_modal .comp_content .head { font-family: 'Roboto-Regular'; font-size: 15px; color: #333; margin: 0px }
.editcomp_modal .comp_content .head span { padding-left: 12px }
.editcomp_modal .comp_content .head + p { font-family: 'Roboto-Regular'; font-size: 14px; color: #666; margin: 10px 0px 0px }
.editcomp_modal .comp_content .descp_blk { margin: 20px 0px 0px }
.editcomp_modal .modal_footer { clear: both; margin: 20px 0px 0px; text-align: right }
.editcomp_modal .update_btn { font-family: 'Roboto-Regular'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 8px 35px; position: relative; transition: all 0.3s ease 0s }
.editcomp_modal .update_btn:hover { border: 1px solid #333 }
.editcomp_modal .carousel .slides_nav { height: 25px; margin-bottom: 15px; text-align: right; display: table; width: 100% }
.editcomp_modal .carousel .slides_nav .count { display: table-cell; vertical-align: middle; width: 92% }
.editcomp_modal .carousel a.left { display: inline-block; background: transparent url(/assets/prev_slide-0f8d2f7d43427be06d183f72e7223f372545b1c975d2e22eedb17bc9ef82ea87.png) no-repeat scroll center center / cover; width: 24px; height: 25px }
.editcomp_modal .carousel a.right { display: inline-block; background: transparent url(/assets/next_slide-f1dca99247d2bc040b275c2f01ea7b13f11b28fb5d230f67d7bf930a7941c90f.png) no-repeat scroll center center / cover; width: 24px; height: 25px }
.editcomp_modal .carousel a.disabled { opacity: 0.5; cursor: not-allowed }

/* End */

/* Add Competency */

.addcomp_modal .modal-title { padding-left: 0px }
.addcomp_modal .comp_title .text_box { font-family: 'Roboto-Regular'; font-size: 20px; color: #666; background: #fff; border: 1px solid #ccc; width: auto; min-width: 40%; padding: 5px }
.addcomp_modal .text_area_descp { font-family: 'Roboto-Regular'; font-size: 14px; color: #666; background: #fff; border: 1px solid #ccc; resize: none; height: 460px; width: 100%; padding: 5px 10px }
.addcomp_modal .right_blk .text_box { font-family: 'Roboto-Regular'; font-size: 15px; color: #666; background: #fff; border: 1px solid #ccc; width: auto; min-width: 70%; padding: 5px }
.addcomp_modal .right_blk .text_area_descp { height: 50px; margin: 10px 0px 0px }

/* End */

/* Login Page */

main.login_template { padding: 0px }
.login_section { background: #f5f5f5; min-height: 100vh; position: relative; height: auto }
.login_section .login_block { width: 100%; max-width: 790px; height: 360px; background: transparent; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.login_section .login_blk { background: #fff; width: 100%; height: 315px; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0,0,0,0.3) }
.login_section .logo { width: 45%; float: left; position: relative; height: 100%; display: table; border-right: 1px solid #e6e6e6 }
.login_section .logo_img { background: transparent url(/assets/login_logo-4f540251e4fbede652a1723079895a972d09729933dd31f07f49a646340ec9d5.png) no-repeat scroll center center / cover; display: block; width: 241px; height: 76px; padding: 15px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto }
.login_section .login { float: left; width: 55%; padding: 40px}
.login_section .login .title { font-family: 'Roboto-Bold'; font-size: 15px; text-transform: uppercase; margin: 0px 0px 20px; letter-spacing: 1px }
.login_section .txt_box { font-family: 'Roboto-Regular'; font-size: 15px; color: #666; width: 100%; background: #fff; border: 1px solid #dadada; border-top-right-radius: 5px;border-top-left-radius: 5px; padding: 9px 16px; margin: 0px 0px 0px; transition: all 0.3s ease 0s }
.login_section .txt_box:focus { border: 1px solid #ee7f00 }
.login_section .txt_box.bdr {border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border-top-right-radius: 0px;border-top-left-radius:0px; border-top:0 }
.login_section .submit_btn { font-family: 'Roboto-Regular'; font-size: 13px; color: #ee7f00; text-transform: uppercase; background: #fff; border: 1px solid #ee7f00; border-radius: 4px; padding: 10px 40px; position: relative; transition: all 0.3s ease 0s; float: right; margin-top:20px }
.login_section .submit_btn:hover { border: 1px solid #333; color:#fff }
.login_section .login a{ color: #ee7f00 }
.login_section .login a:hover{ text-decoration:none}
.login_section .checkbox { float: left }
.login_section .checkbox:not(old) {  height: 16px; margin: 0; opacity: 0; padding: 0; width: 16px }
.login_section .checkbox:not(old) + label { display :inline-block; margin: 12px 0px 12px -16px; padding-left:25px; background:url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png) no-repeat 0 0; line-height:17px; font-family: 'Roboto-Regular'; color:#666; font-size:13px; font-weight: normal }
.login_section .checkbox:not(old):checked + label { background:url(/assets/check_on-aa2c33ee81281c07e5b2b38e580de8869b2fa80ac375aa338f050c814a1e81b5.png) no-repeat 0 0; }
.login_section .forgetpass_block p { font-family: 'Roboto-Regular'; font-size: 14px !important; margin: 0 0 15px }
.login_section .forgetpass_block .login_blk { height: 300px }
.login_section .forgetpass_block { height: 340px }
.login_section .forget_pass { display: inline-block; font-family: 'Roboto-Regular';  font-size: 13px; color: #0099cc; text-transform: capitalize; clear: both; margin: 15px 0px 0px }
.login_section .remem_blk { display: table; width: 100% }
.login_section .signup_blk { display: table; width: 100%; margin: 30px 0px 0px; border-top: 1px solid #cecece; padding: 25px 0px; text-align: right }
.login_section .signup_blk h6 { font-family: 'Roboto-Regular'; font-size: 13px; color: #666; margin: 0px }
.login_section .signup_blk h6 a { color: #0099cc; font-family: 'Roboto-Bold' }
.login_section .foot_logo { background: transparent url(/assets/foot_logo-86f5d9d2a63b0848bd83aa9f3f8480fafc6dbebf83618be4682c493e1af581c9.png) no-repeat scroll center center / cover; width: 144px; height: 21px; margin: 0px; position: absolute; bottom: 0px; left: 0 }
.login_section .syngenta{ margin-bottom:18px; display:inline-block; width:100%}
.login_section .syngenta a.login_btn{ font-family: 'Roboto-Bold'; font-size: 15px; color: #fff; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 10px 40px; transition: all 0.3s ease 0s; display: inline-block;width: 100%;text-align: center;}
.login_section .syngenta a.login_btn:hover { color: #ee7f00;  background: #fff; }
.login_section .or:before{ border-top:1px solid #ddd; height:25px; position:relative; content:''; display:block; top:10px} 
.login_section .or h3{ text-align:center; background:#fff; position:relative; top: -24px;width: 58px;margin: 0 auto; font-size:14px; text-transform: uppercase; color:#666666;font-family: 'Roboto-Regular';}
.loader_modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #fff }
.loader_modal .loader_set { position: relative; width: 100%; height: 100% }
.loader_modal .loader_set .loader_img { width: 75px; height: 75px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto }


/* End */

.pgloader { background: rgba(0,0,0,0.65); bottom: 0; display: block; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999 }
.pgloader .content { width: 69px; height: 69px; margin: auto; background: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
.pgloader .outer { background-color: rgba(0,0,0,0); border: 5px solid #ee7f00; opacity: .9; border-top: 5px solid rgba(0,0,0,0); border-left: 5px solid rgba(0,0,0,0); border-radius: 50px; width: 69px; height: 69px; margin: 0 auto; -moz-animation: spin .5s infinite linear; -webkit-animation: spin .5s infinite linear; }
.pgloader .inner { background: transparent; border: none; opacity: 1; border-radius: 50px; width: 49px; height: 49px; margin: 0 auto; position: relative; top: -50px; }
.pgloader .inner img{display: block;margin: 0 auto;text-align: center;}
 @-moz-keyframes spin {
 0% {
-moz-transform:rotate(0deg);
}
 100% {
-moz-transform:rotate(360deg);
}
}
@-webkit-keyframes spin {
 0% {
-webkit-transform:rotate(0deg);
}
 100% {
-webkit-transform:rotate(360deg);
}
}

/* Frames Group */

.framework_section .comp_group { border: 1px solid #ccc; border-radius: 6px; padding: 0px 25px 10px; margin: 30px 0px 0px; position: relative }
.framework_section .comp_group .comp_grp_name { font-family: 'Roboto-Regular'; font-size: 21px; color: #333; margin: 20px 0px 0px; padding-right: 20px;display: block; }
.framework_section .comp_group .comp_grp_name  small { display: inline-block ;  }
.framework_section .comp_group .settings { width: 23px; height: 23px; border-radius: 50%; background: #cdcdcd; display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 17px; transition: all 0.3s ease 0s; cursor: pointer }
.framework_section .comp_group .settings .settings_list li a { display: block;}
.framework_section .comp_group .setting_contain { display: table; position: absolute; right: 20px; top: 20px }
.framework_section .comp_group .settings:hover { background: #a6a6a6 }
.framework_section .comp_group .popover { width: 235px; left: -245px !important; top: 0px !important; padding: 0px; margin: 0px; border-radius: 4px; box-shadow: -1px 3px 10px rgba(0,0,0,0.3) }
.framework_section .comp_group .popover-content { padding: 0px }
.framework_section .comp_group .settings_list { font-family: 'Roboto-Regular'; font-size: 13px; list-style: none; padding: 0px; margin: 0px  }
.framework_section .comp_group .settings_list > li > a { color: #333; padding: 10px 25px; display: block; transition: all 0.3s ease 0s }
.framework_section .comp_group .settings_list > li > a:hover { background: #e1e1e1; text-decoration: none }
.framework_section .comp_group .popover > .arrow { top: 20% !important }

/* End */

/* Region Modal */

.region_modal .chip .chip_tap .text { padding: 13px 45px 12px 20px !important }
.region_modal .suggest_list { width: 330px !important }

/* End */

/* Roles Page */

.roles_section .newrole_block { position: relative }
.roles_section .newrole_block .txt_box { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 7px 10px; width: 17% !important; border-radius: 4px; transition: all 0.3s ease 0s; margin-right: 10px; background: #fff }
.roles_section .newrole_block .txt_box:focus { border: 1px solid #ee7f00 }
.roles_section .newrole_block .role_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 6px 25px; position: relative; transition: all 0.3s ease 0s; width: auto; height: auto; margin: 0px }
.roles_section .search_block .select_box { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 7px 25px 7px 10px; width: 97%; border-radius: 4px; appearance: none; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; margin-right: 15px; background: #fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 95% center }
.user_section .sortmulti_block { margin: 15px 0px 0px }
.roles_section .sortmulti_block label { vertical-align: top; min-width: 80px }
.roles_section .sort_block label { min-width: 125px }

/* End */

/* Add New User Page */

.adduser_block .userform { width: 90%; padding: 0px 0px 0px 150px; margin: 0px 0px 50px; position: relative }
 .select2-container.common-select .select2-choice { height: 26px;padding: 0 0 0 8px; border:0; border-radius: 0px;background: #fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 95% center !important;}
 .select2-container.common-select .select2-choice .select2-arrow{ display:none;}
.adduser_block .field_group { width: 100%; display: table; margin: 0px 0px 15px; position: relative }
.adduser_block .form_field { position: relative; padding: 25px 35px 0px 0px; float: left }
.adduser_block .fullw { width: 100% }
.adduser_block .halfw { width: 50% }
.adduser_block .quar1w { width: 15% }
.adduser_block .quar2w { width: 35% }
.adduser_block .role_txt_label { text-transform: uppercase; font-family: 'Roboto-Bold'; font-size: 13px; color: #666; font-weight: normal; margin: 15px 0px 5px }
.adduser_block .select_box { font-family: 'Roboto-Medium'; font-size: 15px !important; color: #585858; appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; background: #fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 95% center !important; padding-right: 20px !important }
.adduser_block .place_label { text-transform: uppercase; font-family: 'Roboto-Bold'; font-size: 13px; color: #666; position: absolute; bottom: 8px; left: 0; transition: all 0.3s ease 0s; pointer-events: none }
.adduser_block .subadmin .place_label { position: relative; display:  block }
.adduser_block .subadmin .radio_row { margin: 10px 0px 0px; font-family: 'Roboto-Regular'; font-size: 14px }
.adduser_block .subadmin .canswer_label { font-weight: normal; display: inline-block; background-image: url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png); background-repeat: no-repeat; background-position: left 3px; margin: 0px; padding: 1px 10px 1px 28px }
.adduser_block .subadmin .checkbx { display: none }
.adduser_block .subadmin .checkbx:checked + .canswer_label { background-image: url(/assets/check_on-aa2c33ee81281c07e5b2b38e580de8869b2fa80ac375aa338f050c814a1e81b5.png) }
.adduser_block .txt_box { font-family: 'Roboto-Medium'; font-size: 16px; color: #585858; background: #fff; border: none; border-bottom: 1px solid #ccc; width: 100%; display: block; padding: 5px 0px; position: relative }
.adduser_block .txt_box:focus + .place_label, .adduser_block .txt_box:valid + .place_label { bottom: 37px }
.adduser_block .submit_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 10px 40px; position: relative; transition: all 0.3s ease 0s; float: none }
.adduser_block .submit_btn:hover { border: 1px solid #333 }
.adduser_block .upload_dp { position: absolute; top: 15px; left: 0; width: 110px; height: auto }
.adduser_block .upload_dp .default_user { display: block; background: transparent url(/assets/default_user-ae97baf6694a63861893bb3a469ff294bd52ceaf3a596038e53301e88a344a59.png) no-repeat scroll center center / cover; width: 110px; height: 155px; border-radius: 5px; margin: 0px; font-family: 'Roboto-Regular'; font-size: 13px; color: #0099cc; font-weight: normal; padding-top: 110px; text-align: center }
.adduser_block .upload_dp .user_picture { display: none }
.adduser_block .upload_dp .picture_set { position: relative }
.adduser_block .upload_dp .selected_picture { position: absolute; top: 0px; left: 0; width: 110px; height: 113px; overflow: hidden; border-radius: 5px }
.adduser_block .upload_dp .selected_picture img { width: 100%; height: 100% }
.adduser_block .checkbx { display: none }
.adduser_block .checkbx + .checklabel { text-transform: uppercase; font-family: 'Roboto-Bold'; font-size: 13px; color: #666; font-weight: normal; position: relative; padding-left: 25px }
.adduser_block .checkbx + .checklabel:before { content: ''; background-image: url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png); background-repeat: no-repeat; background-position: left center; background-size: cover; position: absolute; left: 0px; width: 16px; height: 16px; top: 0; bottom: 0; margin: auto 0px }
.adduser_block .checkbx:checked + .checklabel:before { background-image: url(/assets/check_on-aa2c33ee81281c07e5b2b38e580de8869b2fa80ac375aa338f050c814a1e81b5.png); }
.adduser_block .profile_list { border: 1px solid #ccc; width: 100%; height: 120px; border-radius: 4px; margin: 3px 0px 0px; padding: 15px; overflow-y: auto }
.adduser_block .profile_list .checklabel { text-transform: none; margin: 0px 15px 15px 0px }
.adduser_block .field_group .add_blankOpt { position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0px }

/* End */

/* Users Page */

.user_section .frmtitle_block { position: relative }
.user_section .btn_set { position: absolute; top: 14px; right: 20px; display: table }
.user_section .adduser_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 10px 45px 10px 25px; position: relative; transition: all 0.3s ease 0s }
.user_section .adduser_btn:after { content: ''; position: absolute; background: transparent url(/assets/plus_icon-cf83bff7c79263ef07c8eeac9181938982b8747afac29dda91a83fbeba7907ab.png) no-repeat scroll center center / cover; width: 11px; height: 11px; right: 20px; top: 0; bottom: 0; margin: auto 0px }
.user_section .adduser_btn:hover { border: 1px solid #333 }
.user_section .bulkupload_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #ff6600; text-transform: uppercase; margin-right: 20px; display: inline-block }
.user_section .userfilter_block { background: #e5e5e5; padding: 25px 35px }
.user_section .sort_block label { text-transform: uppercase; font-family: 'Roboto-Bold'; font-size: 14px; color: #333; margin: 0px 10px 0px 0px; font-weight: normal }
.user_section .sort_block .select_box { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 7px 25px 7px 10px; width: 40%; border-radius: 4px; appearance: none; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; margin-right: 15px; background: #fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 95% center }
.user_section .sort_block .select_box:focus { border: 1px solid #d7d7d7 }
.user_section .search_block { text-align: right }
.user_section .search_box { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 7px 10px; width: 75%; border-radius: 4px; transition: all 0.3s ease 0s }
.user_section .search_box:focus { border: 1px solid #ee7f00 }
.user_section .search_form { position: relative }
.user_section .search_btn { background: #fff url(/assets/search_icon-2f5ea967665bf57d5565e61e7638757c40b7008e9fff76aaf70602f2d856adc2.png) no-repeat scroll center center; border: none; width: 30px; height: 30px; position: absolute; top: 0; bottom: 0; margin: auto 0px; right: 8px }
.user_section .userlist_block { padding: 25px 35px; clear: both }
.userlist_block .count_num { text-transform: uppercase; font-family: 'Roboto-Regular'; font-size: 15px; color: #333; margin: 0px 0px 25px; display: table; width: 100% }
.userlist_block .table-responsive { overflow-x: none }
.userlist_block table thead { background: #efefef; font-family: 'Roboto-Regular'; font-size: 13px; text-transform: uppercase; color: #666; font-weight: normal }
.userlist_block table thead th { font-weight: normal; border: none; padding: 12px 20px }
.userlist_block table thead th:last-child { width: 150px !important }
.userlist_block table tbody td { border-top: none }
.userlist_block table tbody tr { background: #fff; font-family: 'Roboto-Regular'; font-size: 14px; color: #333; border-bottom: 1px solid #e0e0e0 }
.userlist_block table tbody tr.inactive { background: #f2fafc }
.userlist_block table tbody td { padding: 15px 20px; vertical-align: middle }
.userlist_block .profile_name { position: relative; padding-left: 45px }
.userlist_block .profile_name img { width: 28px; height: 28px; border-radius: 50%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0px }
.userlist_block .profile_name h4 { font-family: 'Roboto-Bold'; font-size: 15px; color: #0099cc; margin: 0px; line-height: 23px }
.userlist_block .profile_name h6 { font-family: 'Roboto-Regular'; font-size: 13px; color: #999; margin: 0px }
.userlist_block .edit_block a { font-family: 'Roboto-Regular'; font-size: 13px; color: #0099cc; display: inline-block }
.userlist_block .edit_block a.edit_btn { position: relative; padding-right: 13px }
.userlist_block .edit_block a.delete_btn { padding-left: 8px }
.userlist_block .edit_block a.edit_btn:after { content: ''; display: inline-block; background: #ccc; position: absolute; top: 0; bottom: 0; right: 0px; width: 1px; height: 10px; margin: auto 0px }
.userlist_block .digg_pagination a, .userlist_block .digg_pagination span, .userlist_block .digg_pagination em { padding: 2px 10px }
.userlist_block .pagination { font-family: 'Roboto-Regular'; font-size: 15px; color: #333 }
.userlist_block .digg_pagination a { border: 1px solid #0099cc; color: #0099cc }
.asses_schedule .date_blk { display: inline-block; width: 24%; margin: 0px 0px 25px }
.asses_schedule .full_blk { width: 93% !important }
.asses_schedule .type_blk { width: 45% }
.asses_schedule .assschd_form label { display: block; margin: 0px 0px 5px !important }
.asses_schedule .assschd_form .txt_box { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 7px 10px; width: 95% !important; border-radius: 4px; transition: all 0.3s ease 0s }
.asses_schedule .assschd_form .focus:focus { border: 1px solid #ee7f00 }
.asses_schedule .assschd_form .select_box { width: 95% }
.asses_schedule .assschd_form .set_review { font-family: 'Roboto-Bold'; font-size: 14px; color: #009dba; text-transform: uppercase; display: inline-block; text-decoration: none }
.asses_schedule .assschd_form .set_review:hover { text-decoration: underline }
.asses_schedule .assschd_form .search_btn { padding: 8px 25px; margin: 0px 10px 0px }
.asses_schedule .date_blk .cluster_area { background: #fff; border: 1px solid #d7d7d7; min-height: 100px; padding: 7px 10px; margin: 0px }
.asses_schedule .date_blk.verti_top { vertical-align: top }
.user_section .userlist_block .progress {  background-image: linear-gradient(to bottom, #e5e5e5 0px, #e9e9e9 100%); background-repeat: repeat-x; cursor: not-allowed; margin: 0px; height: 10px; width: 100%; box-shadow: none }
.user_section .userlist_block .progress-bar { background: #009dba }
.user_section .userlist_block .progress_slider .slider_val { display: block; font-size: 13px; text-align: center; margin: 5px 0px 0px }
.replace-button{background-image: url(/assets/Switch-02-b5918a08bf1d496f51774d377b86623c4ec6a93f5da78f39f1d53bc1b2c4e933.png); background-repeat: no-repeat; background-position: 0px 5px;    width: 40px;height: 20px; display: inline-block; }


/* End */

/* Assesment Schedule Modal */

.assessch_modal .asses_set { position: relative; margin: 0px 0px 20px; padding-right: 20px }
.assessch_modal .asses_set .delete { font-family: 'Roboto-Regular'; font-size: 18px; color: #999; cursor: pointer; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0px }
.assessch_modal .asses_set .delete i { vertical-align: middle }
.assessch_modal .select_box { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 7px 25px 7px 10px; width: 50%; border-radius: 4px; appearance: none; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; margin-right: 15px; background: #fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 95% center }
.assessch_modal .txt_box { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 7px 10px; width: 15%; border-radius: 4px; transition: all 0.3s ease 0s }
.assessch_modal .txt_box:focus { border: 1px solid #ee7f00 }
.assessch_modal .role_add_btn { text-align: right }
.assessch_modal .role_add_btn .add_btn { font-family: 'Roboto-Regular'; font-size: 18px; color: #999; cursor: pointer; }
.assessch_modal .profadd_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 8px 25px; position: relative; transition: all 0.3s ease 0s; width: auto; height: auto; margin-left: 5px }
.assessch_modal .btn_set { text-align: right; margin: 30px 0px 0px }

/* End */

/* Question Bank Page */

.question_section .userfilter_block { background: #fff; border-bottom: 1px solid #dddddd }
.question_section .txt_box { width: 20% !important }
.question_section .search_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 6px 12px; position: relative; transition: all 0.3s ease 0s; width: auto; height: auto; margin-left: 15px }
.question_section .asses_tabs { background: #e5e5e5; padding: 25px 0px 0px }
.question_section .asses_tabs .nav-tabs { text-transform: none; font-family: 'Roboto-Regular'; font-size: 15px }
.question_section .asses_tabs .nav-tabs > li { margin: 0 0px -3px 10px }
.question_section .asses_tabs .nav-tabs > li > a { color: #666; background: #f7f7f7; border: 1px solid #ddd; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 20px 30px }
.question_section .asses_tabs .nav-tabs > li.active > a { background: #fff; border-bottom: none !important; color: #000 }
.question_section .count_num { text-transform: none }
.question_section td .question_title { position: relative; padding-left: 30px }
.question_section td .question_title img { max-width: 17px; max-height: 17px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0px }
.question_section td.center_align, .question_section th.center_align { text-align: center }
.question_section .rating_blk i { color: #f8bb00; font-size: 12px; margin: 0px 4px }
.question_section .rating_blk .user_cnt { font-size: 12px; color: #666 }
.pagination_blk { float: right; text-align: left }
.pagination_blk span { font-family: 'Roboto-Regular'; font-size: 14px; color: #333; float: left; margin: 4px 0px 0px 10px }
.pagination_blk ul { list-style: none; font-family: 'Roboto-Regular'; font-size: 14px; border: 1px solid #d7d7d7; border-radius: 4px; padding: 0px; margin: 0px; display: table; float: left }
.pagination_blk ul li { float: left; border-right: 1px solid #d7d7d7 }
.pagination_blk ul li:last-child { border-right: none }
.pagination_blk ul li a { color: #333; padding: 3px 10px; display: inline-block; text-decoration: none }
.question_section table tbody tr:hover { background: #f2fafc }
.question-banking-list thead th,.question-banking-list tbody td { width: 70px }

/* End */

/* Add New Question */

.addquest_blk { padding: 25px 35px }
.addquest_blk .title_blk { border-bottom: 1px solid #ddd; padding: 25px 0px }
.addquest_blk .title_blk h4 { font-family: 'Roboto-Bold'; text-transform: uppercase; font-size: 14px; color: #333; margin: 0px; display: inline-block }
.addquest_blk .title_blk .back { font-family: 'Roboto-Bold'; text-transform: uppercase; font-size: 13px; color: #666; margin: 0px; display: inline-block; float: right }
.addquest_blk .sellevel_blk h4 { font-family: 'Roboto-Regular'; font-size: 15px; color: #666; margin: 0px; padding: 25px 0px }
.addquest_blk .select_blk { background: #f5f5f5; border-radius: 4px; padding: 20px }
.addquest_blk .select_blk .right_blk { padding-left: 30px }
.addquest_blk .select_blk label { font-family: 'Roboto-Regular'; font-size: 13px; font-weight: normal; color: #3e3e3e; text-transform: uppercase; display: block; margin: 0px 0px 10px }
.addquest_blk .select_blk .select_box { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 7px 25px 7px 10px; width: 80%; border-radius: 4px; appearance: none; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; background: #fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 95% center }
.addquest_blk .radio_btn { display: none }
.addquest_blk .radio_btn + label { background: transparent url(/assets/radiobtn_off-2adf71768d4373b7ba5618248e4585206478cb75bcfede70841ca6101585005a.png) no-repeat scroll left center; font-family: 'Roboto-Regular'; font-size: 13px; text-transform: uppercase; color: #666; font-weight: normal; position: relative; display: inline-block; margin: 0px; padding: 3px 30px }
.addquest_blk .radio_btn:checked + label { background: transparent url(/assets/radiobtn_on-032f80ffbd9ab4b8b8bc0cfb2c9af5eff9f30e6817cfe487ce254e59de378010.png) no-repeat scroll left center }
.addquest_blk .question_blk { padding: 40px 0px }
.addquest_blk .question_blk .type_blk label { font-family: 'Roboto-Regular'; font-size: 13px; font-weight: normal; color: #3e3e3e; text-transform: uppercase; display: block; margin: 0px 0px 10px }
.addquest_blk .question_blk .type_blk .ques_tabs { list-style: none; padding: 0px; margin: 0px; font-family: 'Roboto-Regular'; font-size: 15px; color: #666; display: table; border: 1px solid #d7d7d7; border-radius: 4px }
.addquest_blk .question_blk .type_blk .ques_tabs li { float: left; position: relative; border-right: 1px solid #d7d7d7 }
.addquest_blk .question_blk .type_blk .ques_tabs li:last-child { border-right: none }
.addquest_blk .question_blk .type_blk .ques_tabs li a { color: #666; padding: 10px 25px 10px 45px; display: inline-block; background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: 15px center; text-decoration: none }
.addquest_blk .question_blk .type_blk .ques_tabs li.active a { background-color: #009dba; color: #fff }
.addquest_blk .question_blk .type_blk .ques_tabs li.text.active a { background-image: url(/assets/quest_text_off-0c7f54bd78d03acf83b742ed1cefd55151203d0b3110d3a4d145eccd810c548c.png) }
.addquest_blk .question_blk .type_blk .ques_tabs li.image.active a { background-image: url(/assets/quest_image_off-8ded94b626225344b50cede7689d8bc00569563f5ff884c649a7c0674ae1a2cd.png) }
.addquest_blk .question_blk .type_blk .ques_tabs li.video.active a { background-image: url(/assets/quest_video_off-b33a3d7ea14306bafb7b889fa1584051c332b7a7b9d8c9d5be2c59e9d25198a7.png) }
.addquest_blk .question_blk .type_blk .ques_tabs li.audio.active a { background-image: url(/assets/quest_audio_off-4bbe74ba939b969795f659559155e6f0d85010d58020de72781c25679634542b.png) }
.addquest_blk .question_blk .type_blk .ques_tabs li.text a { background-image: url(/assets/quest_text-34627b502cb03dc1e9921edee56cc338206dd39a3146673fe210127893cd5de6.png); border-top-left-radius: 4px; border-bottom-left-radius: 4px }
.addquest_blk .question_blk .type_blk .ques_tabs li.image a { background-image: url(/assets/quest_image-5c7c9937d0ac3f65d1eefe151f93242421094f250b6183254e07179eab6f46c2.png) }
.addquest_blk .question_blk .type_blk .ques_tabs li.video a { background-image: url(/assets/quest_video-65ccab620af080289e5868f2bbc58427e95cdd57bcef7eec096367622f5043b9.png) }
.addquest_blk .question_blk .type_blk .ques_tabs li.audio a { background-image: url(/assets/quest_audio-83fcda8651d53c96766c4e36ddf3ec63c0ccf5db928a3e358ea6c7a615c1eaf0.png); border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.addquest_blk .question_blk .weight_blk { padding-left: 30px }
.addquest_blk .question_blk .weight_blk label { font-family: 'Roboto-Regular'; font-size: 13px; font-weight: normal; color: #3e3e3e; text-transform: uppercase; display: block; margin: 0px 0px 10px }
.addquest_blk .question_blk .weight_blk .text_box { width: 180px }
.addquest_blk .question_blk .weight_blk .setup { width: 180px; position: relative }
.addquest_blk .question_blk .text_box { font-family: 'Roboto-Medium'; font-size: 15px; color: #000; border: none; border-bottom: 1px solid #bfbfbf; width: 100%; padding: 6px 0px; position: relative }
.addquest_blk .question_blk .text_box + .high_border { background: #009dba; width: 0px; height: 0px; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all 0.3s ease 0s }
.addquest_blk .question_blk .text_box:focus + .high_border { width: 100%; height: 1px }
.addquest_blk .question_blk .tab-content { margin: 20px 0px 40px }
.addquest_blk .question_blk .tab-content label { font-family: 'Roboto-Regular'; font-size: 13px; font-weight: normal; color: #009dba; text-transform: uppercase; display: block; margin: 0px 0px 10px }
.addquest_blk .question_blk .tab-content .text_box { font-size: 18px }
.addquest_blk .question_blk .image_sec .text_box { width: 25%; float: left }
.addquest_blk .question_blk .image_sec { margin: 15px 0px 0px }
.addquest_blk .question_blk .image_sec .file_label_btn { display: none }
.addquest_blk .question_blk .image_sec .file_label { position: relative; font-family: 'Roboto-Bold'; font-size: 13px; color: #fff; background: #ee7f00; border-radius: 4px; display: inline-block; padding: 10px 20px; margin: 0px 0px 0px 20px }
.addquest_blk .question_blk .image_sec .file_label i { margin-left: 10px }
.addquest_blk .question_blk .response_blk label { font-family: 'Roboto-Regular'; font-size: 13px; font-weight: normal; color: #3e3e3e; text-transform: uppercase; display: block; margin: 0px 0px 10px }
.addquest_blk .question_blk .selectset_image .file_label_btn { display: none }
.addquest_blk .question_blk .selectset_image .file_label { position: relative; font-family: 'Roboto-Medium' !important; font-size: 12px !important; color: #fff !important; background: #ee7f00; border-radius: 4px; display: inline-block; padding: 6px 15px; margin: 0px !important; float: right !important }
.addquest_blk .question_blk .selectset_image .file_label i { margin-left: 10px }
.addquest_blk .question_blk .selectset_image .preview_img { border: 1px solid #ccc; width: 60px; height: 40px; display: block; border-radius: 5px; position: relative }
.addquest_blk .question_blk .selectset_image .preview_img img { width: 60px; height: 40px }
.addquest_blk .question_blk .selectset_image .preview_img .closebtn {display: inline-block; font-size: 16px; background: #b6bbc1; color: #fff; border-radius: 50%; padding: 0px 4px; line-height: 17px; cursor: pointer; transition: background 0.3s ease 0s; position: absolute; right: -5px; top: -5px; margin: auto 0px; max-width: 18px; max-height: 18px }
.addquest_blk .question_blk .selectset_image .preview_img .closebtn:hover { background: #333  }
.addquest_blk .question_blk .response_blk .radio_btn { display: none }
.addquest_blk .question_blk .response_blk .radio_btn + label { background: transparent url(/assets/radiobtn_off-2adf71768d4373b7ba5618248e4585206478cb75bcfede70841ca6101585005a.png) no-repeat scroll left center; font-family: 'Roboto-Regular'; font-size: 13px; text-transform: none; color: #666; font-weight: normal; position: relative; display: inline-block; margin: 0px; padding: 3px 30px }
.addquest_blk .question_blk .response_blk .radio_btn:checked + label { background: transparent url(/assets/radiobtn_on-032f80ffbd9ab4b8b8bc0cfb2c9af5eff9f30e6817cfe487ce254e59de378010.png) no-repeat scroll left center }
.addquest_blk .question_blk .response_blk h6 { font-family: 'Roboto-Regular'; font-size: 13px; color: #3e3e3e; margin: 25px 0px }
.addquest_blk .question_blk .response_blk .select_set { width: 50% }
.addquest_blk .question_blk .response_blk .select_set label { display: inline-block; ont-family: 'Roboto-Regular'; font-size: 13px; font-weight: normal; color: #3e3e3e; float: left; margin-right: 10px }
.addquest_blk .question_blk .response_blk .select_set .set_row { width: 100%; clear: both; display: table; margin: 20px 0px }
.addquest_blk .question_blk .response_blk .select_set .text_set { width: 85%; float: left; position: relative }
.addquest_blk .question_blk .response_blk .select_set .radio_btn { display: none }
.addquest_blk .question_blk .response_blk .select_set .radio_btn + label { background: transparent url(/assets/check_box_off-adfe572925a4c48f598c504c6672e2e3ff227e2b5a81890e56d988ed9f01471c.png) no-repeat scroll left center / cover; font-family: 'Roboto-Regular'; font-size: 13px; text-transform: none; color: #666; font-weight: normal; position: relative; display: inline-block; margin: 0px; padding: 0px; width: 35px; height: 35px; margin-left: 10px }
.addquest_blk .question_blk .response_blk .select_set .radio_btn:checked + label { background: transparent url(/assets/check_box_on-9c9d403cc81a35f8daf5cb45a39f48d0d68be8ea556fb06822ccd54733cab0f5.png) no-repeat scroll left center / cover }
.addquest_blk .question_blk .response_blk .submit_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 10px 40px; position: relative; transition: all 0.3s ease 0s; margin: 10px 0px }
.addquest_blk .question_blk .response_blk .submit_btn:hover { border: 1px solid #333 }
.addquest_blk .question_blk .image_sec #ques_title { width: 100% }
.add_blankOpt { font-family: 'Roboto-Regular'; font-size: 18px; color: #999; cursor: pointer; margin: 0px 0px 0px 10px; display: inline-block; width: 20px; height: 25px }
.addquest_blk .fillup_blanks .suggest_list { border: 1px solid #bfbfbf; border-radius: 4px; width: 96%; height: 120px; margin: 0px 0px 5px; padding: 15px; overflow-y: auto }
.addquest_blk .fillup_blanks .suggest_list .chip { background: #fff; border-radius: 25px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); color: #000; cursor: pointer; display: inline-block; font-family: "Roboto-Regular"; font-size: 13px; margin: 0 10px 15px 0; padding: 8px 40px 8px 20px; position: relative; transition: box-shadow 0.3s ease 0s; width: auto }
.addquest_blk .fillup_blanks .suggest_list .chip.answer { padding: 8px 20px; }
.addquest_blk .fillup_blanks .suggest_list .close_btn { display: inline-block; font-size: 16px; background: #b6bbc1; color: #fff; border-radius: 50%; padding: 0px 4px; line-height: 16px; cursor: pointer; transition: background 0.3s ease 0s; position: absolute; right: 12px; top: 0px; bottom: 0px; margin: auto 0px; max-width: 17px; max-height: 17px }
.addquest_blk .fillup_blanks .suggest_list .close_btn:hover { background: #333 }
.addquest_blk .fillup_blanks .quest_sugg_blk { position: relative; display: inline-block; max-width: 210px }
.addquest_blk .fillup_blanks .quest_sugg { background: transparent; border: none; font-family: 'Roboto-Regular'; font-size: 14px; color: #000; padding: 5px 0px; width: auto; min-width: 175px; max-width: 175px; position: relative; display: inline-block }
.addquest_blk .existed .quest_sugg { border-bottom: 1px solid #bfbfbf }
.addquest_blk .quest_sugg + .add_blankOpt { margin: 0px }
.addquest_blk .true_false .text_set { width: 60% !important }
.addquest_blk .true_false .opselect_set { width: 29%; float: left; margin-left: 10px }
.addquest_blk .true_false .opselect_set .divis { width: 50%; float: left; text-align: center }
.select_set.true_false .opselect_set .radio_btn { display: none }
.select_set.true_false .opselect_set .divis .radio_btn + label { background-image: url(/assets/radiobtn_off-2adf71768d4373b7ba5618248e4585206478cb75bcfede70841ca6101585005a.png); background-repeat: no-repeat; background-position: center bottom !important; font-family: 'Roboto-Medium'; font-size: 13px; text-transform: uppercase; color: #3e3e3e; font-weight: normal; position: relative; display: inline-block; margin: 0px; padding: 0px 0px 25px 0px !important; width: 100% !important; height: auto !important; background-size: auto !important }
.select_set.true_false .opselect_set .divis .radio_btn:checked + label {  background-image: url(/assets/radiobtn_on-032f80ffbd9ab4b8b8bc0cfb2c9af5eff9f30e6817cfe487ce254e59de378010.png) }
.addquest_blk .true_false .opselect_set + .add_blankOpt { margin: 10px 10px 0px 0px }
.addquest_blk .select_set.true_false { width: 60% !important }
.select_set.true_false .opselect_set .divis .check_box + .check_labelt { background-image: url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png) !important }
.select_set.true_false .opselect_set .divis .check_box:checked + .check_labelt { background-image: url(/assets/check_on-aa2c33ee81281c07e5b2b38e580de8869b2fa80ac375aa338f050c814a1e81b5.png) !important }
.select_set.true_false .opselect_set .divis .txtbox { font-family: 'Roboto-Medium'; font-size: 14px; color: #000; border: none; border-bottom: 1px solid #bfbfbf; width: 90%; padding: 6px 0px; position: relative; margin: 0px auto }
.select_set.true_false .opselect_set .divis .sets { width: 90%; float: none; margin: 10px auto 0px }
.addquest_blk .select_set.true_false_multi { width: 100% !important }
.addquest_blk .true_false_multi .text_set { width: 40% !important }

/* End */

/* User Dashboard Page */

.udashboard_section .frmcontent_block { display: block }
.udashboard_section .comp_frame .chip .chip_tap { color: rgba(0,0,0,0.8) }
.udashboard_section .comp_frame .chip .chip_tap .text { padding: 13px 20px 12px 50px }
.udashboard_section .frame_name.asses_name { color: #333; text-transform: none }
.udashboard_section .asses_name span { font-family: 'Roboto-Medium' }
.udashboard_section .frame_settings .sub_title { font-family: 'Roboto-Regular';font-size: 15px;color: #999999; line-height:24px; margin: 10px 0px 0px }
.udashboard_section .assess_frame { padding-top: 0px }
.udashboard_section .asses_title { border-bottom: 1px solid #ddd; padding: 20px 0px 15px;overflow: visible; }
.udashboard_section .asses_title h4 { text-transform: uppercase; font-family: 'Roboto-Medium'; font-size: 15px; color: #000; margin: 0px; letter-spacing: 2px; display: inline-block; padding-right: 18px; position: relative }
.udashboard_section .asses_title h6 { font-family: 'Roboto-Regular';font-size: 13px;color: #999;margin: 15px 0px 0; }
.udashboard_section .asses_title h4:after { content: ''; background: #a0a0a0; width: 1px; height: 12px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0px }
.udashboard_section .asses_title h5 { text-transform: uppercase; font-family: 'Roboto-Bold'; font-size: 13px; color: #666; margin: 0px; display: inline-block; padding-left: 18px }
.udashboard_section .asses_title .notifi { float: right; font-family: 'Roboto-Regular'; font-size: 13px; color: #666; margin: 0px }
.udashboard_section .assets_status { padding-top: 15px }
.udashboard_section .assets_status .notes { font-family: 'Roboto-Regular'; font-size: 14px; color: #999; margin: 0px }
.udashboard_section .status_blk { margin: 20px 0px 0px; float: left; width: 17.5%; position: relative; min-height: 70px; padding: 0px 25px }
.udashboard_section .status_blk.first { padding-left: 0px; width: 12.5% }
.udashboard_section .status_blk.last { padding-right: 0px }
.udashboard_section .status_blk:after { content: ''; background: #cfcfcf; width: 1px; height: 70px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0px }
.udashboard_section .status_blk:last-child:after { content: none }
.udashboard_section .status_blk h3 { font-family: 'Roboto-Regular'; font-size: 18px; color: #000; margin: 0px }
.udashboard_section .status_blk .result { font-family: 'Roboto-Bold'; font-size: 12px; color: #666; margin: 15px 0px 0px; text-transform: uppercase; position: relative; padding: 5px 5px 5px 25px }
.udashboard_section .status_blk .result i { font-size: 18px; position: absolute; top: 3px; left: 0; margin: auto 0px }
.udashboard_section .status_blk .result.success i { color: #66cc00 }
.udashboard_section .status_blk .result.failed i { color: #ee7f00 }
.udashboard_section .status_blk .invite_btn { font-family: 'Roboto-Bold'; display: inline-block; font-size: 12px; color: #fff; background: #ee7f00; border: 1px solid #ee7f00; text-transform: uppercase; border-radius: 4px; padding: 6px 20px; text-decoration: none; margin: 15px 0px 0px; transition: all 0.3s ease 0s }
.udashboard_section .status_blk .invite_btn:hover { color: #ee7f00; background: transparent  }
.udashboard_section .invite_btn { font-family: 'Roboto-Bold'; display: inline-block; font-size: 12px; color: #fff; background: #ee7f00; border: 1px solid #ee7f00; text-transform: uppercase; border-radius: 4px; padding: 6px 20px; text-decoration: none; margin: 0px 15px 0px 0; transition: all 0.3s ease 0s }
.udashboard_section .invite_btn:hover { color: #ee7f00; background: transparent  }
.udashboard_section .dchart_section { background: #fff; border: 1px solid #ccc; border-radius: 4px; margin: 20px 0px 15px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); position: relative }
.udashboard_section .dchart_section:after { content: ''; background: #ccc; width: 1px; height: 100%; position: absolute; top: 0; bottom: 0; left: 50%; margin: auto 0px }
.dchart_section .spiderchrt { padding: 30px }
.cluschart_sec .head_title { font-family: 'Roboto-Medium'; font-size: 15px; text-transform: uppercase; color: #000; margin: 0px; text-align: center }
.cluschart_sec .spiderweb_chart { margin: 30px auto 0px; width: 100%; height: 400px }
.spiderweb_chart .categ_links { font-family: 'Roboto-Regular'; font-size: 13px; color: rgba(0,0,0,0.8); display: block; text-decoration: none; border: 1px solid #d7d7d7; padding: 5px 2px; border-radius: 3px; text-align: center; width: 100%; transition: all 0.3s ease 0s; overflow-wrap: break-word }
.spiderweb_chart .categ_links:hover { color: #009dba; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2) }
.cluschart_sec .spider_table { margin: 20px 0px 0px }
.spider_table table { margin: 0px }
.spider_table table thead { font-family: 'Roboto-Medium' }
.spider_table table thead th { font-size: 14px; color: #999; font-weight: normal; border-bottom: 1px solid #d7d7d7; padding: 10px 5px; text-align: center }
.spider_table table thead th .fa { font-size: 12px; margin-right: 8px }
.spider_table table thead th.self .fa { color: #009dba }
.spider_table table thead th.lm .fa { color: #f68e56 }
.spider_table table thead th.all .fa { color: #ffcc00 }
.spider_table table tbody { font-family: 'Roboto-Regular' }
.spider_table table tbody tr { border-bottom: 1px solid #d7d7d7 }
.spider_table table tbody tr:last-child { border-bottom: none }
.spider_table table tbody td { font-size: 15px; font-weight: normal; color: rgba(0, 0, 0, 0.7); padding: 10px 5px; border-top: none; text-align: center }
.spider_table table tbody td:first-child { text-align: left }
.spider_table .clust_link { display: inline-block; margin: 20px 0px 10px; font-family: 'Roboto-Regular'; font-size: 13px; color: #009dba }
.cluschart_sec .line_chart { margin: 50px 0px 0px; width: 100%; height: 300px; padding-bottom: 10px; border-bottom: 3px solid #ccc }
.line_chart .highcharts-xaxis-labels tspan { font-family: 'Roboto-Regular'; font-size: 12px; color: rgba(0,0,0,0.8); fill: rgba(0,0,0,0.8); display: block; text-align: center }
.line_chart .highcharts-data-label tspan { font-family: 'Roboto-Regular'; font-size: 12px; color: #fff; fill: #fff; stroke: transparent }
.line_chart .highcharts-legend-item tspan { font-family: 'Roboto-Regular'; font-size: 12px; font-weight: normal; color: rgba(0,0,0,0.8); fill: rgba(0,0,0,0.8); }
.linechart .ranslider_blk .title { font-family: 'Roboto-Regular'; font-size: 18px; color: #009dba; margin: 20px 0px 10px }
.linechart .ranslider_blk h5 { font-family: 'Roboto-Light'; font-size: 15px; color: #333; margin: 0px; line-height: 23px }
.linechart .ranslider_table { margin: 20px 0px 0px }
.ranslider_table thead th { font-family: 'Roboto-Medium'; font-size: 13px; color: rgba(0,0,0,0.8); font-weight: normal; border: none !important; padding: 10px 15px !important }
.ranslider_table tbody td { font-family: 'Roboto-Regular'; font-size: 13px; color: rgba(0,0,0,0.8); padding: 10px 15px !important; border-top: 1px solid #ccc }
.ranslider_table tbody td .cnt_btn { text-transform: uppercase; color: #fff; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 3px 10px; font-family: 'Roboto-Bold'; font-size: 11px; text-decoration: none; display: inline-block; transition: all 0.3s ease 0s }
.ranslider_table tbody td .cnt_btn:hover { background: #fff; color: #ee7f00 }
.ranslider_table .ran_slider { width: 100% }
.ranslider_table .slide_clm { min-width: 260px; width: 300px }
.ran_slider .slider-track { background: #e1e1e1; box-shadow: none }
.ran_slider .slider-selection { background: #009dba; box-shadow: none }
.ran_slider .slider-handle { display: none }
.ran_slider .tooltip { display: none }
.ran_slider .ran_label { margin-left: 10px; display: inline-block; width: 35px }
.udashboard_section .compchart_sec { padding: 30px; text-align: center }
.udashboard_section .compchart_sec:after { content: none }
.compchart_sec .comp_title { text-align: center; display: inline-block; position: relative; text-transform: uppercase; font-family: 'Roboto-Medium'; color: #000; font-size: 14px; margin: 0px; padding: 10px 0px 10px 45px }
.compchart_sec .comp_title .chip_icon { width: 33px; height: 33px; position: absolute; left: 0px; top: 0px; bottom: 0px; margin: auto 0px; border-radius: 50%; background: #009dba; box-shadow: 0px 3px 5px rgba(0,0,0,0.3); text-align: center; vertical-align: middle }
.compchart_sec .comp_title .chip_icon img { padding: 9px 8px; filter: brightness(0) invert(1) }
.compchart_sec .compset { margin: 30px 0px 0px }
.compchart_sec .cmptable { display: table; width: 100%; height: auto; min-width: 550px }
.compchart_sec .cmptable .tbrow { display: table; width: 100%; height: auto; padding: 10px 0px }
.compchart_sec .cmptable .com_clm { display: table-cell; vertical-align: middle; text-align: right }
.compchart_sec .cmptable .right_clm { width: 340px; padding-left: 10px }
.compchart_sec .cmptable .left_clm { font-family: 'Roboto-Regular'; font-size: 15px; color: rgba(0,0,0,0.8); padding-right: 20px }
.compchart_sec .cmptable .explevel_head span { float: left; width: 20%; font-family: 'Roboto-Medium'; font-size: 14px; color: #999; text-transform: uppercase }
.compchart_sec .cmptable .explevel_body { position: relative }
.compchart_sec .cmptable .slider.slider-horizontal { width: 100% }
.compchart_sec .ran_slider { position: relative }
.compchart_sec .ran_slider .slider-selection { background: #8dc63f }
.compchart_sec .ran_slider .goal_level { position: absolute; top: 0; bottom: 0; left: 0%; margin: auto 0px }
.compchart_sec .ran_slider .goal_level.levele1 { left: calc(20% - 13px) }
.compchart_sec .ran_slider .goal_level.levele2 { left: calc(40% - 13px) }
.compchart_sec .ran_slider .goal_level.levele3 { left: calc(60% - 13px) }
.compchart_sec .ran_slider .goal_level.levele4 { left: calc(80% - 13px) }
.compchart_sec .ran_slider .goal_level.levele5 { left: calc(100% - 13px) }
.compchart_sec .cmptable .end_notes { margin: 30px 0px 0px }
.compchart_sec .cmptable .end_notes h6 { font-family: 'Roboto-Regular'; font-size: 13px; color: rgba(0,0,0,0.8); margin: 0px }
.compchart_sec .cmptable .end_notes h6 img { margin-right: 10px }
.compchart_sec .compsider_chart { padding: 0px 0px 0px 15px }
.spiderweb_chart .highcharts-xaxis-labels tspan, .spiderweb_chart .highcharts-legend-item tspan { font-family: 'Roboto-Regular'; font-size: 13px !important; color: rgba(0,0,0,0.8) !important; fill: rgba(0,0,0,0.8) !important; font-weight: normal !important }
#compspider_web { height: 450px }
.compchart_sec .cmptable .tbrow.low_value .left_clm { color: #ff0000 }

/* End */

/* Dashboard Manager */

.dashmanager_section .asses_title h4 { letter-spacing: 1px; padding: 0px }
.dashmanager_section .asses_title h4:after { content: none }
.dashmanager_section .asses_title .asses_gap_btn { font-family: 'Roboto-Bold'; display: inline-block; font-size: 11px; color: #fff; background: #ee7f00; border: 1px solid #ee7f00; text-transform: uppercase; border-radius: 4px; padding: 6px 20px; text-decoration: none; margin: -5px 0px 0px; transition: all 0.3s ease 0s }
.dashmanager_section .asses_title .asses_gap_btn:hover { color: #ee7f00; background: transparent }
.dashmanager_section .assets_blk { width: 25%; float: left; position: relative; padding: 0px 0px 0px 100px }
.dashmanager_section .assets_blk .title { font-family: 'Roboto-Bold'; font-size: 16px; color: #0099cc; margin: 0px }
.dashmanager_section .assets_blk .code { font-family: 'Roboto-Regular'; font-size: 13px; color: #999; margin: 8px 0px 0px }
.dashmanager_section .assets_blk .status { font-family: 'Roboto-Medium'; font-size: 15px; color: #545454; margin: 8px 0px 0px }
.dashmanager_section .assets_blk .status span { font-family: 'Roboto-Regular'; font-size: 13px }
.dashmanager_section .assets_blk .status span.pending { font-family: 'Roboto-Medium' }
.dashmanager_section .assets_status { padding: 30px; border-bottom: 1px solid #ddd }
.dashmanager_section .status_bar { position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0px }
.dashmanager_section .status_bar .radial-progress { width: 75px; height: 75px; background-color: #dbdbdb; border-radius: 50% }
.dashmanager_section .status_bar .mask, .dashmanager_section .status_bar .fill { width: 75px; height: 75px; position: absolute; border-radius: 50% }
.dashmanager_section .status_bar .mask, .dashmanager_section .status_bar .fill { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 1s }
.dashmanager_section .status_bar .fill { clip: rect(0px, 37.5px, 75px, 0px); background-color: #66cc00 }
.dashmanager_section .status_bar .mask { clip: rect(0px, 75px, 75px, 37px) }
.dashmanager_section .status_bar.zero .mask { clip: rect(0px, 75px, 75px, 37.5px) }
.dashmanager_section .status_bar .inset { width: 65px; height: 65px; position: absolute; margin: 5px 0 0 5px; background-color: #f5f5f5; border-radius: 50% }
.dashmanager_section .status_bar .inset img { width: 54px; height: 54px; border-radius: 50%; margin: 6px 0px 0px 5px }
.dashmanager_section .assets_status .slick-prev, .dashmanager_section .assets_status .slick-next { width: 12px; height: 22px; display: inline-block; background-repeat: no-repeat; background-position: center; border: none; overflow: hidden; position: absolute; top: 0; bottom: 0; margin: auto 0px; font-size: 0px; transition: all 0.3s ease 0s }
.dashmanager_section .assets_status .slick-next { right: -10px; background-image: url(/assets/next_icon-7e8cd1d1d11648f33110cf64fbc3790d05c943e16c1304844fbcea585b19fc06.png);background-color: transparent; }
.dashmanager_section .assets_status .slick-prev { left: -20px; background-image: url(/assets/prev_icon-2f3d5360b9f0ef702d1c08d49531121bd6de2ccccdfb304acbaccf4a89f94b8f.png);background-color: transparent; }
.dashmanager_section .assets_status .slick-list { overflow: hidden; padding-bottom: 15px }
.dashmanager_section .assets_status .slick-disabled { display: none !important }
.dashmanager_section .assess_frame { padding-bottom: 5px !important; border: 1px solid #ccc }
.dashmanager_section .assess_frame .bot_notes h6 { font-family: 'Roboto-Regular'; font-size: 13px; color: #999; margin: 15px 0px }
.dashmanager_section .assessgap_frame { background: #fff; padding: 0px 35px 35px !important }
.dashmanager_section .assessgap_frame .asses_title { text-align: center; padding: 30px 0px 20px; border-bottom: none }
.dashmanager_section .assessgap_frame .table-responsive { padding-bottom: 30px }
.dashmanager_section .assess_gaps { height: auto; border: 1px solid #e5e5e5; width: 100%; min-width: 490px; position: relative; padding-left: 250px }
.dashmanager_section .assesgap_blk { height: auto; float: left; text-align: left; width: 20% !important; border-right: 1px solid #e5e5e5; position: relative }
.dashmanager_section .assesgap_blk.header { position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0px; width: 250px !important; min-width: 250px !important }
.dashmanager_section .assess_gaps .title { position: relative; height: 80px; overflow: hidden }
.dashmanager_section .assess_gaps .header .title { padding: 32px 20px }
.dashmanager_section .assess_gaps .title h5 { font-family: 'Roboto-Medium'; font-size: 15px; color: #666; margin: 0px; height: 17px; overflow: hidden }
.dashmanager_section .assess_gaps .contbody { font-family: 'Roboto-Regular'; font-size: 14px; color: rgba(0,0,0,0.8) }
.dashmanager_section .assess_gaps .header .item { padding: 12px 12px 12px 45px; }
.dashmanager_section .assess_gaps .item { position: relative; padding: 12px 12px 12px 45px; border-top: 1px solid #e5e5e5; overflow: hidden; height: 47px }
.dashmanager_section .assess_gaps .item .icon { position: absolute; top: 0; bottom: 0; left: 12px; margin: auto 0px; width: 20px; height: 20px }
.dashmanager_section .assess_body .item { padding: 12px 15px }
.dashmanager_section .assess_body .display_pic { position: absolute; top: 0; bottom: 0; left: 20px; margin: auto 0px; width: 28px; height: 28px }
.dashmanager_section .assess_body .title { padding: 20px 20px 20px 60px }
.dashmanager_section .assess_body .title h5 { color: #0099cc }
.dashmanager_section .assess_body .title h6 { font-family: 'Roboto-Regular'; font-size: 13px; color: #999; margin: 5px 0px 0px; height: 14px; overflow: hidden }
.assesgap_blk .ran_slider .slider-selection { background: #66cc00 }
.assesgap_blk .ran_slider .slider-track { height: 8px !important; margin: 0px }
.assesgap_blk .slider.slider-horizontal { width: 75% }
.assesgap_blk .close_assesgap { display: inline-block; cursor: pointer; font-family: 'Roboto-Regular'; font-size: 18px; color: #585858; position: absolute; right: 8px; top: 5px; z-index: 1 }
.assessGap_Carousel .slick-list { overflow: hidden }
.assessGap_Carousel .slick-dots { list-style: none; display: table; width: calc(100% + 295px); text-align: center; padding: 0px; margin: 0px; position: absolute; bottom: -30px; left: -295px; right: 0; margin: 0px auto }
.assessGap_Carousel .slick-dots li { display: inline-block; margin: 0px 5px 0px 0px }
.assessGap_Carousel .slick-dots li button { border: 1px solid #b7b7b7; background: #b7b7b7; border-radius: 50%; display: block; height: 10px; overflow: hidden; text-indent: -2em; width: 10px; font-size: 0px; padding: 0px }
.assessGap_Carousel .slick-dots li.slick-active button { background: #fff }

/* End */

/* Assessment Question Page */

.assessquest_section .comp_frame .title { padding: 0px 80px 20px 0px; border-bottom: 1px solid #ccc }
.assessquest_section .breadcrumb_quest h5 { font-family: 'Roboto-Regular'; font-size: 13px; color: #999; margin: 0px 0px 10px }
.assessquest_section .breadcrumb_quest h5 a { color: #999; }
.assessquest_section .title .assess_title { font-family: 'Roboto-Medium'; font-size: 18px; color: #000; margin: 0px 15px 0 0px; clear: both ;display: inline-block;}
.assessquest_section .ques_count { position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 70px; height: 17px }
.assessquest_section .ques_count h6 { font-family: 'Roboto-Regular'; font-size: 14px; color: #666; margin: 0px }
.assessquest_section .quest_body { padding: 20px 0px }
.assessquest_section .quest_body .notes { font-family: 'Roboto-Regular'; font-size: 13px; color: #999; margin: 0px; text-align: right }
.assessquest_section .quest_blk { margin: 10px 0px; width: 100%; max-width: 700px }
.assessquest_section .quest_blk h3 { font-family: 'Roboto-Regular'; font-size: 20px; color: #333; margin: 0px; line-height: 27px }
.assessquest_section .answer_set .radio_row { margin: 18px 0px 0px; font-family: 'Roboto-Regular'; font-size: 15px }
.assessquest_section .answer_set .answer_label { font-weight: normal; display: inline-block; background-image: url(/assets/answer_radio_off-cf911b5b59dc0b91401b031255565cffed20a509ddc9ebfaa8f1f993d72e5769.png); background-repeat: no-repeat; background-position: left 2px; margin: 0px; padding: 0px 10px 0px 30px }
.assessquest_section .answer_set .radio_btn { display: none }
.assessquest_section .answer_set .radio_btn:checked + .answer_label { background-image: url(/assets/answer_radio_on-2fa57b5410016c7e970c18a24ca12b2898280761838aec5d0f05b5a3e3844f10.png) }
.assessquest_section .quest_footer  { margin: 30px 0px 0px; display: table; width: 100% }
.assessquest_section .quest_footer .next {  float: right }
.assessquest_section .quest_footer .prev i { margin-right: 15px }
.assessquest_section .quest_footer .next i { margin-left: 15px }
.assessquest_section .quest_footer .nav_link { margin-right: 10px;font-family: 'Roboto-Medium'; font-size: 15px; text-transform: uppercase; background: #ee7f00; color: #fff; transition: all 0.2s ease 0s; border-radius: 4px; text-decoration: none; display: inline-block; padding: 8px 20px 8px 20px; cursor: pointer }
.assessquest_section .quest_footer .nav_link:hover { background: #a6a6a6 }
.assessquest_section .quest_footer .save_btn { font-family: 'Roboto-Medium'; font-size: 15px; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; color: #fff; transition: all 0.3s ease 0s; border-radius: 4px; padding: 7px 35px; float: right; margin-left: 15px }
.assessquest_section .quest_footer .save_btn:hover { background: transparent; color: #ee7f00 }
.assessquest_section .questImage_body .quest_blk { max-width: 100% }
.assessquest_section .questImage_body .answer_set .answer_label, .assessquest_section .questImage_body .answer_set .canswer_label { background-position: center bottom; padding: 0px 0px 40px }
.assessquest_section .questImage_body .answer_set .radio_row { display: inline-block; vertical-align: bottom; padding: 0px 20px }
.assessquest_section .questImage_body .answer_set { text-align: center; margin: 15px 0px 0px }
.assessquest_section .questImage_body .image_answer { max-width: 150px; height: auto }
.assessquest_section .answer_set .canswer_label { font-weight: normal; display: inline-block; background-image: url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png); background-repeat: no-repeat; background-position: left 3px; margin: 0px; padding: 1px 10px 1px 28px }
.tooltip-inner {text-align:left;}
.assessquest_section .answer_set .checkbx { display: none }
.assessquest_section .answer_set .checkbx:checked + .canswer_label { background-image: url(/assets/check_on-aa2c33ee81281c07e5b2b38e580de8869b2fa80ac375aa338f050c814a1e81b5.png) }
.truefalse_table { margin: 15px 0px 0px }
.truefalse_table .table { margin: 0px; min-width: 500px }
.truefalse_table thead { background: #0099cc; font-family: 'Roboto-Medium'; font-size: 13px; text-transform: uppercase; color: #fff }
.truefalse_table thead tr th { font-weight: normal; border-bottom: none; text-align: center; padding: 10px 10px }
.truefalse_table thead tr th.truef { min-width: 50px }
.truefalse_quest_multi .truefalse_table thead tr th.truef { min-width: 50px; max-width: 100px }
.truefalse_table tbody { font-family: 'Roboto-Regular'; font-size: 14px; color: #333 }
.truefalse_table tbody td:first-child { text-align: left }
.truefalse_table tbody tr { border-bottom: 1px solid #ccc }
.truefalse_table tbody tr td { text-align: center; border-top: none; padding: 12px 10px; vertical-align: middle }
.truefalse_table .tsradio_btn { display: none }
.truefalse_table .tsans_label { display: block; width: 20px; height: 20px; background-image: url(/assets/answer_radio_off-cf911b5b59dc0b91401b031255565cffed20a509ddc9ebfaa8f1f993d72e5769.png); background-repeat: no-repeat; background-position: center; margin: 0px auto }
.truefalse_table .tsradio_btn:checked + .tsans_label { background-image: url(/assets/answer_radio_on-2fa57b5410016c7e970c18a24ca12b2898280761838aec5d0f05b5a3e3844f10.png) }
.assessquest_section .assess_quest_block { display: block }
.truefalse_quest_multi .truefalse_table thead { text-transform: none }
.truefalse_table .tmradio_btn { display: none }
.truefalse_table .tmans_label { display: block; width: 20px; height: 20px; background-image: url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png); background-repeat: no-repeat; background-position: center; margin: 0px auto }
.truefalse_table .tmradio_btn:checked + .tmans_label { background-image: url(/assets/check_on-aa2c33ee81281c07e5b2b38e580de8869b2fa80ac375aa338f050c814a1e81b5.png) }
.fill_blanks .fillblanks_list { list-style: none; margin: 0px; padding: 0px; font-family: 'Roboto-Regular'; font-size: 15px; color: #333 }
.fill_blanks .fillblanks_list li { background: transparent url(/assets/grey_bullet-7ac1f0689524e6bc4ee275c984eb1ed55c79942539e7b1467714433c9bd63a86.png) no-repeat scroll left 8px; padding: 0px 0px 0px 25px; margin: 0px 0px 25px }
.fill_blanks .fillblanks_list li:last-child { margin: 0px }
.fill_blanks .fillblanks_list li:first-child { margin: 25px 0px }
.fill_blanks .fillblanks_list .fill_box { border: none; border-bottom: 1px solid #a6a6a6; background: transparent; margin: 0px 8px; min-width: 150px; padding: 0px }
.fill_blanks .option_blk { margin: 50px 0px 0px }
.fill_blanks .option_blk .opt_list { display: inline-block; font-family: 'Roboto-Regular'; font-size: 15px; color: #333; border: 1px solid #ccc; padding: 5px 10px; min-width: 140px; width: auto; text-align: center; background: #fff; margin: 0px 15px 15px 0px; transition: all 0.3s ease 0s; box-shadow: 0px 0px 0px rgba(0,0,0,0) }
.fill_blanks .option_blk .opt_list:hover { box-shadow: 0px 3px 3px rgba(0,0,0,0.3) }
.tab_slider_list { display: none }

/* End */

/* Assessment Landing Page */

.assessland_section .comp_frame { padding: 0px !important; position: relative }
.assessland_section .comp_frame:after { content: ''; background: #e1e1e1; width: 1px; height: 100%; position: absolute; top: 0; bottom: 0; left: 62%; margin: auto 0px }
.assessland_section .curr_assess { padding: 30px; width: 62% }
.assessland_section .curr_title { border-bottom: 1px solid #ccc; padding: 0px 0px 20px }
.assessland_section .curr_title h5 { font-family: 'Roboto-Medium'; font-size: 15px; color: #000; margin: 0px; text-transform: uppercase; letter-spacing: 1px; float: left }
.assessland_section .curr_title h6 { font-family: 'Roboto-Regular'; font-size: 13px; color: #666; margin: 0px; float: right }
.assessland_section .curr_body { margin: 25px 0px }
.assessland_section .curr_body .head { font-family: 'Roboto-Medium'; font-size: 18px; color: #666; margin: 0px }
.assessland_section .curr_body .sub_head { font-family: 'Roboto-Regular'; font-size: 15px; color: #666; margin: 25px 0px 0px }
.assessland_section .curr_body p { list-style: none; font-family: 'Roboto-Regular'; font-size: 15px; color: #666; padding: 0px; margin: 20px 0px; width: 100%; }
.assessland_section .curr_body ul { list-style: none; font-family: 'Roboto-Regular'; font-size: 15px; color: #666; padding: 0px; margin: 20px 0px; width: 100%; max-width: 700px }
.assessland_section .curr_body ul li { margin: 0px 0px 20px; background: transparent url(/assets/circle_bullet-4e1601d0736a7e6520a5afeb91b7eb5f89712a093a12e102f73d75f7de0cddf9.png) no-repeat scroll 0px 7px; padding-left: 20px }
.assessland_section .curr_body ul li:last-child { margin: 0px }
.assessland_section .curr_body .get_start { font-family: 'Roboto-Bold'; font-size: 12px; text-transform: uppercase; color: #fff; background: #ee7f00; border: 1px solid #ee7f00; display: inline-block; padding: 9px 20px; border-radius: 4px; margin: 10px 0px 0px; text-decoration: none  }
.assessland_section .curr_body .get_start:hover { background: transparent; color: #ee7f00 }
.assessland_section .curr_footer { margin: 20px 0px 0px }
.assessland_section .curr_footer .notes { font-family: 'Roboto-Medium'; font-size: 13px; color: #666; margin: 0px }
.assessland_section .curr_footer .notes span { color: #ff0000 }
.assessland_section .prog_summary { padding: 30px; width: 38% }
.assessland_section .prog_title { border-bottom: 1px solid #ccc; padding: 0px 0px 20px }
.assessland_section .prog_title h5 { font-family: 'Roboto-Medium'; font-size: 15px; color: #000; margin: 0px; text-transform: uppercase; letter-spacing: 1px }
.assessland_section .prog_title h6 { font-family: 'Roboto-Regular'; font-size: 13px; color: #666; margin: 10px 0px 0px }
.assessland_section .prog_body .iteml { padding: 18px 0px; display: table; width: 100%; border-bottom: 1px solid #ddd }
.assessland_section .prog_body .iteml:last-child { border-bottom: none }
.assessland_section .prog_body .table_cell { display: table-cell; vertical-align: middle }
.assessland_section .prog_body .head { text-align: left; font-family: 'Roboto-Medium'; font-size: 14px; text-transform: uppercase; color: #666;  }
.assessland_section .prog_body .head i { font-size: 16px; margin-right: 10px }
.assessland_section .prog_body .head.okay i { color: #63cc00 }
.assessland_section .prog_body .head i { color: #ccc }
.assessland_section .prog_body .status { text-align: right }
.assessland_section .prog_body .status h6 { font-family: 'Roboto-Bold'; font-size: 12px; color: #63cc00; margin: 0px; text-transform: uppercase }
.assessland_section .prog_body .status .inv_btn { display: inline-block; font-family: 'Roboto-Bold'; font-size: 11px; color: #fff; background: #ee7f00; border: 1px solid #ee7f00; padding: 5px; text-transform: uppercase; border-radius: 4px; text-decoration: none; width: 80px; text-align: center; margin-left: 10px }
.assessland_section .prog_body .status .inv_btn:hover { background: transparent; color: #ee7f00 }
.assessland_section .prog_body .status .check_box { display: none }
.assessland_section .prog_body .status .check_label { margin: 0px 5px 0px 0px; position: relative; width: 23px; height: 23px; border-radius: 50%; cursor: pointer }
.assessland_section .prog_body .status .check_label img { border-radius: 50% }
.assessland_section .prog_body .status .overlay { background: rgba(0,0,0,0.4) url(/assets/check_tick-ad9b546864635e2ddd67ff1f188da7bab87250af18b410ff694c4d9172da267f.png) no-repeat scroll center center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; display: none }
.assessland_section .prog_body .status .check_box:checked + .check_label .overlay { display: block }

/* End */

/*assessment new*/
.assessquest_section.assement-new .quest_body {border-bottom: 1px solid #ccc;}
.assessquest_section.assement-new .radio-group:first-child {width: 80px;float: left;}
.assessquest_section.assement-new .radio-group {width: 120px;float: left;}
.assessquest_section.assement-new .radio-group input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.assessquest_section.assement-new .radio-group label {position: relative;cursor: pointer;}
.assessquest_section.assement-new .radio-group:first-child label{font-family: 'Roboto-Bold';font-size: 14px;color: #333;display: block;text-align: left;}
.assessquest_section.assement-new .radio-group label{font-family: 'Roboto-Bold';font-size: 14px;color: #333;display: block;text-align: center;}
.assessquest_section.assement-new  .quest_blk h3 {font-size: 21px;}
.assessquest_section.assement-new .title .assess_title {font-family: 'Roboto-Bold';font-size: 21px;}
.assessquest_section.assement-new .breadcrumb_quest h5 {font-size: 15px;}
.assessquest_section.assement-new .radio-group label a{margin: 0 5px;position: absolute;}
.assessquest_section.assement-new .tooltip{width: 300px;}
.assessquest_section.assement-new .tooltip-inner {max-width: 350px;padding: 10px;}
.assessquest_section.assement-new .radio-group label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 1px solid #cd3301;background: #fff;border-radius: 40px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);padding: 10px;display: block;position: relative;vertical-align: middle;  cursor: pointer;  margin: 0px auto 15px; width: 38px;height: 38px;}
.assessquest_section.assement-new .radio-group.proficient label:before {border: 1px solid #f9b200;}
.assessquest_section.assement-new .radio-group.advanced label:before {border: 1px solid #708409;}
.assessquest_section.assement-new .radio-group.expert label:before {border: 1px solid #009ebb;}
.assessquest_section.assement-new .radio-group input:checked + label:after {content: '';display: block;position: absolute;top: 9px;left: 15px;width: 8px;height: 16px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.assessquest_section.assement-new .radio-group input:checked + label:before {background: #708409;}
.assessquest_section.assement-new .answer_set {padding: 30px 0px 0;}
.assessquest_section.assement-new .radio-group:first-child label:before{margin: 0 0 15px;}
.assessquest_section.assement-new .radio-group.basic input:checked + label:before {background: #cd3301;border: 1px solid #cd3301;}
.assessquest_section.assement-new .radio-group.proficient input:checked + label:before {background: #f9b200;border: 1px solid #f9b200;}
.assessquest_section.assement-new .radio-group.proficient input:checked + label:after {left: 56px;}
.assessquest_section.assement-new .radio-group.advanced input:checked + label:before {background: #708409;border: 1px solid #708409;}
.assessquest_section.assement-new .radio-group.advanced input:checked + label:after {left: 56px;}
.assessquest_section.assement-new .radio-group.expert input:checked + label:before {background: #009ebb;border: 1px solid #009ebb;}
.assessquest_section.assement-new .radio-group.expert input:checked + label:after {left: 56px;}
.assessquest_section.assement-new.framework_section .comp_frame {margin: 15px 0px 15px;}
.assess_head_title{font-size: 21px;font-family: 'Roboto-Bold';margin: 0 0 0;}
.linemanager-head .image{width: 50px;float: left;}
.linemanager-head .image img{width: 40px;height: 40px;border-radius: 50%;}
.linemanager-head .content-line{float: left;}
.linemanager-head .assesing-text{font-family: 'Roboto-Regular';font-size: 11px;color: #999999;text-transform: uppercase;display: block;}
.linemanager-head .content-line h5{font-family: 'Roboto-Bold';font-size: 14px;color: #333;margin: 5px 0px;}
.linemanager-head .content-line h5 span{font-family: 'Roboto-Regular';font-size: 14px;color: #666;}
div#count{display: inline-block;}
/*assement new*/

/* Profile Mapping Modal */

.prflmap_table .prflmap_table_set { display: block; width: 100%; height: auto;  min-width: 1160px; margin: 0px }
.prflmap_table .table_row { display: table; width: 100%; height: auto }
.prflmap_table .prflmap_header { background: #efefef; color: #666; font-family: 'Roboto-Regular'; font-size: 13px; text-transform: none }
.prflmap_table .table_row .column { display: table-cell; vertical-align: middle; text-align: left; padding: 10px 15px; width: 117px }
.prflmap_table .prflmap_header .column { border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0;  }
.prflmap_table .table_row .column:last-child { border-right: 1px solid #e0e0e0 }
.prflmap_table .prflmap_body { background: #fff none repeat scroll 0 0; color: #333; font-family: 'Roboto-Regular'; font-size: 13px }
.prflmap_table .prflmap_body .column { border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0 }
.prflmap_table .acc_row { padding: 12px 15px; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0 }
.prflmap_table .acc_row a { color: #333; text-decoration: none; font-family: 'Roboto-Medium'; text-transform: uppercase; letter-spacing: 1px; position: relative; display: block }
.prflmap_table .acc_row a:after { content: '_'; font-size: 18px; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto 0px; width: 10px; line-height: 8px }
.prflmap_table .acc_row a.collapsed:after { content: '+'; width: 12px; line-height: 19px }
.prflmap_table .panel-group { margin: 0px }
.prflmap_table .panel-group .panel { border: none }
.prflmap_table .column_set { width: 100%; display: table }
.prflmap_table .selectbx { font-family: 'Roboto-Regular'; font-size: 13px; text-transform: uppercase; color: #333; border: 1px solid #d7d7d7; padding: 3px 15px 3px 5px; width: 70px; border-radius: 4px; appearance: none; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; margin: 0px; background: #fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 93% center }
.prflmap_table .panel-group .panel + .panel { margin: 0px }
.prflmap_modal .modal-body { display: block }
.prflmap_modal .modal_footer { float: none; display: table; margin: 10px 0px 0px }
.prflmap_table { padding-bottom: 15px }

/* End */

/* Delete Modal */

.delete_modal .desc_del { font-family: 'Roboto-Regular'; font-size: 15px; color: #333; margin: 0px 0px 15px }
.delete_modal .save_btn { padding: 5px 25px; margin-left: 5px; width: auto }

/* End */

/* View Assessment Modal */

.view_assesslink, .view_assesslink:hover, .view_assesslink:focus { color: inherit  }
.view_assesslink:focus { text-decoration: none }
.view_assesstable thead { background: #efefef; font-family: 'Roboto-Regular'; font-size: 13px; text-transform: uppercase; color: #666; font-weight: normal }
.view_assesstable table thead th { font-weight: normal; padding: 10px 20px;position: relative; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0 !important; border-left: 1px solid #e0e0e0 }
.view_assesstable table thead th:last-child, .view_assesstable table tbody td:last-child { border-right: 1px solid #e0e0e0 }
.view_assesstable table tbody tr { background: #fff; font-family: 'Roboto-Regular'; font-size: 14px; color: #333 }
.view_assesstable table tbody tr.inactive { background: #f2fafc }
.view_assesstable table tbody td { padding: 10px 20px; vertical-align: middle; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0 }
.view_assesstable .del_actn { color: #0099cc; font-size: 13px }
.viewassesmodal .modal-body { display: block }
.viewassesmodal .modal_footer { display: table; width: 100% }
.view_assesstable .profile_name { position: relative; padding: 5px 0px 5px 38px }
.view_assesstable .profile_name img { height: 28px; width: 28px; border-radius: 50%; position: absolute; left: 0; top:  0; bottom: 0; margin: auto 0px }
.view_assesstable table thead th .checkbox:not(old) {position: absolute;top: 10px;}
/* End */

/* Learning Resource */

.event_calendar { clear: both; width: 100%;  max-width: 1050px !important; margin: 0px auto }
.learning_res_blk .title { margin-bottom: 40px }
.event_calendar .fc-center h2 { text-transform: uppercase; font-size: 18px; font-family: 'Roboto-Medium'; color: #000; letter-spacing: 1px }
.fc button, .fc-button-group, .fc-time-grid .fc-event .fc-time span { display: block !important }
.event_calendar.fc .fc-button-group > * { text-transform: capitalize; font-family: 'Roboto-Regular'; }
.event_calendar .fc-state-default.fc-corner-left, .event_calendar .fc-state-default.fc-corner-right { border-radius: 0px }
.event_calendar .fc-button { background: #fff; color: #333; border: 1px solid #d7d7d7; opacity: 1; text-shadow: none; box-shadow: none; height: auto; padding: 5px 15px }
.event_calendar .fc-state-disabled, .event_calendar .fc-state-active { cursor: no-drop; color: #bbb }
.event_calendar .fc button .fc-icon { margin: 0px }
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #d7d7d7 !important }
.event_calendar .fc-widget-header .fc-day-header { font-family: 'Roboto-Regular'; text-transform: capitalize; font-size: 15px; color: #000; font-weight: normal; padding: 5px }
.event_calendar .fc-widget-content .fc-day-top { font-family: 'Roboto-Regular'; font-size: 14px; color: #000 }
.event_calendar .fc-day-number { color: #000; padding: 2px 5px }
.event_calendar .fc-widget-content .fc-day.fc-today { background: rgba(238, 127, 0, 0.3) }
.event_calendar .fc-widget-header th > a { color: #000 }
.event_calendar .fc-event, .event_calendar .fc-event-dot { background: #009dba }
.event_calendar .fc-event { border-color: #009dba }
.event_calendar .fc-more { color: #000 }
.event_calendar .fc-list-heading-main { font-family: 'Roboto-Regular'; text-transform: capitalize; font-size: 15px; color: #000; font-weight: normal; padding: 0px }
.fc-list-table td { padding: 8px 15px !important }
.event_calendar .fc-list-item { font-family: 'Roboto-Regular'; text-transform: capitalize; font-size: 15px; color: #000 }

/* End */

/* Learning Resource Modal */

.learnres_modal .full_row { display: table; width: 100%; margin:10px 0px 30px; position: relative }
.learnres_modal .full_row .halfw { float: left; width: 50%; position: relative }
.learnres_modal .full_row .quarw { width: 30% }
.learnres_modal .full_row .fourw { width: 70% }
.learnres_modal .full_row .half_tile { width: 95% }
.learnres_modal .learn_label { font-family: 'Roboto-Regular'; font-size: 13px; font-weight: normal; color: #3e3e3e; text-transform: uppercase; display: block; margin: 0px 0px 5px }
.learnres_modal .sel_box { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 6px 25px 6px 10px; width: 90%; border-radius: 4px; appearance: none; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; background: #fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 95% center }
.learnres_modal .radio_btn { display: none }
.learnres_modal .radio_btn + .radio_label { background: transparent url(/assets/radiobtn_off-2adf71768d4373b7ba5618248e4585206478cb75bcfede70841ca6101585005a.png) no-repeat scroll left center; font-family: 'Roboto-Regular'; font-size: 13px; text-transform: uppercase; color: #666; font-weight: normal; position: relative; display: inline-block; margin: 0px; padding: 3px 30px }
.learnres_modal .radio_btn:checked + .radio_label { background: transparent url(/assets/radiobtn_on-032f80ffbd9ab4b8b8bc0cfb2c9af5eff9f30e6817cfe487ce254e59de378010.png) no-repeat scroll left center }
.learnres_modal .radio_btn:checked + .check_label { background: transparent url(/assets/check_on-aa2c33ee81281c07e5b2b38e580de8869b2fa80ac375aa338f050c814a1e81b5.png) no-repeat scroll left center }
.learnres_modal .radio_btn + .check_label { background: transparent url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png) no-repeat scroll left center; padding: 0px 25px }
.learnres_modal .title_box { padding: 0px }
.learnres_modal .title_box:focus + .high_border { width: 100%; height: 1px }
.learnres_modal .half_tile:focus + .high_border { width: 90%; height: 1px }
.learnres_modal .curr_sel { width:95%; border-top: none; border-left: none; border-right: none; border-radius: 0px; padding-top: 3px; padding-bottom: 4px }
.learnres_modal .text_area { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 6px 25px 6px 10px; width: 100%; border-radius: 4px; resize: none; height: 90px }

/* End */

/* Reviewer Listing Page */

.cluster_grp .cluster_item.reviewer-in-list { height: 240px }
.reviewer-in-list .clust_iocn.user_icon { top: 2px; left: 9px }
.reviewer-in-list .cluster_title { padding-left: 50px !important }
.reviewer-in-list .descp ul li a.invite_btn {font-family: 'Roboto-Bold';display: inline-block;font-size: 11px;color: #fff;background: #ee7f00;border: 1px solid #ee7f00;text-transform: uppercase;border-radius: 4px;padding: 5px 10px;text-decoration: none;margin: 10px 0px 0px;transition: all 0.3s ease 0s;}
.reviewer-in-list .descp ul li a.invite_btn:hover { color: #ee7f00; background: transparent;padding: 5px 10px;  }
.reviewer-in-list .result { font-family: 'Roboto-Bold'; font-size: 12px; color: #666; margin: 15px 0px 0px; text-transform: uppercase; position: relative; padding: 5px 5px 5px 25px }
.reviewer-in-list .result i { font-size: 18px; position: absolute; top: 3px; left: 0; margin: auto 0px }
.reviewer-in-list .result.success i { color: #66cc00 }
.reviewer-in-list .result.failed i { color: #ee7f00 }
.cluster_grp .cluster_item{position: relative;}	
.end_date{position: absolute;right: 15px;bottom: 10px;font-family: 'Roboto-Regular';font-size: 13px;color: #666;}
/* End */

/* Territory Modal */

.territ_modal .role_label { color: #3e3e3e; display: block; font-family: 'Roboto-Regular'; font-size: 13px; font-weight: normal; margin: 0 0 5px; text-transform: uppercase }
.territ_modal .txt_box { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 7px 10px; width: 100%; border-radius: 4px; transition: all 0.3s ease 0s; margin: 0px 0px 15px }
.territ_modal .txt_box:focus { border: 1px solid #ee7f00 }
.territ_modal .select_box:focus { border: 1px solid #d7d7d7 }
.territ_modal .role_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 7px 25px; position: relative; transition: all 0.3s ease 0s; float: left; margin: 10px 0px }
.territad_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 7px 25px; position: relative; transition: all 0.3s ease 0s; float: right; margin: -3px 8px 0px 0px; display: inline-block; text-decoration: none }
.territad_btn:hover, .territad_btn:focus { color: #fff; text-decoration: none }
.framework_section .comp_group .setting_contain.region_set { right: 0px; top: 0px }
a.territad_btn.territory-full.site_btn {float: none; margin: 10px 0px 0px;font-size: 12px;padding: 5px 25px;}
/* End */

/* Add Region Modal */

.addreg_modal .territ_set { margin: 0px 0px 30px }
.addreg_modal .territ_set .block { float: left; width: 50% }
.addreg_modal .territ_set .block h4 { color: #333; font-family: 'Roboto-Regular'; font-size: 15px; margin: 0; text-transform: uppercase }
.addreg_modal .territ_set .tchoosen.block h4 { color: #0099cc }
.addreg_modal .territ_set .tdescp_list { font-family: 'Roboto-Regular'; font-size: 14px; height: 300px; list-style: none; margin: 10px 0 0; overflow-y: auto; padding: 0; width: 95%; border: 1px solid #e5e5e5 }
.addreg_modal .territ_set .tdescp_list > li { border-bottom: 1px solid #e5e5e5; color: #000; cursor: pointer; display: block; padding: 15px 30px 0px 10px; position: relative }
.addreg_modal .territ_set .tdescp_list > li:last-child { border-bottom: none }
.addreg_modal .territ_set .tdescp_list .tadd_cls { color: #ee7f00; display: inline-block; font-size: 18px; height: 30px; line-height: 30px; margin: auto 0; position: absolute; right: 8px; text-align: center; top: 10px; width: 30px; z-index: 1 }
.addreg_modal .territ_set .sublist { font-family: 'Roboto-Regular'; font-size: 14px; height: auto; list-style: none; margin: 5px 0px 0px; overflow: visible; padding: 0 0 0 5px; width: 100%;  }
.addreg_modal .territ_set .sublist > li { padding: 10px 20px 10px 10px; position: relative }
.addreg_modal .territ_set .sublist > li:last-child { margin-bottom: 0px; border-bottom: none }
.addreg_modal .territ_set .sublist .tadd_cls { right: -22px; top: 5px }
.addreg_modal .territ_set .tdescp_list li { transition: all 0.3s ease 0s }
.addreg_modal .territ_set .tdescp_list li:hover { background: #f2f2f2 }
.addreg_modal .territ_set .tdescp_list_ok .tadd_cls { font-size: 24px }
.addreg_modal .territ_set .tdescp_list_ok .sublist .tadd_cls { top: 3px }

/* End */

/* assessment details */

.assessment-deatils .txt_box { font-family: 'Roboto-Regular'; font-size: 15px; color: #666; width: 100%; background: #fff; border: 1px solid #dadada; border-radius: 5px; padding: 5px 15px; margin: 0px 0px 20px 10px; transition: all 0.3s ease 0s }
.assessment-deatils .txt_box:focus { border: 1px solid #ee7f00 }
.assessment-deatils .label_details { }
.label-check {font-family: 'Roboto-Regular';font-size: 13px;font-weight: normal;color: #3e3e3e;text-transform: uppercase;display: inline-block;margin: 0px 0px 5px; }
div#user-data_filter { float: none;}
.view_assesstable label{font-family: 'Roboto-Regular';font-size: 13px;font-weight: normal;color: #666;text-transform: uppercase;}
.view_assesstable input[type="search"]{font-family: 'Roboto-Regular'; font-size: 15px; color: #666; width: 75%; background: #fff; border: 1px solid #dadada; border-radius: 5px; padding: 3px 15px; margin: 0px 0px 15px 15px; transition: all 0.3s ease 0s}
.view_assesstable input[type="search"]:focus { border: 1px solid #ee7f00 }
.view_assesstable .checkbox:not(old) {  height: 16px; margin: 0px 0 0; opacity: 0; padding: 0; width: 16px;float: left;}
.view_assesstable .checkbox:not(old) + label { display :inline-block; margin: 7px 0px 0px -16px;padding: 10px 10px 10px 25px; background:url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png) no-repeat 0 0; line-height:17px; font-family: 'Roboto-Regular'; color:#666; font-size:13px; font-weight: normal;float: left; }
.view_assesstable .checkbox:not(old):checked + label { background:url(/assets/check_on-aa2c33ee81281c07e5b2b38e580de8869b2fa80ac375aa338f050c814a1e81b5.png) no-repeat 0 0; }
.assessment-deatils .submit_btn { font-family: 'Roboto-Regular'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 7px 30px; position: relative; transition: all 0.3s ease 0s; float: right }
.view_assesstable .profile_name{float:left; }
.assessment-deatils {overflow: auto; }
.view_assesstable .checkbox:not(old) {  height: 16px; margin: 0px 0 0; opacity: 0; padding: 0; width: 16px;float: left;}
.view_assesstable .checkbox:not(old) + label { display :inline-block; margin: 0px 0px 0px -16px;padding: 10px 10px 10px 25px; background:url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png) no-repeat 0 0; line-height:17px; font-family: 'Roboto-Regular'; color:#666; font-size:13px; font-weight: normal;float: left; }
.view_assesstable .checkbox:not(old):checked + label { background:url(/assets/check_on-aa2c33ee81281c07e5b2b38e580de8869b2fa80ac375aa338f050c814a1e81b5.png) no-repeat 0 0; }
.view_assesstable .submit_btn { font-family: 'Roboto-Regular'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 7px 30px; position: relative; transition: all 0.3s ease 0s; float: right }
.table-select{position: relative;}
.selecttop{position: absolute;top: 10px;}
/* End */

/*roles*/
form.roles-search.search_form .search_box { width: 40%; margin-right: 20px; }
.search-wrapper { margin: 0 0 20px;display: block;overflow: auto; }
/*roles*/

/* End */

/*custom map skin*/
#map {height: 520px; width: 100%; display: block; margin: 0 auto;}
.map-icon-label .map-icon {font-size: 24px;color: #FFFFFF;  line-height: 48px;text-align: center;white-space: nowrap;}
article.map-content { position: relative;overflow: auto;clear: both; }
div#floating-panel {position: absolute;top: 30px;left:50px;z-index: 999; }

button.map-buttons {display: block;padding: 7px 20px;margin: 5px 0px 10px;border-radius: 5px;background: #363636;color: #fff;border: transparent;font-size: 13px;text-transform: uppercase;font-family: 'Roboto-Bold'; }
button.map-buttons:hover,button.map-buttons:active,button.map-buttons:focus {background: #ee7f00;color: #fff;}
.place-counts{padding:0px 0px 0 10px;}

#framework_modal .modal-dialog { margin: 220px auto 0px; }
#framework_modal .frame_modal .modal-header {border-bottom: none;padding: 10px 20px;}
#framework_modal .frame_modal .modal-title { font-family: 'Roboto-Bold';color: #fff;padding-left: 0px;padding-top: 8px;}
#framework_modal .frame_modal .modal-body {padding: 5px 20px 15px;display: table;width: 100%;overflow: auto; }
#framework_modal .modal-content { background-color: rgba(0,0,0,0.7);border: none;}
#framework_modal .country-name {  font-family: 'Roboto-Regular'; font-size: 13px; color: #fff;text-transform: uppercase; line-height: 20px;margin-bottom: 5px;}
#framework_modal ul.country-framework {padding-left: 15px;}
#framework_modal ul.country-framework li {font-family: 'Roboto-Regular'; font-size: 13px;color: #ccc;line-height: 20px;}
#framework_modal .frameworks-wrapper {display: block;margin-bottom: 15px; }
#framework_modal .frame_modal .close { color: #fff;font-size: 25px; opacity: 1; display: inline-block; margin-top: 0; background: #ee7f00;transition: all 0.3s ease 0s;padding: 0 6px 5px;border-radius: 5px; margin-top: 0px; }
#framework_modal .frame_modal .close:hover { background: #fa7014;transition: all 0.3s ease 0s; }
label.custom-check {display: block;padding: 7px 20px;margin: 5px 0;margin: 5px 0px 10px;border-radius: 5px;background: #363636;color: #fff;border: transparent;font-size: 13px;text-transform: uppercase;font-family: 'Roboto-Bold';}
input[type="checkbox"] {position: relative;top: 1px;-moz-appearance: none;-webkit-appearance: none; }
label.custom-check.isSelected {background-color: #ee7f00;}
.user_section .list_view_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #a6a6a6; text-transform: uppercase; padding:10px 10px 10px 30px; display: inline-block;border-right: 1px solid #ccc ;background: url(/assets/list-normal-7b4e7f0b6647611240d58ed481963913ae89bfcf10ef8f1a32098fd0113bb195.png)no-repeat  0 10px; }
.user_section .list_view_btn.active { font-family: 'Roboto-Bold'; font-size: 13px; color: #ff6600; text-transform: uppercase; padding:10px 10px 10px 30px; display: inline-block;border-right: 1px solid #ccc ;background: url(/assets/list-active-6d2c57e4d64e98f8b19944ada6b9ddaf5812e69f28384d16b1de253649616ef8.png)no-repeat  0 10px; }
.user_section .map_view_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #a6a6a6; text-transform: uppercase; padding:10px 10px 10px 45px; display: inline-block ;background: url(/assets/map-00c4b7bb3ec55c835cd9ad2e7ed863c22211d740d27898a700c291e736c8a9f0.png)no-repeat  10px 6px;}
.user_section .map_view_btn.active { font-family: 'Roboto-Bold'; font-size: 13px; color: #ff6600; text-transform: uppercase;  padding:10px 10px 10px 45px; display: inline-block ;background: url(/assets/map-active-e433ee72c764c1792cc6a5cfae8effe9c9f8206bb350b00962a653fc06d68a3b.png)no-repeat  10px 6px;}

/*end*/
.date_blk.single-based.type_blk label { display: block; margin: 0px 0px 5px !important }
.date_blk.single-based.type_blk .userselect { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 0px; width: 95% !important; border-radius: 4px; transition: all 0.3s ease 0s }
.date_blk.single-based.type_blk .focus:focus { border: 1px solid #ee7f00 }
.date_blk.single-based.type_blk .userselect { width: 50% !important }
.date_blk.single-based.type_blk .userselect.select2-container .select2-choice{ display: block;height: 38px; padding: 5px 0 0 8px; overflow: hidden;position: relative;border: 1px solid transparent;white-space: nowrap;line-height: 26px;color: #444;text-decoration: none; border-radius: 4px; background-clip: padding-box;-webkit-touch-callout: none; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: #fff;background-image: none;background-image: none;background-image: none;filter:none;background-image:none}
.date_blk.single-based.type_blk .userselect.select2-container .select2-offscreen,.date_blk.single-based.type_blk .userselect.select2-container .select2-offscreen:focus {clip: none !important;}
.date_blk.single-based.type_blk .userselect.select2-container .select2-choice .select2-arrow {background: transparent; background-image: none;border-left: none;top:5px;}
.date_blk.single-based.type_blk .user_btn { font-family: 'Roboto-Bold'; font-size: 13px; color: #fff; text-transform: uppercase; background: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; padding: 10px 25px 10px 25px; position: relative; transition: all 0.3s ease 0s;}
.date_blk.single-based.type_blk .user_btn:hover { background: #fa7014 !important; border: 1px solid #fa7014 !important; }
.user_section .userlist_block table.icon-last tbody td:last-child {padding: 15px 0px;}



.review_form .subadmin .checkbx { display: none;}
.review_form  .subadmin .canswer_label {font-weight: normal;display: inline-block;background-image: url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png);background-repeat: no-repeat;background-position: left 3px;margin: 0px;padding: 10px 10px 10px 28px;}
.review_form .subadmin .checkbx:checked + .canswer_label {background-image: url(/assets/check_on-aa2c33ee81281c07e5b2b38e580de8869b2fa80ac375aa338f050c814a1e81b5.png);}
.width-95{width: 95%;}


.prflmap_table.framework_table .acc_row {border-top: 1px solid #e0e0e0;position: relative;padding: 0 0px;}
.prflmap_table.framework_table .acc_row a{padding: 15px 10px 15px 40px;}
.prflmap_table.framework_table .acc_row .setting_contain a.settings{padding:  0px;}
.prflmap_table .acc_row a:after{top:15px; left: 15px;right: unset}
.panel.panel-default .acc_row a.collapse{background-color:#fafafa;}
.panel.panel-default .acc_row a.collapsed{background-color:transparent;}

.prflmap_table.framework_table .prflmap_table_set { display: block;width: 100%; height: auto; min-width: unset; margin: 0px;}
a.delete-country{position: absolute !important;top: 12px;right: 50px;}
.prflmap_table.framework_table .acc_row .setting_contain a:after{display: none;}
.prflmap_table.framework_table .acc_row .setting_contain { right: 15px; top: 10px;}
.framework_section .comp_group .setting_contain { z-index: 10;}
.framework_section .comp_group .comp_grp_name { margin: 20px 0px 10px;}
.comp_group  .table-responsive.prflmap_table.framework_table{overflow: visible;}
.table-responsive.prflmap_table.framework_table .comp_frame {width: 96%;margin: 20px 30px 15px;}


.prflmap_table.framework_table .prflmap_body .panel-collapse {border: 1px solid #eee;clear: both;overflow: auto;}

svg {width: 15px; height: 33px; }
/*svg path {fill: #fff !important;}*/
.framework_section .comp_frame .chip .chip_icon img svg path {fill: #fff !important;}
.framework_section .comp_frame .chip.open .chip_icon svg path {fill: #009dba !important;}
.framework_section .comp_frame .chip.open .chip_icon img svg path {fill: #009dba !important;}



/*tabs framework*/
/*.tabs-framework{position: relative;overflow: auto;}*/
.framework_section .tabs-framework  .nav-tabs > li {   margin: 0;}
.framework_section .tabs-framework  .nav-tabs > li > a {color: #333;padding: 15px 15px;margin-right: 10px;letter-spacing: 1px;border-radius: 0px;border: none !important;transition: none;background: #f5f5f5;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.framework_section .tabs-framework .nav-tabs > li.active > a {border-bottom: unset !important;color: #333;background:#ebebeb;}
.framework_section .tabs-framework  .nav-tabs {border-bottom: unset;font-family: 'Roboto-Regular';font-size: 15px;text-transform: uppercase;padding: 0px 0px;}
.tabs-framework .tab-content{clear: both;}
.tabs-framework .tab-content {clear: both;border-top: 1px solid #ccc;margin-top: 0;display: block;}
.framework_section .tabs-framework .tab-content .comp_frame {background: #f5f5f5;border: 1px solid #e8e6e6;border-radius: 0;height: auto;margin: 0px 0px 15px;padding: 25px 25px 25px 35px;box-shadow: 0px 3px 5px rgba(0,0,0,0.2);}

/*.framework_section .tabs-framework .nav-tabs > li:last-child > a {color: #ccc;padding: 15px 15px;margin-right: 10px;letter-spacing: 1px;border-radius: 0px;border: none !important;transition: none;background: transparent;border-top-right-radius: 5px;border-top-left-radius: 5px;}*/
span.add-icon{width: 30px;height: 30px;background-image: url(/assets/add-f2d9edddb649aa27ef0d62d74dce84fa8d868c12458a8109a358ce88b3922aaa.png);background-repeat: no-repeat;display: inline-block;float: left;background-position:5px 0px }
.tabs-framework { display: block; overflow: auto;padding: 40px 20px;}
.framework_section.territory_section .comp_group {border: unset;border-radius: 0px;padding:unset;margin: unset;position: relative;}
.framework_section.territory_section .comp_group .prflmap_table .prflmap_body {border: 1px solid #ccc;border-radius: 6px;/* padding: 0px 25px 10px;*/ margin: 30px 0px 0px;position: relative;}
.framework_section.territory_section .comp_group .prflmap_table.framework_table .acc_row {border-top: none;position: relative;padding: 0 0px;border: unset;}
.framework_section.territory_section .comp_group .prflmap_table.framework_table .prflmap_body .panel-collapse {border: unset;height: 100%;}
.prflmap_table.framework_table .acc_row a.territad_btn.site_btn{padding: 5px 15px 5px 20px;color:#fff;margin: -3px 10px -3px 0px;}
.prflmap_table.framework_table .acc_row a.settings{padding: 0px 0px 0px 0px;}
.framework_section.territory_section .table-responsive.prflmap_table.framework_table .comp_frame {width: 100%;}
.button-row {display: block;clear: both;overflow: auto;padding: 5px 0px 15px;}
.framework_section.territory_section .table-responsive.prflmap_table.framework_table .comp_frame .setting_contain.region_set {right: 10px;top: 10px;}
.panel.panel-default .acc_row a.collapse p{position: absolute;right: 60px;top: 13px}

.framework_section.territory_section .comp_group .table-responsive.prflmap_table.framework_table{border:none;}
.framework_section.territory_section .chip.profile_chip.add-territories{background-color:#ee7f00 ;}
.framework_section.territory_section .chip.profile_chip.add-territories .chip_tap .text{color: #fff;}

.framework_section .frmtitle_block .add_frame {font-family: 'Roboto-Bold';font-size: 13px;color: #fff;text-transform: uppercase;background: #ee7f00;border: 1px solid #ee7f00;border-radius: 4px;padding: 10px 45px 10px 25px;position: relative;transition: all 0.3s ease 0s;margin: 15px 0px;}
.framework_section .frmtitle_block .add_frame:after {content: '';position: absolute;background: transparent url(/assets/plus_icon-cf83bff7c79263ef07c8eeac9181938982b8747afac29dda91a83fbeba7907ab.png) no-repeat scroll center center / cover;width: 11px;height: 11px;right: 20px;top: 0;bottom: 0;margin: auto 0px;}
li.btn_schedule {float: right;}

/*For learningresource file upload*/
.btn-file {position: relative;overflow: hidden;}
.btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;}
.uploadBtn{font-family: 'Roboto-Bold';font-size: 13px;color: #fff;text-transform: uppercase;background: #ee7f00;border: 1px solid #ee7f00;border-radius: 4px;padding: 9px 30px;position: relative;transition: all 0.3s ease 0s;}
.uploadBtn:hover{background: #fa7014 !important;border: 1px solid #fa7014 !important;color: #fff;}
ul.fileList {padding: 20px 5px;list-style: none;}
ul.fileList li {padding: 5px 0px;width: 50%;float: left;display: flex;flex-wrap: wrap;}
ul.fileList li span {font-family: 'Roboto-Regular';font-size: 13px;text-transform: uppercase;color: #666;line-height: 20px;display: block;float: left;}
a.removeFile{width: 20px;height: 20px;background: url(/assets/delete-button-96003becd9b51152f44112914a6b7c902d40a06a334dd7eee70436003f25a73a.png) no-repeat 0 2px;margin: 0px 13px;display: inline-block;}


/*Competency Mapping to Profiles*/
.competency_section .title {padding: 0}
.competency_section .frame_modal .select_box{max-width: 350px;padding: 10px 25px 10px 11px}
.competency_section a:hover, .competency_section a:focus{background: none;color: #666;text-decoration: none;}
.competencycollapse{float: left;clear: both;width: 100%;margin: 35px 0 0}
.competencycollapse .panel-title a{position: relative;display: block;padding:15px 15px 15px 70px;font-size: 14px}
.competencycollapse .panel-title a:after { content: '_'; font-size: 18px; position: absolute; left: 12px; top: 13px; bottom: 0; margin: auto 0px; width: 10px; line-height: 8px;font-family: Roboto-Medium }
.competencycollapse .panel-title a.collapsed:after { content: '+'; width: 12px; line-height: 19px }
.competencycollapse .panellevelone a{position: relative;display: block; padding-left: 25px;background: #efefef;padding: 15px 15px 15px 25px;border: 1px solid #ddd}
.competencycollapse .panel-bodyone{border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd}
.competencycollapse .panellevelone a:after { content: '_'; font-size: 18px; position: absolute; left: 0px; top: 13px;left:10px; bottom: 0; margin: auto 0px; width: 10px; line-height: 8px;font-family: Roboto-Medium }
.competencycollapse .panellevelone a.collapsed:after { content: '+'; width: 12px; line-height: 24px }
.panel-body.panellevelone { padding-left: 35px}
.competencycollapse .panel-bodyone{padding-left: 25px}
.competencycollapse .panel-default>.panel-heading{background:#fafafa;padding: 0}
.competencycollapse .panel-group .panel{margin: 0 0 15px;border-radius: 0;box-shadow: none}
.competencycollapse .panel-group .panel:nth-child(odd) .panel-heading{background:#efefef;}
.competencycollapse .panel-group .panel:nth-child(even) .panel-heading{}
.competencycollapse .panel-group .panel+.panel{margin: 0 0 15px;border-radius: 0;box-shadow: none}
.panel-bodyone table thead{background: #efefef;}
.panel-bodyone table.table {border: 1px solid #ccc}
.panel-bodyone .table>thead>tr>th{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 13px 10px;font-family: Roboto-Medium;font-weight: normal;}
.panel-bodyone .table tr td{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd}
.competencycollapse .panellevelone .panel{}
.collapsesubmit .save_btn{font-family: 'Roboto-Bold';font-size: 13px;color: #fff;text-transform: uppercase;background: #ee7f00;border: 1px solid #ee7f00;border-radius: 4px;padding: 9px 30px;position: relative;transition: all 0.3s ease 0s;float: right;}
.collapsesubmit {margin: 20px 0px;clear: both;display: block;overflow: auto;position: relative;}
.competencycollapse .clust_iocn {width: 33px;height: 33px;position: absolute;left: 30px;top: 6px;bottom: unset;margin: auto 0px;border-radius: 50%;background: #009dba;box-shadow: 0px 3px 5px rgba(0,0,0,0.3);text-align: center;vertical-align: middle}
.competencycollapse .clust_iocn img {padding: 9px 8px;filter: brightness(0) invert(1)}

/*version 2 design css*/
.competency_title{width: 100% !important;margin-bottom: 15px;}
.competency_description{height: 200px !important;}
.comp_input textarea{width: 90% !important;float: left;margin-bottom: 10px;} 
a.remove_nested_fields{margin: 0 10px;color: #ee7f00;width: 30px;height: 30px;font-size: 25px;display: inline-block;text-align: center;z-index: 1;line-height: 30px;}
a.add_nested_fields{color: #ee7f00;width: 30px;height: 30px;font-size: 25px;display: inline-block;text-align: center;z-index: 1;line-height: 30px;}
a.remove_nested_fields:hover,a.remove_nested_fields:focus,a.add_nested_fields:hover,a.add_nested_fields:focus{text-decoration: none;}
.fields {overflow: auto;}
.editcomp_modal .comp_content .comptency-list .head span {padding-left: 0px;}
.editcomp_modal .comp_content .descp_blk.comptency-list {margin: 0;border-bottom: 1px solid #CCC;padding: 15px 0px;}
.selectcompetency.frame_modal{width: 25%;}
/*version 2 design css*/





/* Training Calendar */

.framework_section .traincalblk { padding: 0px !important }
.framework_section .traincalblk .title { background: #f8f8f8; padding: 30px; width: 100%; display: table; margin: 0px }
.framework_section .traincalblk .title h5 { font-family: 'Roboto-Regular'; font-size: 15px; color: #333; margin: 0px; text-transform: uppercase }
.framework_section .traincalblk .title .left { display: table-cell; width: 40%; vertical-align: middle }
.framework_section .traincalblk .title .right { display: table-cell; width: 60%; vertical-align: middle; text-align: right }
.framework_section .traincalblk .srt { font-weight: normal;  font-family: 'Roboto-Bold'; font-size: 14px; color: #333; text-transform: uppercase }
.framework_section .traincalblk .selcbx { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 7px 25px 7px 10px; width: 200px; border-radius: 4px; appearance: none; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; margin: 0px 0px 0px 20px; background: #fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 93% center }
.traincalblk .contblk { padding: 30px }
.traincalblk .trainblk { margin: 0px 0px 30px }
.traincalblk .trainblk h3 { font-family: 'Roboto-Bold'; font-size: 18px; color: #333; margin: 0px 0px 20px }
.traincalblk .dettrain { border-top: 1px solid #e0e0e0; padding: 25px 20px; display: table; width: 100%; margin: 0px 0px 15px }
.traincalblk .dettrain .block { float: left; width: 50%; position: relative }

/*changed style for date*/
.traincalblk .dettrain .block.left { padding: 0px 15px 0px 0px; border-right: 1px solid #d6d6d6 }
.traincalblk .dettrain .block.right { padding: 0px 110px 0px 30px }.traincalblk .dettrain .block .date { width: 100%; position: relative; left: 0; top: 0; bottom: 0; margin: auto 0px; height: 30px }
/*changed style for date*/

.traincalblk .dettrain .block .date .mo { font-family: 'Roboto-Light'; font-size: 20px; color: #333; display: block; text-transform: uppercase }
.traincalblk .dettrain .block .date .da { font-family: 'Roboto-Bold'; font-size: 15px; display: block }
.traincalblk .dettrain .block .trtil { font-family: 'Roboto-Bold'; font-size: 16px; color: #0099cc; margin: 0px }
.traincalblk .dettrain .block .trtil span { font-family: 'Roboto-Regular'; font-size: 14px; color: #666; display: inline-block; margin-left: 15px; padding-left: 15px; position: relative } 
.traincalblk .dettrain .block .trtil span:after, .traincalblk .dettrain .block .mode span:after { content: ''; background: #999; width: 1px; height: 13px; position: absolute; top: 0; bottom: 0; left: 0px; margin: auto 0px }
.traincalblk .dettrain .block .mode { font-family: 'Roboto-Regular'; font-size: 14px; color: #666; margin: 15px 0px 0px }
.traincalblk .dettrain .block .mode span { display: inline-block; margin-left: 15px; padding-left: 15px; position: relative }
.traincalblk .dettrain .block .venue { font-family: 'Roboto-Regular'; font-size: 14px; color: #666; margin: 10px 0px 0px }
.traincalblk .dettrain .prof span { font-family: 'Roboto-Regular'; font-size: 14px; color: #666; display: block }
.traincalblk .dettrain .prof .det { position: relative; padding-left: 40px; margin: 5px 0px }
.traincalblk .dettrain .prof .icon { width: 29px; height: 29px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0px }
.traincalblk .dettrain .prof .det h5 { font-family: 'Roboto-Regular'; font-size: 14px; color: #0099cc; margin: 0px }
.traincalblk .dettrain .prof .det h6 { font-family: 'Roboto-Regular'; font-size: 13px; color: #999; margin: 5px 0px 0px }
.traincalblk .dettrain .block .asnbtn { font-family: 'Roboto-Bold'; font-size: 14px; text-transform: uppercase; border: 1px solid #ee7f00; background: #ee7f00; color: #fff; border-radius: 4px; padding: 6px 20px; width: 100px; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0px; height: 35px }

/* End */ 






/*dashboard v2*/
.cluschart_sec.new-trend{background: #fff;border: 1px solid #ccc;border-radius: 4px;margin: 20px 0px 15px;padding: 0px 25px 25px 35px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);position: relative;}
.udashboard_section .cluschart_sec.new-trend .asses_title h4:after{display: none;}
.udashboard_section .cluschart_sec.new-trend .asses_title h4{font-family: 'Roboto-Bold';font-size: 15px;color: #000;}
.udashboard_section .cluschart_sec.new-trend .asses_title h4 span{font-family: 'Roboto-Medium';font-size: 15px;color: #666666;text-transform: capitalize;letter-spacing: 0;}
.competency-trend{margin: 50px 0px 0;}
.udashboard_section .competency_score{ padding-bottom:30px}
.udashboard_section .competency_score h4 { text-transform: uppercase; font-family: 'Roboto-Bold'; font-size: 15px; color: #000; margin: 0; letter-spacing: 0px; display: block; padding:15px  18px; position: relative; background: #f2f2f2 }
.udashboard_section .competency_score h4 span{font-family: 'Roboto-Medium';font-size: 15px;color: #666666;text-transform: none;}
.udashboard_section .competency_score p{ font-family: 'Roboto-Regular';font-size: 15px;color: #999999; line-height:24px; padding:0px 0 20px;}
.udashboard_section .competency_score p.below-graph{ font-family: 'Roboto-Regular';font-size: 12px;text-align: center;}
.udashboard_section .competency_score table th{border-top:1px solid #ddd; text-transform: uppercase;font-size: 12px;color: #999999; padding:12px;font-family: 'Roboto-Bold';  }
.udashboard_section .competency_score table tr{ border-bottom:1px solid #ddd}
.udashboard_section .competency_score table tr td{ border-bottom:1px solid #ddd;  padding:10px;font-size: 14px;font-family: 'Roboto-Regular';color: #333;}
text.highcharts-credits{display: none;}
#trend-chart{width:100%;height: 250px; }
.udashboard_section .cluster_comp .asses_title {overflow: auto}
.udashboard_section .cluster_comp .asses_title h4:after{display: none;}
.udashboard_section .cluster_comp .asses_title h4{font-family: 'Roboto-Bold';font-size: 15px;color: #000;float: left;}
.udashboard_section .cluster_comp .asses_title h4 span{font-family: 'Roboto-Medium';font-size: 15px;color: #333;text-transform: capitalize;}
.marker-box ul{margin: 0;padding: 0;list-style: none;float: right;}
.marker-box ul li {float: left;}
li.blue-mark {padding: 0 15px 0 5px;display: block;}
li.blue-mark:before {content: '';display: inline-block;width: 20px;height: 10px;background: #003399;margin-right: 10px}
li.lightblue-mark {padding: 0 15px 0 5px;display: block;}
li.lightblue-mark:before {content: '';display: inline-block;width: 20px;height: 10px;background: #4e7fe0;margin-right: 10px}
li.symbol-mark {padding: 0 15px 0 5px;display: block;}
li.symbol-mark:before {content: '';display: inline-block;width: 20px;height: 20px;background: url(/assets/marker-comp.png)no-repeat 0 0;margin-right: 10px;float: left;}
.cluster-panel-wrapper{background: #fff;border: 1px solid #e4e0e0;border-radius: 4px;margin: 20px 0px 15px;padding: 0px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);position: relative;}
.cluster-group-head{display: inline-block;width:50%;float: left;position: relative;}
.cluster-group-head i{position: absolute;left: -10px;top: 4px;cursor: pointer;font-size: 14px;color: #666666}
.chart-container{width: 50%;float: left;}
.cluster-line-head{display: inline-block;width: 20%;float: left;}
/*.header-panel-fixed {overflow: auto;background: #fbfbfb;padding: 10px 20px;border-bottom: 1px solid #ededed;}*/
.header-panel-body{padding:0;}
.header-panel-fixed {overflow: auto;background: #fbfbfb;padding: 10px 38px 10px 20px;border-bottom: 1px solid #ededed;}
.cluster_comp .header-panel-body {padding: 0;height: 400px;overflow-y: scroll;}
.behaviour-row{clear: both;overflow: auto;padding: 15px 5px;}
.panel-body-cluster{overflow: auto;}
.behaviour-title{width: 50%;padding: 0 10px;float: left;font-size: 13px;color: #666;text-align: right;}
.chart-lines {width: 50%;float: left;}
span.top-text-left{font-size: 13px;font-family: 'Roboto-Regular';color: #666666;margin-left: -10px;}
span.top-text{font-size: 13px;font-family: 'Roboto-Regular';color: #666666;padding-left: 10px;}
span.target-line {height: 10px;width: 62%;background: #ccc;display: block;z-index: 20;position: relative;}
span.target-line:after {height: 20px;width: 20px;background: url(/assets/marker-comp.png)no-repeat 0 0px;display: block;z-index: 26;position: absolute;content: '';right: -12px;top: -6px;}
span.self-line {height: 10px;width: 50%;background: #4e7fe0;display: block;z-index: 18;position: relative;}
span.manager-line {height: 10px;width: 40%;background: #003399;display: block;z-index: 20;position: relative;}
.cluster-line-head:after {content: '';display: block;border-left: 1px solid green;width: 1px;height: calc(100% - 40px);position: absolute;top: 40px;z-index: 10}
.cluster-line-head.grey-bod:after {border-left: 1px solid #cacaca;}
.cluster-line-head.red-bod:after {border-left: 1px solid #cd3301;}
.cluster-line-head.yellow-bod:after {border-left: 1px solid #f9b200;}
.cluster-line-head.green-bod:after {border-left: 1px solid #708409;}
.cluster-line-head.expert-bod:after {border-left: 1px solid #009ebb;}
.cluster_comp .panel-group{margin: 0;}
.cluster_comp .panel-group .panel {margin-bottom: 0;border-radius: 0;border: none;margin-bottom: 0px;background-color: #fff;-webkit-box-shadow: unset ;box-shadow: unset ;}
.panel-default>.panel-heading.parent-cluster {border-top: 1px solid #ccc;background: #fff;border-radius: 0;padding: 10px 20px;}
.cluster_comp .panel-group .panel .parent-cluster {margin: 0;padding: 10px 30px}
.cluster_comp .parent-cluster .panel-title a{font-family: 'Roboto-Bold';font-size: 19px;color: #000;}
.cluster_comp .panel-title a{font-family: 'Roboto-Regular';font-size: 17px;color: #333;}
.cluster_comp .panel-title a span{font-family: 'Roboto-Regular';font-size: 14px;color: #333;padding: 0 10px}
.cluster_comp .panel-title a:focus,.cluster_comp .panel-title a:hover{text-decoration: none;}
.popup-icon{margin: 0 15px;}
.cluster_comp .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top:0;}
.comp-popup .modal-content{border-radius: 0;}
.comp-popup .modal-header {border-bottom:0;}
.comp-popup .modal-body {position: relative;padding: 0 25px 40px;}
.comp-popup .icon-head {position: relative;display: block;font-family: 'Roboto-Bold';font-size: 19px;color: #000;padding-right: 50px;line-height: 24px;}
.comp-popup .clust_icon {width: 33px;height: 33px;position: relative;bottom: unset;display: inline-block;margin: 0px 15px 0 0 ;border-radius: 50%;background: #009dba;box-shadow: 0px 3px 5px rgba(0,0,0,0.3);text-align: center;vertical-align: middle;}
.comp-popup .clust_icon img {padding: 9px 8px;filter: brightness(0) invert(1);}
.comp-popup .modal-header .close {float: right;font-size: 30px;font-weight: 500;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: 1;z-index: 9999;position: absolute;right: 25px;}
.comp-popup .panel-group {margin-bottom: 0;}
.comp-popup .panel-group .panel {border-radius: 0;box-shadow: none;}
.comp-popup .panel-group .panel .panel-heading {padding: 0;}
.comp-popup .panel-group .panel .panel-heading h4 a {background: #fff;display: block;font-size: 12px;font-weight: bold;padding: 15px;text-decoration: none;transition: 0.15s all ease-in-out;}
.comp-popup .panel-group .panel .panel-heading h4 a:hover,.comp-popup .panel-group .panel .panel-heading h4 a:not(.collapsed) {background: #fafafa;transition: 0.15s all ease-in-out;}
.comp-popup .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {content: "";}
.comp-popup .panel-group .panel .panel-heading h4 a i {color: #009dba;padding: 0 15px 0 0;}
.comp-popup .panel-group .panel .panel-body {padding-top: 0;background: #fafafa}
.comp-popup .panel-group .panel .panel-heading + .panel-collapse > .list-group,.comp-popup .panel-group .panel .panel-heading + .panel-collapse > .panel-body {border-top: none;}
.comp-popup .panel-group .panel + .panel {border-top: none;margin-top: 0;}
.comp-popup .sortable th {background-color: #f3f3f3;border-bottom: 1px solid #cfcfcf;border-right: none;padding: 10px 20px 10px 20px;font-weight: 500;text-align: left;white-space: nowrap;font-size: 13px;color: #666;font-family: 'Roboto-Regular';text-transform: uppercase;}
.comp-popup .sortable td {border-bottom: 1px solid #ddd;border-right: none;margin: 0;padding: 10px 20px 10px 20px;vertical-align: middle;font-size: 14px;color: #828282;font-family: 'Roboto-Regular';position: relative;}
.comp-popup .sortable th span{cursor: pointer;}
.comp-popup .expert-text{color: #019cba;}
.comp-popup .proficient-text{color: #f8b300;}
.comp-popup .advanced-text{color: #708409;}
.comp-popup .frmcontent_block {padding: 20px;}
.highcharts-container svg{width: auto;height: auto;} 
/*.highcharts-container svg path {fill: transparent !important;}*/
.button-right-fields { display: inline-block; float: right;}
.save_link{margin: 0 10px 0 0;}
.cluster_comp .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {content: "";}
.cluster_comp .panel-group .panel .panel-heading h4 a i {color: #666;padding: 0 15px 0 0;font-size: 13px;font-weight: 300;position: absolute;left: 10px;}
th.border-right{border-left:1px solid #cfcfcf;}
td.border-right{border-left:1px solid #cfcfcf;}
.cluster_comp .panel-group .panel-heading{position: relative;}
.cluster_comp .panel-group .panel-body h4.panel-title {    display: inline-block;padding-left: 15px;width: 50%;}
.head-comp{font-family: 'Roboto-Bold' !important;font-size: 12px !important;}
/*dashboard v2*/



/*dashboard compare*/
.assets_status.no_padding.border_none {border-bottom: none;}
.compare-progress img{text-align: center;margin:0 auto;display: block;width: 70px;height: 70px;}
.compare-progress .title{text-align: center;font-family: 'Roboto-Medium';font-size: 16px;color: #0099cc;margin: 0px;margin:10px 0px;}
a.compare-circle {width: 70px;height: 70px;display: block;margin: 0 auto;border: 1px solid #fff;background:#fff;border-radius: 50%;font-size: 30px;text-align: center;padding-top: 10px; line-height: 40px;   box-shadow: 0px 2px 5px 0px rgba(0,0,0,.2);color: #ee7f00;}
a.compare-circle:hover,a.compare-circle:focus{text-decoration: none;}
.comp_frame.assessgap_frame.table-view{padding: 35px 35px !important;}
.table-view table {border: 1px solid #ccc;border-collapse: collapse;margin: 0;padding: 0;width: 100%;table-layout: fixed;background: #fff;}
.compare-icon{min-height: 110px;}
.table-view table tr {border: 1px solid #ddd;padding: .35em;}
.table-view table th,.table-view table td {padding: 10px 15px;border-right: 1px solid #ccc;}
.table-view table th {font-family: 'Roboto-Regular';font-size: 15px; color: #666;position: relative;}
.table-view .close_assesgap { display: inline-block;cursor: pointer; font-family: 'Roboto-Regular';font-size: 18px;color: #585858;position: absolute;right: 8px;top: 5px;z-index: 1;}
.table-view .title {padding: 20px 20px 20px 60px;}
.table-view .display_pic {position: absolute;top: 0;bottom: 0;left: 20px;margin: auto 0px;width: 28px;height: 28px;}
.table-view .title h5 {color: #0099cc;font-family: 'Roboto-Medium';font-size: 15px;}
.table-view .title h6 {font-family: 'Roboto-Regular';font-size: 13px;color: #999;margin: 5px 0px 0px;height: 14px;overflow: hidden;}
.table-view .title a {font-family: 'Roboto-Bold';display: inline-block;font-size: 11px;color: #ee7f00;background: transparent;border: 1px solid #ee7f00;text-transform: uppercase;border-radius: 4px;padding: 6px 20px;text-decoration: none;margin: 5px 0px 0px;transition: all 0.3s ease 0s;}
.table-view .title a:hover { color: #fff; background: #ee7f00;}


/*support*/
.support_block {background: #e5e5e5;overflow: auto;padding: 0 10px;height: 100vh;}
.two-block {background: #fff;width: 48%;float: left;display: block;margin: 20px 6px;position: relative;}
.two-block.adminnew-ticket{padding:5px 30px 25px;}
.two-block.new-ticket{padding:20px 30px 25px;}
.framework_section .two-block.adminnew-ticket .nav-tabs {padding: 0px 0px;}
.framework_section .two-block.adminnew-ticket .nav-tabs > li {margin: 0px 0px -3px;}
.framework_section .two-block.adminnew-ticket .nav-tabs > li > a{padding: 20px 0px 15px;}
.framework_section .two-block.new-ticket .nav-tabs {padding: 0px 0px;}
.framework_section .two-block.new-ticket .nav-tabs > li {margin: 0px 0px -3px;}
.framework_section .two-block.new-ticket .nav-tabs > li > a{padding: 20px 0px 15px;}
.tmradio_btn {display: none;}
.supporttype label.tmans_label {display: inline-block;width: auto;height: 20px;background-image: url(/assets/check_off.png);background-repeat: no-repeat;background-position: left;margin: 0px auto;padding: 0 15px 0 30px;font-size: 14px;color: #666;font-family: 'Roboto-Regular';font-weight: 400;}
.tmradio_btn:checked + .tmans_label {background-image: url(/assets/check_on.png);}
.supporttype label{font-size: 14px;color: #666;font-family: 'Roboto-Bold';margin-right: 20px;}
.supporttype {padding: 20px 0px;}
.incidenttype{padding: 0px 0px 20px;}
.incidenttype label{font-size: 14px;color: #666;font-family: 'Roboto-Bold';display: block;margin-bottom: 10px;}
.incidenttype .select_box {font-family: 'Roboto-Regular';font-size: 14px;color: #666;border: 1px solid #d7d7d7;padding: 7px 25px 7px 10px;width: 80%;border-radius: 4px;appearance: none;-webkit-appearance: none;-o-appearance: none;-moz-appearance: none;-ms-appearance: none;background: #fff url(/assets/select_arr.png) no-repeat scroll 95% center;}
.incidenttype .txt_box {font-family: 'Roboto-Regular';font-size: 14px;color: #333;border: 1px solid #d7d7d7;padding: 7px 10px;width: 80% !important;border-radius: 4px;transition: all 0.3s ease 0s;}
.incidenttype textarea.txt_box {font-family: 'Roboto-Regular';font-size: 14px;color: #333;border: 1px solid #d7d7d7;padding: 7px 10px;width: 80% !important;border-radius: 4px;transition: all 0.3s ease 0s;height: 100px;}
.framework_section .two-block.new-ticket .support {font-family: 'Roboto-Bold';font-size: 13px;color: #fff;text-transform: uppercase;background: #ee7f00;border: 1px solid #ee7f00;border-radius: 4px;padding: 10px 25px;position: relative;transition: all 0.3s ease 0s;width: auto;height: auto;}

.two-block.ticket-list{padding:0px 0px 25px;}
.framework_section .two-block.ticket-list .nav-tabs {padding: 0px 20px;border-bottom: 3px solid transparent;}
.framework_section .two-block.ticket-list .nav-tabs > li.active > a{border-bottom: none !important;}
.framework_section .two-block.ticket-list .nav-tabs > li {margin: 0px 0px -3px;}
.framework_section .two-block.ticket-list .nav-tabs > li > a{padding: 20px 0px 15px;}
.sort-search {padding: 10px 20px;background: #f1f1f1;border-bottom: 1px solid #e0e0e0;height: 50px;}
.listing-ticket{padding: 0 0px;}
.ticktlsit{list-style: none;padding: 0}
.ticktlsit li{display: block;padding: 20px 20px;border-bottom: 1px solid #e0e0e0;transition: 0.2s ease;border-left: 3px solid transparent}
.ticket-id{font-family: 'Roboto-Regular';font-size: 14px;color: #666;width: 10%;float: left;}
.ticket-status{font-family: 'Roboto-Regular';font-size: 13px;color: #333;width: 100%;text-align: right;display: block;}
.ticket-status.open{color: #029dba;}
.ticket-status.inprogress{color: #5bba01;}
.ticket-status.hold{color: #ee7f00;}
.ticket-status.closed{color: #666666;}
.ticket-status .open{color: #029dba;}
.ticket-status .inprogress{color: #5bba01;}
.ticket-status .hold{color: #ee7f00;}
.ticket-status .closed{color: #666666;}
.ticket-desc {width: 85%;display: inline-block;}
.ticket-desc h6{font-size: 15px;color: #333;font-family: 'Roboto-Bold';margin: 0 0 10px;}
span.submitted {display: inline-block;margin: 0px 30px 0 0;font-family: 'Roboto-Regular';font-size: 13px;color: #666;}
span.due {display: inline-block;padding:0px 0px 0 20px;font-family: 'Roboto-Regular';font-size: 13px;color: #666;background-image: url(/assets/duration.png);background-repeat: no-repeat;background-position: 0 center;}

.search-div{position: relative;}
.search {width: 30px;height: 30px;margin: 0;position: relative;overflow: hidden;transition: all 0.5s ease;float: right;border-bottom:1px solid transparent;}
.search.open {width: 60%;border-bottom:1px solid #333;}
.search.open:before {height: 60px;margin: 20px 0 20px 30px;position: absolute;}
.search-box {width: 100%;height: 100%;box-shadow: none;border: none;background: transparent;color: #666;padding: 14px 30px 15px 5px;font-size: 18px;line-height: 29px;}
.search-box:focus {outline: none;}
.search-button {width: 30px;height: 30px;display: block;position: absolute;right: 0;top: 5px;cursor: pointer;}
.search-icon {width: 15px;height: 15px;border-radius: 40px;border: 2px solid #333;display: block;position: relative;margin-left: 5px;transition: all 0.5s ease;}
.search-icon:before {content: '';width: 2px;height: 9px;position: absolute;right: -2px;top: 10px;display: block;background-color: #333;transform: rotate(-45deg);transition: all 0.5s ease;}
.search-icon:after {content: '';width: 2px;height: 9px;position: absolute;right: -2px;top: 10px;display: block;background-color: #333;transform: rotate(-45deg);transition: all 0.5s ease;}
.open .search-icon {margin: 0;width: 25px;height: 25px;border-radius: 60px;}
.open .search-icon:before {transform: rotate(52deg);right: 9px;top: 4px;height: 15px;}
.open .search-icon:after {transform: rotate(-230deg);right: 9px;top: 4px;height: 15px;}
.search.open .search-button{top: 0;}
.sort{display: inline-block;float: left;padding: 5px 0px;}
span.slectedsort{font-family: 'Roboto-Medium';font-size: 13px;color: #333;padding: 0 15px;background-image: url(/assets/select_arr.png);background-repeat: no-repeat;background-position: center right;}
span.sorttext{font-family: 'Roboto-Bold';font-size: 13px;color:#999;text-transform: uppercase;}
select.status-select:focus{outline: none;}
select.status-select{border:none;}
.slt-status-box{position: relative;display: inline-block;float: right;}
/* IE11 hide native button (thanks Matt!) */.slt-status-box select::-ms-expand {display: none;}
.slt-status-box select {-webkit-appearance: none;-moz-appearance: none;appearance: none;font-family: 'Roboto-Regular';font-weight: 400;font-size: 13px;color: #333;background-color: transparent;background-image: none;padding: 0px 15px 0px 0px;}
.slt-status-box:after {    content: '';background-image: url(/assets/arrow-select.png);right: 0px;top: 0px;width: 10px;position: absolute;pointer-events: none;height: 22px;background-repeat: no-repeat;background-position: 0 5px;}
.slt-assign-box {position: relative;display: inline-block;margin-right: 25px;}
.slt-assign-box select:focus{outline: none;}
.slt-assign-box select{border:none;}
.slt-assign-box{position: relative;}
/* IE11 hide native button (thanks Matt!) */.slt-assign-box select::-ms-expand {display: none;}
.slt-assign-box select {-webkit-appearance: none;-moz-appearance: none;appearance: none;font-family: 'Roboto-Regular';font-weight: 400;font-size: 13px;color: #666;background-color: transparent;background-image: none;padding: 0px 15px 0px 0px;}
.slt-assign-box:after {    content: '';background-image: url(/assets/arrow-select.png);right: 0px;top: 0px;width: 10px;position: absolute;pointer-events: none;height: 22px;background-repeat: no-repeat;background-position: 0 5px;}
.assign-image {display: inline-block;width: 15px;height: 15px;margin-right: 10px;}
.assign-image img{width: 13px;height: 13px;border-radius: 50px;}
.slt-priority-box {position: relative;display: inline-block;margin-right: 25px;}
.slt-priority-box select:focus{outline: none;}
.slt-priority-box select{border:none;}
.slt-priority-box{position: relative;}
/* IE11 hide native button (thanks Matt!) */.slt-assign-box select::-ms-expand {display: none;}
.slt-priority-box select {-webkit-appearance: none;-moz-appearance: none;appearance: none;font-family: 'Roboto-Regular';font-weight: 400;font-size: 13px;color: #666;background-color: transparent;background-image: none;padding: 0px 20px 0px 0px;}
.slt-priority-box:after {    content: '';background-image: url(/assets/arrow-select.png);right: 0px;top: 0px;width: 10px;position: absolute;pointer-events: none;height: 22px;background-repeat: no-repeat;background-position: 0 5px;}
.assign-priority {width: 10px;height: 10px;display: inline-block;margin-right: 10px;}
.assign-priority.low {background: #ac1818;}
.assign-priority.medium {background: #ee7f00;}
.assign-priority.high {background: #5bba01;}
.tmans_label a{margin: 0 10px;}
.ticktlsit li.active {background-color: #f2fafc;border-left: 3px solid #029ebb;transition: 0.2s ease;}
ul.ticktlsit.support li{display: flex;}
ul.ticktlsit.support .ticket-id {width: 10%;float: left;}
ul.ticktlsit.support .ticket-status {width: 15%;}
ul.ticktlsit.support .ticket-desc {width: 75%;}
a.new-ticket {font-size: 13px;color: #ee7f00;line-height: 15px;position: absolute;top: 25px;right: 15px;font-family: 'Roboto-Bold';text-transform: uppercase;}
.support-head p{font-size: 20px;color: #333;font-family: 'Roboto-Bold';}
.support-head p span{font-size: 20px;color: #666;font-family: 'Roboto-Regular';}
.grey-band{background-color: #f2f2f2;padding:10px 0px;margin: 15px 0;overflow: auto;}
ul.support-more {list-style: none;padding: 0;display: inline-block;margin: 0 15px 0 0;float: right;}
ul.support-more li{float: left;font-size: 13px;color: #333;font-family: 'Roboto-Regular';margin: 0 10px;padding: 0 0 0 20px;}
li.reply{background:url(/assets/reply.png) no-repeat 0 3px;}
li.forward{background:url(/assets/forward.png) no-repeat 0 3px;}
li.delete{background:url(/assets/delete.png) no-repeat 0 1px;}
li.close-support{background:url(/assets/close.png) no-repeat 0 1px;}
.support-head {padding: 10px 0px;}
.support-message{padding: 10px 0;}
.framework_section .two-block.new-ticket .support-message .nav-tabs > li > a{font-size: 13px;color: #666;font-family: 'Roboto-Medium';padding: 0px 0px 10px 25px;margin-right: 20px;}
.framework_section .two-block.new-ticket .support-message  .nav-tabs > li.active > a {border-bottom: 3px solid #ee7f00 !important;color: #333;}
.framework_section .two-block.new-ticket .support-message .nav-tabs > li:first-child > a{background: url(/assets/conversation.png) no-repeat 0 3px;}
.framework_section .two-block.new-ticket .support-message .nav-tabs > li:last-child > a{background: url(/assets/attachments.png) no-repeat 0 3px;}
.framework_section .support-message .nav-tabs {border-bottom: 2px solid #e2e2e2;}
.framework_section .chip_sec{ margin: 5px 0 10px 0;float: left; width:100%; border-top:1px solid #ddd}
.framework_section .chip_sec h4{ margin: 15px 0; color: #344750;} 
.framework_section .chip_sec .chips{  display: inline-block;  padding: 6px 15px;color: #000;font-size: 13px; border-radius: 25px;  background-color: #fff; margin-right: 12px; margin-bottom: 12px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);}


.conversation-head {padding: 25px 0px 20px;display: block;min-height: 90px;}
.user-image {width: 7%;float: left;}
.user-title {width: 73%;float: left;}
.user-option{width: 20%;float: left;overflow: visible;text-align:right;}
.user-title h4{margin: 0;font-size: 15px;color: #333;line-height: 24px;font-family: 'Roboto-Bold';}
.user-title p{margin: 0;font-size: 13px;color: #666;line-height: 24px;font-family: 'Roboto-Regular';}
.conversation-body {padding: 5px 30px 5px 51px;clear: both;}
.conversation-body p{font-size: 13px;color: #666;line-height: 24px;font-family: 'Roboto-Regular';}
.company-message .user-title h4{margin: 0;font-size: 15px;color: #666;line-height: 24px;font-family: 'Roboto-Bold';}

.user-option p{margin: 5px 0 0;font-size: 13px;color: #666;line-height: 24px;font-family: 'Roboto-Regular';}
.more-button{padding: 10px 10px;background-color: transparent;background-image: url(/assets/support-more.png);background-repeat: no-repeat;background-position: right 5px;border: none;}
.dropdown-menu a{display: block;padding: 5px 5px;}
/*.user-option .dropdown{position: absolute;}*/
.two-block.admin-support.ticket-list{width: 40%}
.two-block.admin-support.new-ticket{width: 58%}
article.message_block {width: 65%;float: left;border-right: 1px solid #ccc;padding-right: 15px;}
article.prop-block {width: 34%;float: left;}
article.prop-block .wrapper{padding:0 30px;}
.prop-block h4{font-size: 13px;color: #333;font-family: 'Roboto-Medium';border-bottom: 3px solid #ee7f00;display: inline-block;text-transform: uppercase;padding-bottom: 5px;}

#attachment ul{padding: 0;margin: 15px 0px;list-style: none;}
#attachment ul li{width: 30%;float: left;margin: 10px 10px 10px 0px;}
#attachment ul li .thumb-box{position: relative;height: 110px;}
#attachment ul li a.thumb-close{position: absolute;width: 20px;height: 20px;top: -10px;right: -10px;background: url(/assets/close-mail-c9e1261f3991d008919d36f0b08c70330e29b6034c1e66e98aef6ae72040ce82.png)no-repeat 0 0;}
#attachment ul li img{width: 100%;height: 110px;}
span.due.user{float:none}
.working-hours {border: 1px solid #ccc;background: #f5f5f5;padding: 10px 10px; border-radius: 5px;font-size: 13px;font-family: 'Roboto-Regular';}
.working-hours h3 {margin: 0 0 10px;font-size: 15px;font-family: 'Roboto-Regular';}
/*support*/

/* Assign Learning Modal */

.asslearn_modal .modal-header { border-bottom: none; text-align: right }
.asslearn_modal .modal-title { display: block; padding: 0px; margin: 0px 0px 20px; font-size: 16px }
.asslearn_modal .modal-body { padding-top: 0px; display: block }
.asslearn_modal .cluster_blk { margin: 0px; float: none }
.asslearn_modal .cluster_area { margin: 0px; background: transparent; border: none; min-height: 0px; padding: 0px }
.asslearn_modal .chips_set .suggest_input { border-bottom: 1px solid #ccc }
.asslearn_modal .chip { border-radius: 4px; background: transparent; box-shadow: none; border: 1px dotted #a9a9a9; font-size: 15px; margin: 0px 5px 10px 0px }
.framework_section .asslearn_modal .chip { border-radius: 4px; background: transparent; box-shadow: none; border: 1px dotted #a9a9a9; font-size: 15px; margin: 0px 5px 10px 0px }
.asslearn_modal .chip:hover { box-shadow: none }
.asslearn_modal .chip .chip_icon { background: transparent; border: none; box-shadow: none }
.asslearn_modal .chip .chip_icon img { padding: 0px; filter: none }
.asslearn_modal .chip .text { color: #0099cc }
.asslearn_modal .addinput { display: inline-block; color: #ee7f00; border: 1px solid #ee7f00; border-radius: 4px; font-family: 'Roboto-Regular'; font-size: 25px; padding: 5px 15px; text-decoration: none  }
.asslearn_modal .addinput:hover { color: #fff; background: #ee7f00 } 
.asslearn_modal .matchblk { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: none; display: table }
.asslearn_modal .matchblk .block { float: left; width: 50%; padding: 20px 0px }
.asslearn_modal .matchblk .block.left { border-right: 1px solid #ccc; padding-right: 50px }
.asslearn_modal .matchblk .block.right { padding-left: 50px }
.asslearn_modal .matchblk .block h5 { font-family: 'Roboto-Regular'; font-size: 15px; text-transform: uppercase; color: #333; margin: 0px 0px 15px }
.asslearn_modal .matchblk .block .srchbx { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #ccc; background: #fff url(/assets/search_icon.png) no-repeat scroll 96% center; padding: 7px 35px 7px 15px; width: 100%; border-radius: 4px; transition: all 0.2s ease 0s }
.asslearn_modal .matchblk .block .srchbx:focus { border: 1px solid #0099cc }
.asslearn_modal .matchblk .itlist { list-style: none; font-family: 'Roboto-Regular'; font-size: 14px; color: #333; padding: 0px; margin: 10px 0px }
.asslearn_modal .matchblk .itlist li { display: block; padding: 12px 0px 6px; border-bottom: 1px solid #e5e5e5 }
.asslearn_modal .matchblk .itlist li:last-child { border-bottom: none }
.asslearn_modal .matchblk .checkbtn { display: none }
.asslearn_modal .matchblk .checklb { font-weight: normal; background-image: url(/assets/checkoff_green.png); background-repeat: no-repeat; background-position: left 2px; padding-left: 30px }
.asslearn_modal .matchblk .checkbtn:checked + .checklb { background-image: url(/assets/checkon_green.png) }
.asslearn_modal .matchblk .checklb .date { display: block; color: #999 }
.asslearn_modal .modal_footer { text-align: center; float: none; display: table }
.asslearn_modal .save_btn { float: none; margin: 15px 0px 0px }
.asslearn_modal .suggest_list > li > a .chip_icon img { filter: none; padding: 0px }
.asslearn_modal .suggest_list > li > a .chip_icon { background: transparent; box-shadow: none }



.asslearn_modal .comp_slider { margin: 0px; float: none; border-top: 1px solid #ccc; }
.asslearn_modal .cmptable { width: 80%; margin: 0 auto; min-width: 500px; padding: 15px 0px; display: block; max-height: 330px }
.asslearn_modal .ran_slider { position: relative }
.asslearn_modal .ran_slider .slider-selection { background: #8dc63f }
.asslearn_modal .ran_slider .goal_level { position: absolute; top: 0; bottom: 0; left: 0%; margin: auto 0px }
.asslearn_modal .ran_slider .goal_level.levele1 { left: calc(20% - 13px) }
.asslearn_modal .ran_slider .goal_level.levele2 { left: calc(40% - 13px) }
.asslearn_modal .ran_slider .goal_level.levele3 { left: calc(60% - 13px) }
.asslearn_modal .ran_slider .goal_level.levele4 { left: calc(80% - 13px) }
.asslearn_modal .ran_slider .goal_level.levele5 { left: calc(100% - 13px) }
.asslearn_modal .cmptable .end_notes { margin: 30px 0px 15px; text-align: center }

/* End */
.selctedCompareuser {width: 68%;float: left;height: 40px;appearance: none;-webkit-appearance: none;-o-appearance: none;-moz-appearance: none;-ms-appearance: none;margin-right: 15px;background: #fff url(/assets/select_arr.png) no-repeat scroll 95% center;padding: 10px;border-radius: 4px;}
.compare_add {font-family: 'Roboto-Bold';font-size: 13px;color: #fff;text-transform: uppercase;background: #ee7f00;border: 1px solid #ee7f00;border-radius: 4px;padding: 10px 25px 10px 20px;position: fixed;transition: all 0.3s ease 0s;margin-left: 15px;}
span.basic-text{color:#cd3301;}
.cluster_comp .panel-group .panel .panel-heading h4 a i {color: #000;top:15px;}
.cluster_comp .panel-group .panel .panel-body .panel-heading h4 a i {color: #666;}
span.slectedsort{background: none;}
span.slectedsort select {font-family: 'Roboto-Regular';font-size: 14px;color: #666;border: 1px solid #d7d7d7;padding: 6px 25px 6px 10px;width: 30%;border-radius: 4px;appearance: none;-webkit-appearance: none;-o-appearance: none;-moz-appearance: none;-ms-appearance: none;background: #fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 98% center;}
.sort{padding: 0;}
.sort-search{height: 55px;}
input.searchinput{height: 33px;}

/*assestment styles*/
.assessment-deatils .txt_box.search_box{margin: 0px 0px 20px 0px;width: 55% !important;}

.view_assesstable .profile_name img {height: 40px;width: 40px;position: relative;}
.view_assesstable label {font-family: 'Roboto-Regular';font-size: 13px;font-weight: normal;color: #666;text-transform: uppercase;}
.view_assesstable .checkbox:not(old) + label {display: inline-block;margin: 0px 0px 0px 0;padding: 10px 10px 10px 10px;background: url(/assets/check_off.png) no-repeat 0 0;line-height: 13px;font-family: 'Roboto-Regular';color: #666;font-size: 13px;font-weight: normal;float: left;}
.view_assesstable .checkbox:not(old):checked + label {background: url(/assets/check_on.png) no-repeat 0 0;}
.view_assesstable .profile_name {position: relative;padding: 0;width: 40px;float: left;}
.profile_content{width: 80%;float: left;padding: 0 10px;}
.profile_content h6{margin:5px 0;font-family: 'Roboto-Bold';font-size: 14px;}
.profile_content p{font-family: 'Roboto-Regular';font-size: 14px;}
.view_assesstable .del_actn.delete_icon {width: 15px;height: 15px;background: url(/assets/delete.png)no-repeat 0 0;display: none;float: right;position: absolute;right: 10px;top: 28px;bottom: 0;}
.view_assesstable tr:hover .del_actn.delete_icon{display: block;}
.view_assesstable table tbody td{position: relative;}
.view_assesstable .checkbox:not(old){position: absolute;top: 27px;}
.intro-text{font-family: 'Roboto-Regular';font-size: 13px;font-weight: normal;color: #666;}

.cluster_comp .parent-cluster .panel-title a .tooltip-inner{width: 400px;max-width: 400px}
.compatibility {display: block;color: #666;font-size: 13px;text-align: right;padding: 10px 0px;font-family: 'Roboto-Regular';position: absolute;right: 0;bottom: -5px;}
/*assestment styles*/
.new-trend .table td,.new-trend .table th{text-align:center;border:1px solid #ddd }

/*PDF Report*/
.download_sec{margin:20px 0 15px 0;}
.download_icon a.site_btn{background: url(/assets/icon_pdf.png) no-repeat 12px 7px #d5d5d5;  float:right;margin-left:15px; font-family:'Roboto-Bold';font-size:13px;color:#a0a0a0;text-transform:uppercase;border:1px solid #d5d5d5;border-radius:4px;padding:9px 40px;position:relative;transition:all .3s ease 0;}
.icon_excel a.site_btn{background: url(/assets/icon_excel.png) no-repeat 12px 8px #d5d5d5; float:right;font-family:'Roboto-Bold';font-size:13px;color:#a0a0a0;text-transform:uppercase;border:1px solid #d5d5d5;border-radius:4px;padding:9px 40px;position:relative;transition:all .3s ease 0;}
.download_icon a.site_btn:hover{ color:#fff;background: url(/assets/icon_pdf_on.png) no-repeat 12px 7px #fa7014 !important; text-decoration: none;padding:9px 40px !important;  filter:brightness(1) invert(0); }
.icon_excel a.site_btn:hover{ color:#fff;background: url(/assets/icon_excel_on.png) no-repeat 12px 8px #fa7014!important; text-decoration: none;padding:9px 40px !important; filter:brightness(1) invert(0); }
.download_icon .site_btn{background: url(/assets/icon_pdf.png) no-repeat 12px 7px #d5d5d5;  float:right;margin-left:15px; font-family:'Roboto-Bold';font-size:13px;color:#a0a0a0;text-transform:uppercase;border:1px solid #d5d5d5;border-radius:4px;padding:9px 40px;position:relative;transition:all .3s ease 0;}
.download_icon .site_btn:hover{ color:#fff;background: url(/assets/icon_pdf_on.png) no-repeat 12px 7px #fa7014 !important; text-decoration: none;padding:9px 40px !important;  filter:brightness(1) invert(0); }

page { background: white; display: block;margin: 0 auto; margin-bottom: 0cm; border:1px solid #ddd; }
page[size="A4"]{ height: 22cm;}
.pdf_section{ height:100%; width:100%; position:relative; }
.pdf_section .bg{min-height:400px;}
.pdf_section .pdf_header{ width:100%; position: relative; top:0 }
.pdf_section .pdf_header .syngenta{left:1px;top:1px;right:1px;  border:1px solid #ddd; border-bottom:0;}
.pdf_section .pdf_logo{ width:50%; padding:40px 25px; position: absolute; top:0 }
.pdf_section .pdf_title{ margin-top:20px; text-align:center;position:relative; margin-bottom:20px}
.pdf_section .pdf_title h2{ font-size:42px; color:#617f1d; text-transform:uppercase;display:inline-block; width:75%;   }
.pdf_section .pdf_title .date{ font-size:18px; color:#000;text-align:center; display: block;font-family: 'Roboto-Regular';}
.pdf_section .report_header{ border-bottom:1px solid #ddd; padding:30px 50px}
.pdf_section .report_header h3{ color:#fa6e10; font-size: 24px;text-transform:uppercase;font-family: 'Roboto-Bold'; margin:0} 
.pdf_section .report_content{ padding:10px 50px}
.pdf_section .report_content h4{ font-size:18px;margin: 23px 0 }
.pdf_section h2{ padding-left: 15px;margin: 23px 0}
.pdf_section .report_content .categories{ padding: 10px 0px 5px ;}
.pdf_section .report_content .categories h4{ color: #0ca2bd; font-size:17px;text-transform:uppercase;font-family: 'Roboto-Bold';}
.pdf_section .report_content .categories span{ padding:12px 20px 10px 0 }
.pdf_section .report_content .table{ table-layout: fixed;width:100%}
.pdf_section .report_content .table tr td{  align: left;vertical-align: top;word-wrap: break-word;overflow-wrap:break-word;width:auto !important;}
.pdf_section .report_content .table tr td span{  float:left; vertical-align: top;white-space:  pre-line;word-wrap: break-word;width:auto !important;}
.pdf_section .chart_sec .asses_title h4{ font-size:18px;margin: 23px 0 }
.pdf_section .chip_container_sec{ margin: 0px 0 15px 0;float: left; width:100%}
.pdf_section .chip_container_sec .chips{margin-top:25px;  display: inline-block;  padding: 6px 15px;color: #666;font-size: 13px; border-radius: 25px;  background-color: #f1f1f1; margin-right: 12px; margin-bottom: 12px;border: 1px solid #ddd;}
.pdf_section .chip_container_sec .label-default{ background: #f8f8f8}

.pdf_section .report_footer{ border-top:1px solid #ddd; padding: 15px 30px 20px 0px; text-align:center;font-family: 'Roboto-Regular'; width: 100%; position:absolute; bottom:0}
.pdf_section .report_footer .syngenta_logo{ float: right;}

.userlist_block .profile_name.doc img {border-radius: 0%;margin: auto 0px;width: 20px;height: 20px}
/*section.framework_section.user_section.report_section{overflow: auto}*/

/*PDF Report*/

/*table view*/
.tableview{padding: 25px 0 ;clear: both;}
/*table view*/

/* password toggle */
.password-field-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
 
.password-field-wrapper .password-field-input {
  padding-right: 45px;
}
 
.toggle-password {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.toggle-password:focus {
  outline: 2px solid #4d90fe;
  outline-offset: 2px;
}
 
.toggle-password__icon {
  font-size: 18px;
  color: #7b7b7b;
  transition: color 0.2s ease;
}
 
.toggle-password:hover .toggle-password__icon,
.toggle-password.is-visible .toggle-password__icon {
  color: #4e4e4e;
}
/* end password toggle */
.framework_section .nav-tabs.chart-tabs > li > a{
  padding: 15px;
}
.framework_section .nav-tabs.chart-tabs > li{
  margin: 0px 0px -3px;  
}

.team-nav.chart-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  overflow-y: hidden;
  padding-bottom: 8px;
}
.team-nav.chart-tabs li {
  flex: 0 0 auto;
}
.team_view_users_updated .gap-column .col .content a{
  margin-top: 0;
}
.team_view_users_updated .download_icon.pdf2 a{
  padding: 6px 40px !important;
  background-position: 12px 4px !important;
}

/*Custom Media Queries */
.comp-popup .icon-head { float:left; }
.comp-popup .download_icon.pdf { float:right; margin-right: 50px; }
.comp-popup .download_icon.pdf .site_btn { color: #000; }
.comp-popup .download_icon.pdf .site_btn:hover { color: #fff; }

.pdf_section.pdfpopup { text-decoration: none; }
.pdf_section.pdfpopup .icon-head { position: relative; display: block; font-family: 'Roboto-Bold'; font-size: 19px; color: #000; padding:20px; line-height: 24px; }
.pdf_section.pdfpopup .panel { padding:20px; }
.pdf_section.pdfpopup .panel-group {margin-bottom: 0; }
.pdf_section.pdfpopup .panel-group .panel {border-radius: 0;box-shadow: none; }
.pdf_section.pdfpopup .panel-group .panel .panel-heading {padding: 0;}
.pdf_section.pdfpopup .panel-group .panel .panel-heading h4 a {background: #fff;display: block;font-size: 12px; padding: 15px;text-decoration: none;transition: 0.15s all ease-in-out; }
.pdf_section.pdfpopup .panel-group .panel .panel-heading h4 a:hover,.comp-popup .panel-group .panel .panel-heading h4 a:not(.collapsed) {background: #fafafa;transition: 0.15s all ease-in-out;}
.pdf_section.pdfpopup .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {content: ""; }
.pdf_section.pdfpopup .panel-group .panel .panel-heading h4 a i {color: #009dba;padding: 0 15px 0 0;}
.pdf_section.pdfpopup .panel-group .panel .panel-body {padding-top: 0;background: #fafafa; }
.pdf_section.pdfpopup .panel-group .panel .panel-heading + .panel-collapse > .list-group,.comp-popup .panel-group .panel .panel-heading + .panel-collapse > .panel-body {border-top: none;}
.pdf_section.pdfpopup .panel-group .panel + .panel {border-top: none;margin-top: 0;}
.pdf_section.pdfpopup .sortable th {background-color: #f3f3f3;border-bottom: 1px solid #cfcfcf;border-right: none;padding: 10px 20px 10px 20px;font-weight: 500;text-align: left;white-space: nowrap;font-size: 13px;color: #666;font-family: 'Roboto-Regular';text-transform: uppercase;}
.pdf_section.pdfpopup .sortable td {border-top: 1px solid #ddd;border-right: none;margin: 0;padding: 10px 20px 10px 20px;vertical-align: middle;font-size: 14px;color: #828282;font-family: 'Roboto-Regular';position: relative;}
.pdf_section.pdfpopup .sortable th span{cursor: pointer;}
.pdf_section.pdfpopup .expert-text{color: #019cba;}
.pdf_section.pdfpopup .proficient-text{color: #f8b300 !important;}
.pdf_section.pdfpopup .advanced-text{color: #708409;}
.pdf_section.pdfpopup .frmcontent_block {padding:0px;}

.pdf_section.pdfpopup .panel-title { font-family: 'Roboto-Bold'; font-size: 16px; }
.pdf_section.pdfpopup .fa { display: none; }
.pdf_section.pdfpopup .panel-default { background: #fafafa; }
.pdf_section.pdfpopup .panel-body { padding: 0; }
.xlspp .modal-dialog.modal-lg { width:500px; }
.frame_modal.xlssbox { max-width: 300px; text-align: right; float: right; margin: 10px; }
.icon_excel select { max-width: 300px; float: right; }

.xlsddmenu { position: relative; }
.xlsddmenu .dropdown-menu { left: auto; top: auto; margin-top:39px; right:195px; padding:0 !important; }
.xlsddmenu .dropdown-menu:hover { text-decoration: none !important; }
.xlsddmenu .dropdown-menu li { border-bottom: 1px solid #ccc !important; }
.xlsddmenu .dropdown-menu li a {width:205px; padding: 7px 15px !important; }
.btn1 { display: inline-block; }
.xlsddmenu .dropdown-menu li a:hover { background:#ee7f00 !important; }
.download_icon.pdf a { background: url(/assets/icon_pdf.png) no-repeat 12px 7px #d5d5d5;
float: right; margin-left: 15px; font-family: 'Roboto-Bold'; font-size: 13px;
color: #a0a0a0; text-transform: uppercase; border: 1px solid #d5d5d5; border-radius: 4px; padding: 9px 40px;
position: relative; }
.download_icon.pdf a:hover { color: #000; }
.asses_title.two { display:inline-block; width: 100%; padding:20px 0 0px 0 !important; }
  .newhdrt { float: right; display: inline-block; }
.newhdrt h6.notifi { display: inline-block; padding: 5px 15px; }
.download_icon.pdf3 { display: inline-block; margin-bottom: 5px; }
.download_icon.pdf3 a { background: url(/assets/icon_pdf.png) no-repeat 12px 7px #d5d5d5;
margin-left: 15px; font-family: 'Roboto-Bold'; font-size: 13px;
color: #a0a0a0; text-transform: uppercase; border: 1px solid #d5d5d5; border-radius: 4px; padding: 9px 40px;
position: relative; }
.download_icon.pdf3 a:hover { color: #000; }
  .download_icon.pdf2 { display: inline-block; }
.download_icon.pdf2 a { background: url(/assets/icon_pdf2.png) no-repeat 12px 7px #fff !important;
float: none; margin-left: 15px; font-family: 'Roboto-Bold'; font-size: 13px;
color: #ee7f00; text-transform: uppercase; border: 1px solid #ee7f00; border-radius: 4px; padding: 9px 40px !important;
position: relative; }
.download_icon.pdf2 a:hover { }


/* assessment progress */

@font-face {
  font-family: 'Roboto Condensed', sans-serif; src: url(/../fonts/assets/fonts/RobotoCondensed-Bold.ttf); font-weight: normal; font-style: normal;
}

.new_assessment{font-family:'Roboto-Regular';font-weight: 400;}
.udashboard_section .new_assessment .asses_title.asses_top{margin-right: 50px;}
.new_assessment .asses_title h4{font-size: 15px;letter-spacing: 0.6px;color: #1D1D1D;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;margin-bottom: 12px;line-height: 18px}
.new_assessment .asses_title p{color: #848484;font-size: 13px;line-height: 22px;  font-family: 'Roboto-Regular';font-weight: 400;margin-bottom: 9px; }
.new_assessment .asses_title p a{color: #00AEAC;text-decoration: underline;transition: .2s linear;}
.new_assessment .asses_title p a:hover{opacity: .7;}
.dashmanager_section .new_assessment .assets_status{padding: 0px;border-bottom:0 ;min-height: 160px}
.dashmanager_section .new_assessment .assets_blk{width: 289px;border: 1px solid #DBDBDB;
border-radius: 6px;min-height: 91px;padding: 18px 15px 14px;transition: .2s linear;cursor: pointer;float: none;}
.dashmanager_section .new_assessment .slick-initialized .assets_blk{width: auto;}
.dashmanager_section .new_assessment .assets_blk:hover{background: #fff;box-shadow: 0px 3px 6px #00000029;transition: .2s linear;}
.dashmanager_section .new_assessment .assets_blk::before{content: "";position: absolute;width: 0%;height: 4px;background: #EE7F00;top: -2px;left: 0;  transition: width .5s ease, background-color .5s ease;margin: auto;right: 0;}
.dashmanager_section .new_assessment .assets_blk .title{font-size: 16px;color: #1D1D1D;  font-family: 'Roboto-Bold';font-weight: 700;}
.dashmanager_section .new_assessment .assets_blk .code{color: #707070;font-size: 13px;margin-top: 0;}
.dashmanager_section .new_assessment .assets_blk .status{color: #1D1D1D;margin: 8px 0px 6px;font-family: 'Roboto-Bold';font-weight: 700;font-size: 13px;line-height: 15px;}

.dashmanager_section .new_assessment .custom_tab li.active.assets_blk{background: #fff;box-shadow: 0px 3px 6px #00000029;position: relative;cursor: unset;}
.dashmanager_section .new_assessment .custom_tab li.active.assets_blk::before{width: 100%;}
.d-flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.align-center{align-items: center;}
.dashmanager_section .new_assessment .status_bar{position: static;flex-shrink: 0;margin:0 }
.box_right{margin-left: 15px;}
.dashmanager_section .new_assessment .custom_tab li.active.assets_blk::after{content: '';background: transparent url(/polygon_drop.svg) no-repeat;width: 38px;height: 28px;bottom: -23px;position: absolute;right: 0;left: 0;margin: auto;}
.new_assessment .assets_status .custom_tab{width:100%;list-style: none;padding-left: 0;margin-bottom: 11px;flex-wrap: wrap;position: relative;}
.new_assessment .assets_status .custom_tab.slick-initialized{width: 97%;margin-bottom: 0;min-height: 160px;border-bottom: 1px solid #ddd;margin-bottom: 20px}
.custom_tab li.active .close_icon{display: block !important;}
.custom_tab li{display: inline-block;margin: 0 12px 9px 0;}
/* close icon */
.close_icon {position: absolute;right: 5px;top: 7px;width: 11px;height: 11px;opacity: .6;cursor: pointer;}
.close_icon:hover {opacity: 1;}
.close_icon:before, .close_icon:after {position: absolute;content: ' ';height: 11px;width: 1px;background-color: #707070;}
.close_icon:before {transform: rotate(45deg);}
.close_icon:after {transform: rotate(-45deg);}
.view_all, .minimize{color: #00AEAC;font-size: 12px;float: right;padding: 12px 0;cursor: pointer;margin-right: 50px;width: 96px;text-align: right;}
.minimize{display: none;}
/* analysis table */
.analysis_table{background: #fff;padding: 16px 0 23px;margin: 18px 0 18px;box-shadow: 0px 3px 6px #00000029;border: 1px solid #E2E2E2;border-radius: 6px;}
.table_head{padding: 0 10px 13px 21px;}
.table_head img{width: 29px;height: 29px;border-radius: 50px;margin-right: 14px;}
.table_head h3, .new_chart_sec h3{margin: 0;color: #1D1D1D;letter-spacing: 0.6px;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 15px;}
.table_head h3 span{opacity: 0.8;font-weight: 400;margin-left: 4px;text-transform: none;}
.table>thead.main_head>tr>th{padding: 15px 15px 15px 24px;color: #1D1D1D;font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 15px;border-bottom: 1px solid;}
.table>thead.main_head>tr>th span{color: #848484;font-size: 12px;font-family:'Roboto-Regular';font-weight: 400;margin-left: 6px;}
.analysis_table .table-bordered>tbody>tr>td,.analysis_table .table-bordered>tbody>tr>th, .analysis_table .table-bordered>tfoot>tr>td, .analysis_table .table-bordered>tfoot>tr>th, .analysis_table .table-bordered>thead>tr>td, .analysis_table .table-bordered>thead>tr>th{border-color: #D7D7D7;}
.analysis_table .table{margin-bottom: 0;}
.table_sub_head{background: #F5F5F5;}
.table>thead.table_sub_head>tr>th{color: #848484;font-size: 13px;font-weight: 400;    padding: 14px 17px 12px 14px;border-top: none;border-bottom: none;}
.analysis_table .table>tbody>tr>td{padding: 13px 17px 9px 14px;font-size: 12px;color: #1D1D1D;line-height: 14px;}
.table_sub_head th:first-child, .analysis_table table tr td:first-child{text-align: right;}
.analysis_table table tr td:first-child{font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-size: 14px;line-height: 17px;}
.analysis_table table tr:first-child td{border-top: none;}
.select_text{margin: 0px 0 14px;color: #707070;font-size: 13px;}
.select_text span{color: #00AEAC;font-size: 17px;line-height: 0;}

.dashmanager_section .new_assessment .assets_status .slick-next{right: -20px; top: -21px;bottom: 0;margin: auto 0;background-image: url(/slide_arrow.svg);background-color: transparent;width: 27px;height: 97px;}
.dashmanager_section .new_assessment .assets_status .slick-prev{right: 0px;top: -21px;bottom: 0; margin: auto 0;background-image: url(/slide_arrow.svg);background-color: transparent;width: 27px;height: 97px;left: -31px;webkit-transform: scaleX(-1);transform: scaleX(-1);}
.dashmanager_section .new_assessment .assets_status .slick-list{padding-bottom: 0;min-height: 160px}
/*.single_view, .mastery_levels_graph{display: none ;}*/
.new_assessment .slick-track{display: flex !important;}
/*.dashmanager_section .status_bar .mask.full .fill{ background-color: #66cc00;}*/
.dashmanager_section .status_bar #red .fill{background-color: #ff0000;transform: rotate(180deg) !important;}
/*.dashmanager_section .status_bar #red .mask{clip: unset;}*/
.dashmanager_section .status_bar #red .fill.fix{transform: rotate(360deg) !important;}
.dashmanager_section .status_bar #red .mask.full{transform: rotate(180deg) !important;}
.all_graph_charts .chart_sec{background: #fff;border: 1px solid #ccc;border-radius: 4px;margin: 20px 0px 15px 0;padding: 0px 25px 25px 35px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);position: relative;}
.table>thead.main_head>tr>th.color0{color: orange;}
.table>thead.main_head>tr>th.color2{color: #00014a;}
.table>thead.main_head>tr>th.color1{color: #01992d;}
.cluster_bg.cluster_grp .cluster_item .cluster_title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cluster_bg.cluster_grp .cluster_item .descp ul{min-height: 116px;position: relative;}
/*.status_btn{position: absolute;bottom: 0;}*/
.custom_tab .tooltip.top .tooltip-arrow {
  border-top-color: #D3D3D3;
}
.custom_tab .tooltip.top-left .tooltip-arrow {
  border-top-color: #D3D3D3;
}
.custom_tab .tooltip.top-right .tooltip-arrow {
  border-top-color:#D3D3D3;
}
.custom_tab .tooltip.right .tooltip-arrow {
  border-right-color: #D3D3D3;
}
.custom_tab .tooltip.left .tooltip-arrow {
  border-left-color: #D3D3D3;
}
.custom_tab .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #D3D3D3;
}
.custom_tab .tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #D3D3D3;
}
.custom_tab .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #D3D3D3;
}
.custom_tab .tooltip > .tooltip-inner {
  background-color: #D3D3D3;
  font-size: 13px;font-family: 'Roboto-Regular';color: #1D1D1D;
}
.add_custom{display: flex;}
.all_graph_charts .highcharts-legend-item .highcharts-graph, .mastery_levels_graph .highcharts-legend-item .highcharts-graph{visibility: hidden;}

.adduser_block .subadmin.custom_subamin .place_label{position: absolute;display: unset;bottom:auto;top: 7px}
.subadmin.custom_subamin .select2-container{width: 100% !important}
.analysis_table .table>tbody>tr>td.green{color: #66cc00;    font-weight: 600;}
.analysis_table .table>tbody>tr>td.orange{color: #ffa500;    font-weight: 600;}
.analysis_table .table>tbody>tr>td.red{color: #ff0000;    font-weight: 600;}
/* assessment progress */

/*assesment updates 2024*/
.assessquest_section.assement-updated .quest_blk{max-width: 100%}
.assessquest_section.assement-new.assement-updated .radio-group{float: none;text-align: center;margin: 0 auto;width: 100%;}
.assessquest_section.assement-new.assement-updated .radio-group:first-child label:before{margin: 0 auto 15px;}
.assessquest_section.assement-new.assement-updated .radio-group input:checked + label:after{right: 0;left: 0;margin: 0 auto;}
.assessquest_section.assement-new.assement-updated .radio-group:first-child label{text-align: center;}
.assement-updated .asm-modal-content ul{padding-left: 20px;list-style: none;}
.assement-updated .asm-modal-content ul li{position: relative;margin: 0 0 10px;}
.assement-updated .asm-modal-content ul li::before{content: ''; background: transparent url(/assets/polygon.png) no-repeat;width: 6px;
height: 10px;position: absolute;left: -20px;top: 5px; }
.assement-updated .asm-modal-content{margin-top: 10px}
.col-bdr{position: relative;}
.col-bdr:after{content: "";position: absolute;height: 100%;background: #dbdbdb;width: 1px;right: 3px;top:0px;}
.col-bdr:last-child:after{content: none}
.assessquest_section.assement-new.assement-updated .answer_set{display: flex;flex-wrap: wrap;}

.assement-updated.assessquest_section .quest_footer{width: auto;float: right;}
.assement-updated.assessquest_section .ques_count{margin: 0;}
.assement-updated.assessquest_section .comp_frame .title{padding-right: 0}
.assement-updated .asm-modal-content{max-height: 100%;}
.assessquest_section.assement-new.assement-updated .quest_body{border-bottom: none}
.assessquest_section.assement-updated .quest_footer .save_btn{margin-left: 0}
.assessquest_section.assement-updated .quest_footer .save_btn{padding: 7px 28px;}
.assessquest_section.assement-updated .panel-heading a {
  display: block;
  position: relative;
  font-weight: bold;
}
.assessquest_section.assement-updated .panel-heading a::after {
  content: "";
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  position: absolute;
  right: 0;
  top: -30px;
  transform: rotate(45deg);
}
.assessquest_section.assement-updated .panel-heading a[aria-expanded=true]::after {
  transform: rotate(-135deg);
  top: -30px;
}
/*assesment updates 2024*/


@media screen and (max-width: 1600px)
{
.udashboard_section .status_blk h3 { font-size: 16px }
.cluschart_sec .spiderweb_chart { height: 380px }
.cluschart_sec .spiderweb_chart { margin: 0px }
.doc_group #Attachment ul li {width: 18%;display: inline-block;position: relative;height: 100%;overflow: visible;}
}

@media screen and (max-width: 1440px){
  .udashboard_section .new_assessment .asses_title.asses_top, .view_all, .minimize{margin-right: 0;}
  .dashmanager_section .new_assessment .assets_blk .status span{font-size: 12px;}
  .dashmanager_section .new_assessment .assets_blk{ padding: 20px 10px 14px;}
  .box_right{margin-left: 10px;}
  .dashmanager_section .new_assessment .assets_blk .title{font-size: 15px;}

}

@media screen and (max-width: 1367px)
{
.udashboard_section .status_blk h3 { font-size: 15px }
.udashboard_section .status_blk { padding: 0px 15px }
.slider.slider-horizontal { width: 180px }
.assessland_section .prog_body .status .inv_btn { margin-left: 0px }
.assessland_section .curr_assess { width: 58% }
.assessland_section .prog_summary { width: 42% }
.assessland_section .comp_frame::after { left: 58% }
.learnres_modal .full_row { margin: 10px 0px 25px;}
.user-title {padding-left: 20px;}
.user-option .dropdown{ font-family: 'Roboto-Regular'; font-size: 13px; }
.doc_group #Attachment ul li {width: 23%;display: inline-block;position: relative;height: 100%;overflow: visible;}
.dashmanager_section .new_assessment .assets_status .slick-next{right: -21px;}
}

@media screen and (max-width: 1280px)
{
.user_section .sort_block .select_box { margin-right: 10px }
.udashboard_section .status_blk h3 { font-size: 14px }
.spiderweb_chart .categ_links { font-size: 12px }
.assesgap_blk .slider.slider-horizontal { width: 70% !important }
.assessland_section .curr_assess, .assessland_section .prog_summary { padding: 30px 20px }
small.added_name { padding-right: 10px; }
#trend-chart{width: 100%;height: auto;}

 .dashmanager_section .new_assessment .assets_status .slick-prev, .dashmanager_section .new_assessment .assets_status .slick-next{top: -22px}
  .new_assessment .assets_status .custom_tab{min-height: 140px;}
}

@media screen and (max-width: 1199px)
{
header .navbar-toggle { display: block }
.frame_modal .modal-title { font-size: 14px }
header #close_toggle { display: none }
header .fixed_menu { left: -250px }
header .top_header { padding: 0px 15px }
main { padding: 0px }
.framework_section .nav-tabs { padding: 0px 15px; font-size: 14px }
.framework_section .nav-tabs > li > a { padding: 18px }
.framework_section .frmcontent_block  { padding: 30px 15px }
.framework_section .comp_frame .frame_name { font-size: 16px }
.framework_section .title h4 { font-size: 14px; margin: 13px 0px }
.framework_section .comp_frame { padding: 25px 15px }
.frame_modal .modal-title { padding-left: 0px }
.frame_modal .modal-body { padding: 30px 20px }
.editcomp_modal .comp_title h3 { font-size: 18px }
.editcomp_modal .caption { font-size: 16px }
.editcomp_modal .modal-title { font-size: 14px }
.addcomp_modal .comp_title .text_box { font-size: 18px }
.login_section .login .title { font-size: 14px }
.login_section .txt_box { font-size: 14px }
.framework_section .comp_group .comp_grp_name { font-size: 20px }
.framework_section .comp_group { padding: 0 15px 5px }
.roles_section .newrole_block, .roles_section .roles_table_block { padding: 30px 15px }
.adduser_block .form_field { padding: 25px 15px 0 0 }
.adduser_block .txt_box { font-size: 15px }
.adduser_block .userform { width: 100% }
.user_section .sort_block label { font-size: 13px }
.user_section .userfilter_block { padding: 25px 15px }
.user_section .userlist_block { padding: 15px 15px }
.userlist_block .count_num { font-size: 14px }
.userlist_block .count_num { margin: 0px 0px 15px }
.question_section .asses_tabs .nav-tabs { font-size: 14px }
.question_section .asses_tabs .nav-tabs > li > a { padding: 15px }
.question_section .asses_tabs { padding: 15px 0px 0px }
.user_section .btn_set { top: 8px }
.addquest_blk .title_blk h4 { font-size: 13px }
.addquest_blk .title_blk { padding: 15px 0px }
.addquest_blk .sellevel_blk h4 { font-size: 14px; padding: 15px 0px }
.addquest_blk .question_blk { padding: 20px 0px }
.addquest_blk .question_blk .weight_blk { padding: 0px; margin: 15px 0px 0px }
.addquest_blk .question_blk .tab-content { margin: 15px 0px 30px }
.addquest_blk { padding: 25px 15px }
.udashboard_section .status_blk h3 { font-size: 16px }
.udashboard_section .comp_frame { margin: 0px 0px 25px !important }
.udashboard_section .frame_settings .sub_title { font-size: 14px }
.udashboard_section .assess_frame { padding: 0px 15px 25px }
.udashboard_section .asses_title h4 { font-size: 14px }
.udashboard_section .asses_title { padding: 15px 0px 10px }
.udashboard_section .status_blk { width: 33.33% !important }
.udashboard_section .status_blk:nth-child(4):after { content: none }
.udashboard_section .status_blk:nth-child(5) { padding-left: 0px }
.roles_section .newrole_block .txt_box { width: 30% !important }
.adduser_block .multi_sel { width: 100% !important }
.cluschart_sec .head_title { font-size: 14px }
.spider_table table tbody td { font-size: 14px }
.linechart .ranslider_blk .title { font-size: 16px }
.linechart .ranslider_blk h5 { font-size: 14px }
.udashboard_section .dchart_section { margin: 0px 0px 25px }
.compchart_sec .cmptable .left_clm, .compchart_sec .cmptable .explevel_head span { font-size: 13px }
.spiderweb_chart .highcharts-xaxis-labels tspan, .spiderweb_chart .highcharts-legend-item tspan { font-size: 12px !important }
.dashmanager_section .assets_blk .title { font-size: 15px }
.dashmanager_section .assets_blk .code { font-size: 13px }
.dashmanager_section .assets_blk .status { font-size: 14px }
.dashmanager_section .assets_status .slick-next::after, .dashmanager_section .assets_status .slick-prev::after { font-size: 11px }
.dashmanager_section .assess_frame .bot_notes h6 { font-size: 12px }
.dashmanager_section .assets_status .slick-prev { left: -10px }
.dashmanager_section .assess_gaps .title h5 { font-size: 14px }
.dashmanager_section .assess_body .title h6 { font-size: 12px }
.dashmanager_section .assess_gaps .contbody { font-size: 13px }
.dashmanager_section .assesgap_blk.header { width: 220px !important; min-width: 220px !important }
.dashmanager_section .assess_gaps { padding-left: 220px }
.assessquest_section .title .assess_title { font-size: 16px }
.assessquest_section .breadcrumb_quest h5 { font-size: 12px }
.assessquest_section .ques_count h6 { font-size: 13px }
.assessquest_section .quest_body .notes { font-size: 12px }
.assessquest_section .quest_blk h3 { font-size: 18px }
.assessquest_section .answer_set .radio_row, .assessquest_section .quest_footer .nav_link, .assessquest_section .quest_footer .save_btn { font-size: 14px }
.assessland_section .curr_title h5, .assessland_section .prog_title h5 { font-size: 14px }
.assessland_section .curr_title h6, .assessland_section .curr_footer .notes, .assessland_section .prog_title h6 { font-size: 12px }
.assessland_section .curr_body .head { font-size: 16px }
.assessland_section .curr_body .sub_head, .assessland_section .curr_body ul { font-size: 14px }
.assessland_section .curr_body .get_start { font-size: 11px }
.assessland_section .prog_body .head { font-size: 13px }
.assessland_section .prog_body .status h6 { font-size: 11px }
.assessland_section .prog_body .status .inv_btn { width: 70px }
.assessland_section .prog_body .head i { font-size: 15px }
.addquest_blk .question_blk .image_sec .text_box { width: 35% }
.addquest_blk .question_blk .image_sec .file_label,.addquest_blk .question_blk .response_blk .submit_btn { font-size: 12px }
.addquest_blk .question_blk .selectset_image .file_label { font-size: 11px !important }
.add_blankOpt { font-size: 16px }
.adduser_block .field_group .add_blankOpt { position: static; float: right; margin: 10px 10px 0px 0px }
.assessquest_section .questImage_body .answer_set .radio_row { padding: 0px 10px }
.fill_blanks .fillblanks_list, .fill_blanks .option_blk .opt_list { font-size: 14px }
.prflmap_modal .modal-body { padding: 20px 15px }
.assessquest_section .quest_footer { margin: 25px 0px 0px }
.userlist_block table thead th:last-child { min-width: 140px !important }
.event_calendar .fc-center h2 { font-size: 16px }
.event_calendar .fc-button { font-size: 13px; padding: 5px 10px }
.fc-icon, .fc-toolbar .fc-center { margin: 7px 0px 0px }
.event_calendar .fc-widget-header .fc-day-header, .event_calendar .fc-list-heading-main, .event_calendar .fc-list-item { font-size: 14px }
.framework_section .comp_group .comp_grp_name { padding-right: 25px;}

.dashmanager_section .new_assessment .assets_status{margin-left: 16px;}
  .dashmanager_section .new_assessment .assets_status .slick-next{right: -20px;}
}

@media screen and (max-width: 992px)
{
.cluster_modal label.icon_filer { margin: 0px }
.cluster_modal .clust_icon { right: 25px }
.login_section .login_block { max-width: 740px }
.user_section .search_block { text-align: left; margin: 15px 0px 0px }
.user_section .search_box { width: 100% }
.user_section .sort_block .select_box { width: 43% }
.question_section .txt_box { width: 18.5% !important }
.asses_schedule .date_blk { width: 45% }
.asses_schedule .assschd_form .select_box { width: 95% !important }
.udashboard_section .dchart_section:after { left: 0; right: 0; top: 49%; bottom: unset; margin: 0px auto; width: 100%; height: 1px }
.cluschart_sec .spiderweb_chart { margin: 15px 0px 0px }
.assessland_section .curr_assess, .assessland_section .prog_summary { width: 100% }
.assessland_section .comp_frame::after { content: none }
.assessland_section .curr_assess { border-bottom: 1px solid #e1e1e1 }
.addquest_blk .question_blk .response_blk .select_set { width: 75% }
.addquest_blk .select_set.true_false { width: 75% !important }
.addquest_blk .select_set.true_false_multi { width: 100% !important }
.userlist_block table thead th:last-child { width: 140px !important }
.learnres_modal { width: 740px }
input#to_date_popup{width: 30% !important;}
.doc_group #Attachment ul li {width: 18%;}
}

@media screen and (max-width: 800px)
{
.userlist_block .edit_block a.delete_btn { padding-left: 0px }
}

@media screen and (max-width: 767px)
{
header .foot_logo { position: relative }
header .logo { margin: 0px 0px 0px 20px }
.framework_section .nav-tabs { font-size: 13px }
.framework_section .nav-tabs > li { margin: 0px 0px -3px }
.framework_section .nav-tabs > li > a { padding: 15px }
.framework_section .title .btn_contain { position: static }
.framework_section .title h4 { font-size: 13px; padding-right: 0px; margin-top: 0px }
.framework_section .comp_frame { margin: 20px 0px 0px }
.framework_section .comp_frame .frame_name { font-size: 15px }
.framework_section .comp_frame .settings_list, .cluster_grp .cluster_item .settings_list { font-size: 13px }
.frame_modal .modal-header { padding: 10px 15px }
.frame_modal .modal-body { padding: 15px }
.frame_modal .modal-body { font-size: 14px }
.frame_modal .close { font-size: 28px }
.frame_modal .title_box { font-size: 16px }
.frame_modal .cluster_blk { margin: 15px 0px 0px }
.frame_modal .cluster_blk h4 { font-size: 14px }
.frame_modal .cluster_area { padding: 10px }
.frame_modal .save_btn { float: left; margin: 10px 0px 0px; padding: 7px 30px }
.cluster_grp .cluster_item { margin: 0px 15px 15px 0px }
.cluster_modal .cluster_set .block h4 { font-size: 14px }
.cluster_modal .left_blk { display: block; width: 100%; padding: 0px }
.cluster_modal .right_blk { display: block; width: 170px; margin: 15px 0px 0px }
.cluster_modal .cluster_set .block { width: 100%;  }
.cluster_modal .descp_list { width: 100% }
.cluster_modal .cluster_set .choosen { margin: 15px 0px }
.cluster_modal .descp_list { font-size: 13px }
.cluster_modal .descp_list li { padding: 12px 30px 12px 12px }
.editcomp_modal .modal-title { font-size: 13px }
.editcomp_modal .modal-header { padding: 10px 15px }
.editcomp_modal .modal-body { padding: 15px; margin-bottom: 0px }
.editcomp_modal .comp_title h3 { font-size: 16px }
.editcomp_modal .comp_title { padding-bottom: 10px }
.editcomp_modal .comp_content { margin: 15px 0px }
.editcomp_modal .comp_content .left_blk { width: 100% }
.editcomp_modal .caption { font-size: 15px; line-height: 20px }
.editcomp_modal .comp_content .right_blk { width: 100%; margin: 10px 0px 0px }
.editcomp_modal .comp_content .descp_blk { margin: 10px 0px 0px }
.editcomp_modal .comp_content .head { font-size: 14px }
.editcomp_modal .comp_content .head + p { font-size: 13px }
.editcomp_modal .update_btn { font-size: 12px }
.editcomp_modal .modal_footer { margin: 15px 0px 0px }
.addcomp_modal .comp_title .text_box { font-size: 16px }
.login_section .logo_img { width: 200px; height: 62px; position: relative }
.login_section .login_blk { height:400px }
.login_section .logo { width: 100%; float: none }
.login_section .logo { height: auto; padding: 20px; border-bottom: 1px solid #e6e6e6; border-right: none }
.login_section .login { width: 100%; float: none; padding: 30px 15px }
.login_section .login .title { font-size: 13px; margin-bottom: 15px }
.login_section .txt_box { font-size: 13px; margin-bottom: 0px }
.login_section .submit_btn { padding: 7px 30px }
.login_section .checkbox:not(old) + label { margin: 9px 0 9px -16px }
.login_section .signup_blk { margin: 15px 0px 0px; padding: 15px 0px }
.login_section .login_block { position: relative; height: auto; margin: 50px 0px 0px }
.login_section .foot_logo { position: relative; margin: 15px 0px }
.login_section { height: 100vh; display: table; width: 100%; padding: 0px 15px }
.login_section .login_block { display: table-cell; vertical-align: middle }
.framework_section .comp_group .comp_grp_name { font-size: 18px }
.framework_section .comp_group { padding: 0 15px 15px }
.framework_section .comp_group .setting_contain { right: 10px }
header .logout_menu .notify + .drop_down { width: 250px }
.region_modal .suggest_list { width: 270px }
.roles_section .newrole_block .role_label { font-size: 13px; display: block; margin: 0px 0px 5px }
.roles_section .newrole_block .txt_box { display: block; font-size: 13px }
.roles_section .newrole_block .role_btn { margin: 15px 15px 0px 0px }
.roles_section .roles_table_block { display: block }
.addcomp_modal .text_area_desc { height: 200px }
.adduser_block .userform { padding: 0px }
.adduser_block .upload_dp { position: relative; margin: 0 auto 30px }
.adduser_block .form_field { width: 100% !important; margin-bottom: 10px }
.adduser_block .form_field.hidden { display: none }
.adduser_block .field_group { margin: 0px }
.adduser_block .txt_box { font-size: 14px }
.adduser_block .place_label, .adduser_block .submit_btn, .adduser_block .role_txt_label, .adduser_block .checkbx + .checklabel { font-size: 12px }
.user_section .sort_block label { font-size: 12px; margin-bottom: 5px }
.user_section .sort_block .select_box { width: 100%; margin-bottom: 10px }
.user_section .search_block { margin: 0px }
.userlist_block .count_num { font-size: 13px }
.userlist_block table thead { font-size: 12px }
.userlist_block table tbody tr { font-size: 13px }
.userlist_block .edit_block a.delete_btn { padding-left: 8px }
.userlist_block .profile_name h4 { font-size: 14px }
.userlist_block .profile_name h6 { font-size: 12px }
.user_section .btn_set { position: relative; top: 0px; right: 0px; margin: 15px 0px; padding: 0px 15px; width: 100%  }
.question_section .asses_tabs .nav-tabs { font-size: 13px }
.question_section .txt_box { width: 100% !important }
.question_section .search_btn { margin: 10px 0px 0px 8px }
.question_section .sort_block label { margin-bottom: 8px }
.pagination_blk ul, .pagination_blk span { font-size: 13px }
.addquest_blk .title_blk h4, .addquest_blk .title_blk .back { font-size: 12px }
.addquest_blk .sellevel_blk h4 { font-size: 13px }
.addquest_blk .select_blk { padding: 15px }
.addquest_blk .select_blk label { font-size: 12px }
.addquest_blk .select_blk .select_box { width: 100% }
.addquest_blk .select_blk .right_blk { padding: 0px; margin: 15px 0px 0px }
.addquest_blk .question_blk .type_blk label, .addquest_blk .question_blk .response_blk label, .addquest_blk .question_blk .response_blk .submit_btn { font-size: 12px }
.addquest_blk .question_blk .response_blk .select_set { width: 100% }
.addquest_blk .question_blk .response_blk .select_set .radio_btn + label { width: 25px; height: 25px }
.addquest_blk .question_blk .response_blk .select_set .text_set { width: 80% }
.udashboard_section .frame_settings .sub_title, .udashboard_section .asses_title h4 { font-size: 13px }
.udashboard_section .asses_title h5 { font-size: 12px; padding-left: 10px }
.udashboard_section .asses_title h4 { padding-right: 10px; letter-spacing: 1px }
.udashboard_section .asses_title .notifi { font-size: 12px }
.udashboard_section .assets_status .notes { font-size: 13px }
.udashboard_section .status_blk h3 { font-size: 15px }
.question_section .asses_tabs .nav-tabs > li > a { padding: 15px }
.question_section .asses_tabs .nav-tabs > li { width: 32%; margin: 0 0 -3px 1% }
.question_section .asses_tabs .nav-tabs > li.last-child > a { height: 67px }
.asses_schedule .type_blk { width: 100% !important;  }
.asses_schedule .assschd_form .txt_box, .asses_schedule .assschd_form .select_box { width: 100% !important; margin: 0px !important }
.asses_schedule .date_blk { margin: 0px 0px 10px; width: 49% }
.roles_section .newrole_block .txt_box { width: 100% !important; margin: 0px 0px 10px }
.roles_section .newrole_block .role_btn { margin: 5px 0px 0px }
.asses_schedule .full_blk { width: 100% !important }
.roles_section .search_block .select_box { margin: 15px 0px 0px; width: 100% }
.adduser_block .multi_sel { padding-right: 0px !important }
.user_section .sortmulti_block label { width: 100% }
.user_section .sortmulti_block { margin: 0px }
.cluschart_sec .head_title, .spider_table table tbody td, .spider_table table thead th { font-size: 13px }
.dchart_section .spiderchrt { padding: 30px 15px }
.spider_table .clust_link { margin: 10px 0px 5px }
.linechart .ranslider_blk .title { font-size: 15px }
.linechart .ranslider_blk h5 { font-size: 13px; line-height: 21px }
.ranslider_table thead th, .ranslider_table tbody td { font-size: 12px }
.ranslider_table tbody td .cnt_btn { font-size: 10px }
.cluschart_sec .line_chart { margin: 20px 0px 0px }
.compchart_sec .comp_title { font-size: 13px }
.compchart_sec .compset { margin: 15px 0px 0px }
.compchart_sec .cmptable .left_clm, .compchart_sec .cmptable .explevel_head span, .compchart_sec .cmptable .end_notes h6 { font-size: 12px }
.compchart_sec .compsider_chart { padding: 0px }
.dashmanager_section .asses_title .notifi { float: none; margin-top: 10px }
.dashmanager_section .assets_status { padding: 15px 40px }
.dashmanager_section .assess_frame .bot_notes h6 { font: 11px }
.dashmanager_section .assets_blk .title { font-size: 14px }
.dashmanager_section .assets_blk .code { font-size: 13px }
.dashmanager_section .assets_blk .status { font-size: 13px }
.dashmanager_section .assets_blk .status span { font-size: 12px }
.dashmanager_section .assessgap_frame .table-responsive { border: none }
.dashmanager_section .assessgap_frame { padding: 0px 15px 15px 15px !important }
.dashmanager_section .assess_gaps .title h5 { font-size: 13px }
.dashmanager_section .assess_body .title h6 { font-size: 11px }
.dashmanager_section .assess_gaps .contbody { font-size: 12px }
.dashmanager_section .assessgap_frame .table-responsive { padding-bottom: 50px }
.assessquest_section .comp_frame { margin: 0px }
.assessquest_section .title .assess_title { font-size: 15px }
.assessquest_section .breadcrumb_quest h5 { margin: 0px 0px 5px }
.assessquest_section .ques_count h6 { font-size: 12px }
.assessquest_section .comp_frame .title { padding: 0 80px 10px 0 }
.assessquest_section .quest_body { padding: 15px 0px }
.assessquest_section .quest_blk h3 { font-size: 16px; line-height: 23px }
.assessquest_section .answer_set .radio_row, .assessquest_section .quest_footer .nav_link, .assessquest_section .quest_footer .save_btn { font-size: 13px }
.assessquest_section .answer_set .radio_row { margin: 15px 0px 0px }
.assessquest_section .answer_set .answer_label { background-position: left 0px; padding: 1px 10px 1px 30px }
.assessquest_section .quest_footer { margin: 20px 0px }
.assessland_section .curr_assess, .assessland_section .prog_summary { padding: 20px 15px }
.assessland_section .curr_title h5, .assessland_section .prog_title h5 { font-size: 13px }
.assessland_section .curr_title h6, .assessland_section .curr_footer .notes, .assessland_section .prog_title h6 { font-size: 11px }
.assessland_section .curr_body { margin: 15px 0px }
.assessland_section .curr_title, .assessland_section .prog_title { padding: 0px 0px 10px }
.assessland_section .curr_body .head { font-size: 15px }
.assessland_section .curr_body .sub_head, .assessland_section .curr_body ul { font-size: 13px }
.assessland_section .curr_body .sub_head { margin: 15px 0px 0px }
.assessland_section .curr_body ul { margin: 10px 0px }
.assessland_section .curr_body .get_start { font-size: 10px; padding: 6px 18px }
.assessland_section .curr_footer, .assessland_section .prog_title h6 { margin: 5px 0px 0px }
.assessland_section .prog_body .iteml { padding: 10px 0px }
.assessland_section .prog_body .head i { font-size: 14px }
.assessland_section .prog_body .head { font-size: 12px }
.assessland_section .prog_body .status .inv_btn { font-size: 10px; width: 60px }
.assessland_section .prog_body { margin: 3px 0px 0px }
.addquest_blk .question_blk .image_sec .file_label, .addquest_blk .question_blk .response_blk .submit_btn { font-size: 11px }
.add_blankOpt { font-size: 14px }
.addquest_blk .question_blk .response_blk .radio_btn + label { padding: 3px 15px 3px 30px }
.addquest_blk .select_set.true_false { width: 100% !important }
.addquest_blk .select_set.true_false .text_set { width: 90% !important }
.addquest_blk .true_false .opselect_set { width: 85%; margin: 10px 0px 0px }
.addquest_blk .true_false .opselect_set + .add_blankOpt { margin: 20px 0px 0px }
.select_set.true_false .opselect_set .divis .radio_btn + label { font-size: 12px }
.addquest_blk .true_false_multi .opselect_set { width: 95% !important }
.addquest_blk .true_false_multi .opselect_set + .add_blankOpt { margin: 40px 0px 0px 0px }
.assessquest_section .questImage_body .answer_set .radio_row { margin: 0px 0px 30px }
.assessquest_section .questImage_body .answer_set .answer_label, .assessquest_section .questImage_body .answer_set .canswer_label { padding: 0px 0px 35px }
.truefalse_table .table { margin: 0px 0px 20px }
.truefalse_quest_multi .truefalse_table thead tr th.truef { max-width: 100% }
.fill_blanks .fillblanks_list, .fill_blanks .option_blk .opt_list { font-size: 13px }
.fill_blanks .fillblanks_list li { margin: 0px 0px 15px }
.fill_blanks .fillblanks_list li:first-child { margin: 15px 0px }
.fill_blanks .fillblanks_list .fill_box { min-width: 100px }
.fill_blanks .option_blk { margin: 30px 0px 0px }
.fill_blanks .option_blk .opt_list { margin: 0px 10px 10px 0px }
.frame_modal .modal-title { font-size: 13px }
.delete_modal .desc_del { font-size: 14px }
.delete_modal .save_btn { float: right; margin: 0px 0px 0px 5px }
.framework_section .comp_frame .frame_name .added_name { float: none; display: block }
.alert { z-index: 10000; padding: 10px }
.alert strong { font-size: 14px }
.udashboard_section .compchart_sec { padding: 15px }
.cluster_grp .cluster_item { height: auto }
.login_section .forgetpass_block p { font-size: 13px !important }
.edit_mapname { font-size:  15px }
.fc-icon, .fc-toolbar .fc-center { margin: 15px 0px 0px }
.event_calendar .fc-center h2 { font-size: 15px }
.learnres_modal { width: auto }
.learnres_modal .full_row { margin: 5px 0px 5px; }
.learnres_modal .full_row .halfw { width: 100%; margin: 10px 0px 10px }
.learnres_modal .full_row .mob-halfw { width: 100%; margin: 10px 0px 10px;overflow: auto; }
.learnres_modal .sel_box { width: 100% }
.learnres_modal .full_row .datew { width: 50% }
.learnres_modal .curr_sel { padding-top: 2px; padding-bottom: 2px; width: 95% }
.cluster_grp .cluster_item.reviewer-in-list { height: auto }
.frame_modal .cluster_area.drag_area { width: 100% }
.territad_btn { float: none; display: block; max-width: 150px; margin: 8px 0px 0px }
.addreg_modal .territ_set .block h4 { font-size: 14px }
.addreg_modal .territ_set .block { width: 100%; margin-bottom: 15px }
.addreg_modal .territ_set { margin: 0px }
.selecttop {position: absolute; top: 20px; }
form.roles-search.search_form .search_box { width: 100%; margin-right: 0; margin-bottom: 15px; }
.user_section .sort_block .roles-search .select_box { width: 100%;margin-bottom: 10px;margin-right: 0; }
.roleb_btn{margin: 0;}
}

/*framework form*/
.frameworks .tmans_label { display: inline-block; height: 20px; background-image: url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png); background-repeat: no-repeat; background-position: left; padding-left: 30px; padding-right: 12px;}
.frameworks label { text-transform: none; font-family: 'Roboto-Regular'; display: block; margin-bottom: 12px; font-weight: 400; color: #666;}

/*reports*/
.user_section	.reports_filter.userfilter_block{background: #f8f8f8;}
.reports_filter label,.reports_filter .sort_block label{text-transform:none;font-family:'Roboto-Regular';display:block;width:100%;margin-bottom:12px;font-weight:400;color:#666}
.date_block input[type="text"]{z-index:9999;border-color:rgba(82,168,236,0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);border:1px solid #d7d7d7;-shadow:none;color:#555;padding:7px 25px 7px 10px;outline:none;line-height:32x;border-radius:4px;width: 100%;}
.reports_filter .isSelected{background:transparent}
.calendar_icon{background:url(/assets/calendar-6ffc5c00abb79112c3b8eb35e69bab3e9a8d7e95c5ef0ac35aa4b0893c629192.png) no-repeat 92% 9px #fff}
.reports_filter .more_filter{text-transform:uppercase;margin-bottom:10px}
.reports_filter .more_filter a{color:#ee7f00}
.reports_filter .more_filter .caret{border-top:4px dashed #ee7f00;border-right:4px solid transparent;border-left:4px solid transparent}
.reports_filter .site_btn{font-family:'Roboto-Bold';font-size:13px;color:#a0a0a0;text-transform:uppercase;background:#d5d5d5;border:1px solid #d5d5d5;border-radius:4px;padding:9px 30px;position:relative;transition:all .3s ease 0;float:right}
.reports_filter .reset.site_btn{font-family:'Roboto-Bold';font-size:13px;color:#a0a0a0;text-transform:uppercase;background:transparent;border:1px solid transparent;border-radius:4px;padding:9px 20px;margin-right:10px;position:relative;transition:all .3s ease 0}
.reports_filter .site_btn:hover{color:#fff}
.reports_filter .more_filtersec{display:none; float:left;width:100%;padding:20px 0;border-top:1px solid #ddd;margin-top:35px}
.reports_filter .more_filtersec .padding{margin-bottom:30px}
.reports_filter .more_filtersec .select_box{vertical-align:top;height:100px;font-family:'Roboto-Regular';font-size:13px;color:#333;border:1px solid #d7d7d7;padding:7px 25px 7px 10px;width:100%;border-radius:4px;appearance:none;-webkit-appearance:none;-o-appearance:none;-moz-appearance:none;-ms-appearance:none;margin-right:15px;background:#fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 95% center}
.reports_filter .more_filtersec .on_open{border-top:1px solid #ddd;padding-top:25px}
.reports_filter .site_btn.open{font-family:'Roboto-Bold';font-size:13px;color:#fff !important;text-transform:uppercase;background:#ee7f00;border:1px solid #ee7f00;border-radius:4px;padding:9px 30px;position:relative;transition:all .3s ease 0;float:right}
.reports_filter .tmradio_btn{display:none}
.reports_filter .tmans_label{display:block;height:20px;background-image:url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png);background-repeat:no-repeat;background-position:left;padding-left:30px;margin:20px auto}
.reports_filter .tmradio_btn:checked + .tmans_label{background-image:url(/assets/check_on-aa2c33ee81281c07e5b2b38e580de8869b2fa80ac375aa338f050c814a1e81b5.png)}
.report_block h2{font-family: 'Roboto-Bold';font-size: 18px;margin-left: 14px;}
.report_block .chart_sec{background: #fff;border: 1px solid #ccc;border-radius: 4px;margin: 20px 0px 15px 0;padding: 0px 25px 25px 35px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);position: relative;}
.report_block .chart_sec .asses_title {overflow: auto;padding: 20px 0px 15px;}
.report_block .chart_sec .asses_title h4:after{display: none;}
.report_block .chart_sec .asses_title h4{font-family: 'Roboto-Bold';font-size: 15px;color: #000;float: left; text-transform: uppercase; margin-top: 0}
.report_block .chart_sec .asses_title h4 span{font-family: 'Roboto-Medium';font-size: 13px;color: #333;text-transform: capitalize;}
.report_block .chip_container_sec{ margin: 0px 0 15px 0;float: left; width:100%}
.report_block .chip_container_sec .chips{  display: inline-block;  padding: 6px 15px;color: #666;font-size: 13px; border-radius: 25px;  background-color: #f1f1f1; margin-right: 12px; margin-bottom: 12px;border: 1px solid #ddd;}
.report_block .chip_container_sec .label-default{ background: #f8f8f8}
.report_block .chip_container_sec .label-default .fa{ font-size:12px}
.report_block .chip_container_sec .closebtn { padding-left: 10px; color: #888; float: right; font-size: 18px; cursor: pointer;line-height: 19px;}
.report_section input[type="checkbox"]{ -moz-appearance: checkbox;-webkit-appearance: checkbox; position:relative !important;right: 5px;}
.report_section .multiselect-container > li > a > label {padding: 3px 20px 3px 25px;}
.report_section .sort-select { background-color:#fff; width: 95%;}
.report_section .sort_block .select_box { font-family: 'Roboto-Regular'; font-size: 13px; color: #333; border: 1px solid #d7d7d7; padding: 7px 25px 7px 10px; width: 95%; border-radius: 4px; appearance: none; -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; margin-right: 15px; background: #fff url(/assets/select_arr-c59105b244bd2202852c57c89dbf88b6db74962478f5e3810f6d7318dee90f81.png) no-repeat scroll 95% center }
.report_section .sort_block .select_box:focus { border: 1px solid #d7d7d7 }
.reports_filter .region_checkbox .tmans_label{margin: 0}

.tmans_label{display:block;height:20px;background-image:url(/assets/check_off-259b6139a9d30f8ff736ddad0aad847846d85e1ef33ec8ce1542819501bfbae4.png);background-repeat:no-repeat;background-position:left;padding-left:30px;margin:20px auto}
.tmradio_btn:checked + .tmans_label{background-image:url(/assets/check_on-aa2c33ee81281c07e5b2b38e580de8869b2fa80ac375aa338f050c814a1e81b5.png)}
.assessment_selall{float:right; margin-right:15px; font-weight:normal}
.user_section .sort_block .assessment_selall label{ font-weight:normal; font-family:'Roboto-Regular';}

/* password-reset */
.reset-pw .login_section .txt_box.bdr{border: 1px solid #dadada; border-radius:5px;margin-top: 20px;}
.reset-pw .login_section .txt_box.bdr+span a{margin-left: 5px;float:right}
.reset-pw .login_section .txt_box:focus{    border: 1px solid #ee7f00;}
.reset-pw .login_section .login{width: auto;padding: 30px 40px 50px 40px;}
.reset-pw .login_section .remem_blk{text-align:right;}
.reset-pw .login_section .submit_btn{float:none;}
/* password-reset */

@media screen and (max-width: 480px)
{
.cluster_grp .cluster_item { float: none; margin: 0 auto 15px }
.udashboard_section .asses_title .notifi { float: none; margin: 5px 0px 0px }
.udashboard_section .status_blk { width: 100% !important; padding: 0px }
.udashboard_section .status_blk:after { content: '' !important; left: 0; right: 0; bottom: 0; top: unset; margin: 0px auto; width: 100%; height: 1px }
.udashboard_section .status_blk .invite_btn { margin: 10px 0px 0px }
.question_section .asses_tabs .nav-tabs > li.last-child > a { height: 85px }
.question_section .asses_tabs .nav-tabs > li > a { padding: 15px 10px }
.cluschart_sec .spiderweb_chart { margin: 0px }
.line_chart .highcharts-xaxis-labels tspan, .line_chart .highcharts-data-label tspan { font-size: 10px }
.udashboard_section .asses_title .notifi { margin: 10px 0px 0px }
.dashmanager_section .assets_blk { padding: 0 0 0 85px }
.addquest_blk .true_false_multi .opselect_set { width: 90% !important }
.addquest_blk .true_false_multi .opselect_set + .add_blankOpt { margin: 20px 0px 0px 10px }
.assessment-deatils .submit_btn { float: left;margin-bottom: 10px; }
input#to_date_popup { width: 50% !important;margin-bottom: 10px; }
.framework_section .title .add_frame{margin: 5px 0px;}
.roleb_btn {margin: 5px 0px;}
.doc_group #Attachment ul li {width: 18%;}

 .dashmanager_section .new_assessment .assets_status .slick-next{right: -19px;}
}

@media screen and (max-width: 479px)
{
.addquest_blk .question_blk .type_blk .ques_tabs li { width: 50%; border-bottom: 1px solid #d7d7d7 }
.addquest_blk .question_blk .type_blk .ques_tabs li:nth-child(3), .addquest_blk .question_blk .type_blk .ques_tabs li:nth-child(4) { border-bottom: none }
.addquest_blk .question_blk .type_blk .ques_tabs li a { display: block }
.addquest_blk .question_blk .type_blk .ques_tabs li.text a { border-bottom-left-radius: 0px }
.addquest_blk .question_blk .type_blk .ques_tabs li.image.active a { border-top-right-radius: 4px }
.addquest_blk .question_blk .type_blk .ques_tabs li.video.active a { border-bottom-left-radius: 4px }
.addquest_blk .question_blk .type_blk .ques_tabs li.audio a { border-top-right-radius: 0px }
.addquest_blk .question_blk .response_blk .radio_btn + label { margin-bottom: 5px }
.dchart_section .spiderchrt { padding: 30px 10px }
.spiderweb_chart .categ_links { font-size: 10px }
.cluschart_sec .spiderweb_chart { height: 320px }
.spider_table table thead th .fa + span { display: none }
.udashboard_section .dchart_section:after { top: 48% }
.spiderweb_chart .highcharts-xaxis-labels tspan, .spiderweb_chart .highcharts-legend-item tspan { font-size: 10px !important }
#compspider_web { height: 280px }
.assessquest_section .quest_footer .save_btn { margin: 0px; float: none; padding: 7px 31px }
.assessland_section .prog_body .table_cell { display: block; float: left; text-align: left; width: 100% }
.assessland_section .prog_body .status { margin: 10px 0px 0px }
.fill_blanks .option_blk .opt_list { min-width: 20px }

}

@media screen and (max-width: 414px){
div#user-data_filter { float: left; }
.selecttop { position: relative; top: 0;margin-bottom: 11px; }
.panel.panel-default .acc_row a.collapse p {position: relative;right: unset;top: unset;margin: 0}
.doc_group #Attachment ul li {width: 47%;}

}

@media screen and (max-width: 320px)
{
header .logout_menu .notify + .dropdown-menu { width: 200px  }
.question_section .asses_tabs .nav-tabs > li > a { padding: 17px 5px }
.login_section .login_block { margin: 30px 0px 0px }
.question_section .asses_tabs .nav-tabs { font-size: 12px }
.assessquest_section .quest_footer .nav_link { padding: 6px 17px }
.assessquest_section .quest_footer .save_btn { padding: 5px 21px }
.assessquest_section .quest_footer .prev i { margin-right: 10px }
.assessquest_section .quest_footer .next i { margin-left: 10px }
.framework_section .comp_frame .setting_contain { display: table;position: relative;right: 0; top: 0; float: right; }
}

@media screen and (max-width: 300px)
{
.framework_section .comp_frame .popover, .framework_section .comp_group .popover { width: 225px; left: -235px !important }
header .logout_menu .notify + .drop_down { width: 230px }
.question_section .asses_tabs .nav-tabs { font-size: 12px }
.assessquest_section .quest_footer .nav_link { padding: 6px 13px }
.assessquest_section .quest_footer .save_btn { padding: 5px 19px }
}

@media screen and (max-height: 767px)
{
header .foot_logo { position: relative }
}

@media screen and (max-height: 500px)
{
header.line_manager_sidebar .foot_logo {position: relative;}
}

/* CSS3 Hacks */

/* For Safari */

@media screen and (-webkit-min-device-pixel-ratio:0) {
.login_section { height: 900px }
}

/* For Chrome */

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.login_section { height: unset }
}

/* End */