/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 6, 2017, 5:05:58 PM
    Author     : admin
*/

#programTabs .bx-wrapper{background:transparent !important; box-shadow: none !important; border: medium none !important; margin-bottom: 0 !important;}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;     
    height: 0;          
    overflow-y: hidden; 
}

.tab-content > .active,
.pill-content > .active {
    height: auto;       
}

.small-select {
    width: 100px;
    margin-right: 5px;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: medium none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #fff url(../img/arrowdown.png) no-repeat scroll right center;
    padding-left: 8px;
    padding-right: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.medium-select {
    width: 220px;
    margin-right: 5px;
    display: inline-block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: medium none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #fff url(../img/arrowdown.png) no-repeat scroll right center;
    padding-left: 8px;
    padding-right: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.reports_div form{display:inline-block !important;}
.report-box1 ul{margin: auto !important;}
/*.select2-container { z-index: 9999999 !important; }*/
.ui-widget.ui-widget-content { z-index: 9999999 !important;}
.pagination > li.active a{color: #fff !important;}

.permissions_overlay {position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    height: 100%;    width: 100%;    opacity: 0;    transition: .5s ease;    background-color: #d9d9d9;    cursor: pointer; max-width: 95%;   min-height: 40px;    border: 1px solid #000;       border-radius: 5px;margin: 10px 0 0 ;}
.permissions_overlay.permissions {margin:0 !important; min-height: auto !important ;}
.permissions_overlay:hover {    opacity: 1;}
.overlay_text {    color: white;    font-size: 14px;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);}
#wholePageCover {    position: fixed;    height: 100%;    width: 100%;    background: url('../img/animated_spinner.gif') no-repeat center center  #000;    z-index: 9999;    opacity: 0.8;}
.bootbox.alert{z-index: 9999999 !important;}
#cboxOverlay {z-index:9999999 !important;}
#colorbox {z-index: 99999990 !important;}
#cboxLoadedContent .select2-container{width:100% !important;}
.program_links_activities {background: #23232D !important;}
.program_links_activities ul li {float:left; display: inline-block;padding: 0 2px 0 0;position: relative;color: #006aa6;}
.my-profile .profile-img-details img{border-radius: 50% !important;}

.dashboard_page .sec-inr4 .full-box .bx-wrapper {margin: 0 !important; border: medium none !important; background: none !important;}
.like-count {font-size: 11px;display: inline-block;}
.recognition-wall li .icon-box2 strong, .recognition-wall li .user-info2 strong {font-size: 11px !important;}
.legend ul li{list-style: none;display: inline-block;margin-right: 10px;font-size: 11px;}
.legend ul li span{width: 30px;height: 13px;display: inline-block;margin-right: 4px;}
#js-legend ul {padding: 0px 0px 0;}
.my_profile span a{font-size: 12px; text-decoration: underline;}
.my_profile span a:hover{font-size: 12px; text-decoration: none;}
.like-box span img.green{background-color: #13bf14; padding: 5px;}
.like-box span img.grey{background-color: #B8B8B8; padding: 5px;}

#myRecognitionWall .dis-block .user-info2 .wall-pad .like-box .like-count {color: #fff !important;font-size: 12px;}

img.border_image{border-bottom: 1px solid #000; border-top: 1px solid #000; }
.min_height_dashboard{min-height: 260px !important;}
/*img.wall_image{min-height: 75px !important;} */
.error_message{color: #ff3300 !important; font-size:13px;}
select::-ms-expand{ display: none;}
table.award_table td{border: 1px solid #d7d5d6 !important;}
.select2-container .select2-search__field {
    width: 100% !important;
}
.min_height_criteria_wall{min-height: 45px !important;}

div.awardedToImageArea{position: relative;display: inline-block;width: 100%;height: 100px;text-align: center;overflow: hidden;border-radius: 100%;max-width: 100px;max-height: 100px;background-size: 75px;background-repeat: no-repeat;background-position: center;}
div.awardedToImageArea img{position: absolute;left: 0;right: 0;width: 100%;max-width: 100px;display: inline-block;text-align: center;margin: 0 auto;}

div.profileImageArea{position: relative;display: inline-block;width: 100%;height: 75px;text-align: center;overflow: hidden;border-radius: 100%;max-width: 75px;max-height: 75px;background-size: cover;}
div.profileImageArea img{position: absolute;left: 0;right: 0;width: 100%;max-width: 75px;display: inline-block;text-align: center;margin: 0 auto;min-height: 75px !important;}

#myRecognitionWall ul li .user-info2 .wall-pad .wall-hd{min-height: 45px;margin-bottom: 10px;}
#myRecognitionWall ul li.icon-box2{padding:0 !important;}

.prgram_name_tagline {padding: 0 23px; }

.prgram_tagline_box{background: #ccc !important;}
.program_tabs_line{background: #ccc !important;}

ul.reports_list_menu {left: auto !important;right: 100%;}
.my-profile h4 span { font-size: 13px;  color: #555555;}

.header_background {background: url('../img/brownie_points_headers.jpg') no-repeat center top;	background-size: 100% 100%;	padding: 15px; }

.header_background_link.pro-list-tab{margin-top: -70px !important;}
.my_recognition_wall{font-size: 12px;}
.home_page_content_right {max-height: 200px; //overflow-y: scroll;}
.global_recognition_wall .icon-box2{font-size: 12px; margin: 0;padding: 5px 0;border-color: #cccccc;}

img.default_celebration_wall {border-radius: 50%;max-width: 100px;max-height: 100px;height: auto;width: auto;margin-top: 20px;}
.catalogue_description_row {width: 100%;text-align: justify;max-width: 900px;}
.user_catalogue .media-list-box{padding-left:0 !important;}
p.dont_have_enough_points{font-size: 12px; padding: 10px 0;}
.tooltipCriteria{height: 500px; overflow: hidden; overflow-y: scroll;}
.tooltipCriteria table td{ font-size: 12px !important;}
.profileEmail{word-break: break-all;word-wrap: break-word;}
#DivEnableToPeerToPeerFalse .select2-container {width:100% !important;}
.imagecropArea{max-width: 500px !important; max-height: 500px !important;}
.spark_image_div{background: #fff;min-height: 193px;max-height: 193px;overflow: hidden;}
.spark_image_div img{min-height: 193px; border-top: 1px solid #000;}
.upload_image_instructions{font-size: 13px;font-style: italic;font-weight: bold;color: #f00;}
.black_line_sep { min-height: 5px;background: #000;}
.UserForm .select2-selection--single {border: medium none !important;padding: 6px 1px 6px !important;min-height: 38px;}
.my-points .select2-selection--single {border: medium none !important;padding: 6px 1px 6px !important;min-height: 38px;}
.my-points-history .select2-selection--single {border: medium none !important;padding: 6px 1px 6px !important;min-height: 38px;}
.global_permissions .permissions_overlay{margin:0px !important;}
.qtip-helpbutton {max-width: 500px !important;}
.equalheight .equal-width{min-height:349px;}

@media (min-width: 771px ) and (max-width:1499px) {
    .catalogue_description_row {width: 100%;text-align: justify;max-width: 50% !important;}
}
@media (min-width: 775px ) and (max-width:1475px) {
    a.manage_specific_users{margin-top: 5px !important;}
}

#qtip-0 {z-index: 500 !important;}

.reports_section .hd3 a.btn-custom {font-size: 16px !important;}
.reports_section .hd3 a.btn-custom i {color: #fff !important;}


.google-visualization-tooltip {font-size: 12px !important; pointer-events: none; }
svg > g:last-child > g:last-child { pointer-events: none; }

ul.employee_catalogue_items {padding: 0; margin: 0;}
ul.employee_catalogue_items li {    margin: 0 5px 10px 5px;    width: 18.5%;    min-width: auto;    min-height: 345px;    border: 1px solid #ccc;    cursor: pointer;    transition: all 200ms ease-out;}

ul.employee_catalogue_items li:hover{border: 1px solid #f00; -webkit-box-shadow: 0px 0px 4px 2px #f00;-moz-box-shadow: 0px 0px 4px 2px #f00; box-shadow: 0px 0px 4px 2px #f00; }
ul.employee_catalogue_items li .picturecontainer {min-height: 200px; display: block; margin: 10px 0;}
ul.employee_catalogue_items li .picturecontainer img {top: 15px;    left: 55px;    right: 0px;}
ul.employee_catalogue_items li {position: relative;}
ul.employee_catalogue_items li .text-content {position: relative;}
ul.employee_catalogue_items li h4 {font-size: 14px;    width: 100%;    margin: 0; padding:0; position: absolute; display: block; bottom: 10px;}
ul.employee_catalogue_items li .cost_points {font-size: 13px; color: #BB141A;margin: 15px 0;}
ul.employee_catalogue_items li .action_buttons {margin: 15px 0;}
ul.employee_catalogue_items li .action_buttons a {font-size: 13px;}
.popup_content p{ font-size: 13px;}
.popup_content h4 {font-size: 14px;    width: 100%;    margin: 0; padding:0;}
.popup_content .cost_points {font-size: 13px; color: #BB141A;}
.popup_content .action_buttons a {font-size: 13px;}
.popup_content .popup_radio_option {font-size: 13px;}

div.catalogueImageArea{position: relative;display: inline-block;width: 100%;height: 150px;text-align: center;overflow: hidden;border-radius: 100%;max-width: 200px;max-height: 200px;background-size: 100px;background-repeat: no-repeat;background-position: center;}
div.catalogueImageArea img{position: absolute;left: 0;right: 0;width: 100%;max-width: 200px;display: inline-block;text-align: center;margin: 0 auto;}
.input_transparant {background: transparent;border: 0; text-align: right; font-size: 14px; height: 15px;margin-bottom: 10px;}
#slider-range {z-index: 1 !important;}

a.detail_button_catalogue{color: #ff3300 !important;}

.holdsworth_item_details p{ margin: 12px 12px 0 12px  !important; padding: 0 !important;}
.holdsworth_item_details .increase_background_size160 {background-size:160px !important;}

.asterisk_mark {color: #f00;}

#holdsworthOrderForm label.required:before {content: " * "; color:#f00;}

.middle_image_height {min-height: 439px !important; background-color: #eeeeee;}

.goal_button {font-size: 11px !important;}
.height-marquee-block{ overflow: hidden;}
.hd3.dis-block .row{padding:10px;}