@import url("framework.css");
@import url("mobile.css");
@import url("ajax.css");

/*
@import url("Live/framework.css");
@import url("Live/mobile.css");*/




/******************************************************/
/* start of login bar customization */
#logintablebg {
  background: url("../../../Default/en-US/images/bg-container-decor.gif") no-repeat ;
    background-position: left top !important;
}

#loginpagebg {
    background: url("../../../Default/en-US/images/bg-container-decor.gif") no-repeat !important;
    background-position: right top !important;
}


#footer
{
	background: url("../../../Coaching/en-US/images/bg-footer.gif") repeat-x scroll 0 0 #155995;
	border-top: 1px solid #3C92DD;
	width: 100%;
}

.footer-info .logo a
{
	background: url("../../../Coaching/en-US/images/logo2.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 100%;
}
.footer-info .logo a:hover
{
	background-position: 0 -64px;
}

/* end of login bar customization */
/******************************************************/


/*scale leader here*/
.comparative-competency
{
    color:#666666;
    font-size :16px;

}


/**************************************************************/
/******START - Relative images - Needed on all client css files********/


.from-library-excelerated  {
        background: url("../img/bg_excelerated.png") no-repeat scroll right bottom !important;


}
       
.gadget-tile-right-highlight, .gadget-tile-left-highlight {
    background: #fff9 url("../img/tile-bg.png") no-repeat scroll right top !important;
    opacity: 1;
}



.slider-scale-bg20  {

        height:20px;
       
}


.sub-sclae-bg{
           background: transparent url("../img/sub-scale-bg.png")  no-repeat  scroll  left bottom !important;
           padding-bottom:20px;
 }

.bg-icon-excelerated  {
        background: transparent url("../img/icon_excelerated.png") no-repeat scroll 0 0 !important;
        padding-left:20px;
       
}

.button-pdf
{
    background: transparent url("../img/icon_pdf.png")no-repeat scroll left center !important;
    padding-left: 27px !important;
}

.button-edit
{
  background: transparent url("../img/icon_edit_white.png") no-repeat scroll left center !important;
    padding-left: 30px !important;
}



 

.item-header-edit {
    background-image: url("../img/icon_pencil_grey.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 18px auto !important;
}

.button-add
{
  background: transparent url("../img/icon_add_white.png") no-repeat scroll 0 0 !important;
    padding-left: 30px !important;
}



.information-header-icon div
{
  background: transparent url("../img/icon_information.png") no-repeat scroll 0 0 !important;
 
}



.photo-thumbnail-placeholder
{
    background-image: url(../img/image_placeholder_thumbnail2.png);
}
.photo-small-placeholder
{
    background-image: url(../img/image_placeholder_thumbnail2.png);
}


.button-settings,.btn-primary .button-settings,.btn-primary.button-settings
{
    background: url("../img/btns.png") no-repeat scroll 8px -26px transparent;
    padding-left: 27px !important;
}

.button-exit
{
 background:url("../img/icon_exit.png") no-repeat scroll 7px 9px transparent !important;
 padding-left:27px;
}

.button-video
{
 background:url("../img/icon_video.png") no-repeat scroll 7px 7px transparent;
 padding-left:27px;
}

.button-role
{
 background:url("../img/icon_role.png") no-repeat scroll 7px 8px transparent;
 padding-left:27px;
}

.button-report
{
 background:url("../img/icon_report.png") no-repeat scroll 7px 7px transparent;
 padding-left:27px;
}

.button-profile
{
  background: transparent url("../img/icon_profile.png") no-repeat scroll 7px 7px !important;
  padding-left:27px;
}


.button-invoice
{
 background:url("../img/icon_invoice.png") no-repeat scroll 7px 7px transparent;
 padding-left:24px;
}


.button-reconcile
{
 background:url("../img/icon_reconcile.png") no-repeat scroll 7px 7px transparent;
 padding-left:23px;
}


.button-showall
{
 background:url("../img/icon_showall2.png") no-repeat scroll 7px 7px transparent;
 padding-left:23px;
}



.filter-icon
{
 background:url("../img/icon_filter.png") no-repeat scroll  transparent;

}
.filter-icon-white
{
 background:url("../img/icon-filter-white.png") no-repeat scroll  transparent;

}


.link-video
{
background:url("../img/image_video.png") no-repeat scroll 7px 5px transparent;
 
 padding-left:40px;
 padding-right:15px;

}

/*Images on title bar*/

.page-title div.title
{
    padding-left:7px;
}


/*.page-title.BatchType1 div.title
{
    background: url(../img/title_assessment.png) no-repeat left center transparent;
       padding-left:37px;
}

.page-title.BatchType1-ppt div.title
{
    background: url(../img/title_assessment_participant.png) no-repeat left center transparent;
       padding-left:37px;

}

.page-title.BatchType1-activity div.title
{
    background: url(../img/title_assessment_activity.png) no-repeat left center transparent;
       padding-left:37px;
}

.page-title.BatchType2 div.title
{
    background: url(../img/title_network.png) no-repeat left center transparent;
         padding-left:37px;
         margin-bottom:0px;
}

.page-title.BatchType3 div.title
{
    background: url(../img/title_collaboration.png) no-repeat left center transparent;
       padding-left:37px;
       margin-bottom:0px;
}

.page-title.BatchType4 div.title
{
    background: url(../img/title_program.png) no-repeat left center transparent;
       padding-left:37px;

}

.page-title.BatchType5 div.title 
{
    background: url(../img/title_engagement.png) no-repeat left center transparent;
       padding-left:37px;
       margin-bottom:0px;
}

.page-title.BatchType6 div.title
{
    background: url(../img/title_profile.png) no-repeat left center transparent;
       padding-left:37px;
}

.page-title.BatchType7 div.title, .BatchType7 {
    background: url(../img/title_plan.png) no-repeat left center transparent;
       padding-left:37px;
}

.page-title.BatchType8 div.title
{
    background: url(../img/title_security_group.png) no-repeat left center transparent;
       padding-left:37px;
}

.page-title.BatchType9 div.title
{*/
/*    background: url(../img/title_dashboard.png) no-repeat left center transparent;
       padding-left:37px;*/
/*}
.page-title.JobRole div.title
{
    background: url(../img/title_role.png) no-repeat left center transparent;
       padding-left:37px;
}

.page-title.Resource div.title
{
    background: url(../img/title_resources.png) no-repeat left center transparent;
       padding-left:37px;
}*/


/*Arrow icons for sortable headers*/
.header-sort[asc='none']
{
    background: url("../img/icon_sort.png") no-repeat scroll 90% -30px transparent; /*grey down arrow*/
    cursor: pointer;
}


.header-sort[asc='yes']
{
    background: url("../img/icon_sort.png") no-repeat scroll 90% -80px transparent;
    cursor: pointer;
}


.header-sort[asc='no']
{
    background: url("../img/icon_sort.png") no-repeat scroll 90% 15px transparent;
}


[class^="item"].icon.delete, .item-delete, .icon.delete
{
    background: url("../img/btns.png") no-repeat scroll 8px -75px transparent;
}


.file-pdf
{
    background: url("../img/icons.png") no-repeat 0 0;
    background-position:  75% 4px !important;
}

.file-doc
{
    background: url("../img/icons.png") no-repeat 0 0;
    background-position: 75% -186px !important;   
}

.file-xls
{
    background: url("../img/icons.png") no-repeat 0 0;
    background-position: 75% -370px !important;
}


.file-ppt
{
    background: url("../img/icons.png") no-repeat 0 0;
    background-position: 75% -555px !important;
}


.report-issue
{
    background: url("../img/icon_report_issue.png") no-repeat scroll transparent;

}
.selector-button, .selector-button1 ,.selector-button2
{
    background: url("../img/btns.png") no-repeat scroll -290px -230px transparent;
    color: #216FB4;
}
.selector-button,  .selector-button-selected2, .selector-button-selected1
{
    background: url("../img/icon_x.png") no-repeat scroll  -2px 7px transparent;
    color: #216FB4;
}

.remove
{
    color: #216FB4;
    font-weight:bold;
 
}




.selector-search-button
{
    background: url("../img/btns.png") no-repeat scroll 1px 7px transparent;
}

.search-icon
{
    background: url("../img/btns.png") no-repeat scroll 4px 5px transparent;
}

.ac-searchbox
{
      background: url("../img/button-search.png") no-repeat scroll  transparent right center ;
}



.ac-searchbutton-global
{
    background: url("../img/btns.png") no-repeat scroll 1px 7px transparent;
    background-color :transparent !important;
}

.ac-delete {
    background: url("../img/icon_close.png") no-repeat -1px 0;
}


.hasDatepicker
{
          background: url("../img/button-calendar.png") no-repeat scroll  transparent right center ;
          padding-right:35px !important;
}






.gadget-panel .gadget-panel-opener
{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZWJlZWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNlYWVkZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDhkZGUzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
}

.gadget-panel-opener span
{
    background: url("../img/bullet03.png") no-repeat scroll 100% -85px transparent;
}

.gadget-panel.-gadget-active .gadget-panel-opener span
{
    background: url("../img/bullet03.png") no-repeat scroll 100% 8px transparent;
}




.gadget-tile-left-edit-button, .gadget-tile-right-edit-button, .page-tile .gadget-standard-edit-button, .page-tile.gadget-standard-edit-button, .page-tile .gadget-profile-edit-button, .page-tile.gadget-profile-edit-button {
   
    background-image: url("../img/icon_edit_grey.png");
    background-position: left center;
    background-size: 18px auto;
    background-repeat:no-repeat;
}


.gadget-inner .gadget-inner-opener, .gadget-trigger .gadget-trigger-opener
{
    background: url(../img/bullet09.png) no-repeat 0 -262px;
}



.gadget-inner-edit-button
{
    background-image: url("../img/icon_edit.png");
}

.gadget-standard-edit-button
{
    background-image: url("../img/icon_edit.png");
}

.gadget-standard-survey-button
{
background: url("../img/list_assessment.png") no-repeat left top;
    
}
.gadget-standard-report-button {
    background: url("../img/icon_report_grey.png") no-repeat left top;
}

 
        
.gadget-request-edit-button
{
    background-image: url("../img/icon_edit.png");
}

.userlist-button
{
    background: url("../img/icon_caret_right.png") no-repeat scroll left center;
    padding-left:8px;
}
.feedback-tab
{
    background: url("../img/image_feedback.png") no-repeat scroll 5px 5px #FFF;
}


#listManager .groupSortOn, #listManager .itemSortOn
{
    background-image: url(../img/sort-move.gif) no-repeat;
}

#listManager #sourceList .item
{
    background: url(../img/icon_move.png) no-repeat right center;
}

#listManager #sourceList .itemHover
{
    background: url(../img/icon_move_on.png) no-repeat right center;
}

#listManager #destinationList .item
{
    background: url(../img/icon_remove.png) no-repeat left center;
}

#listManager #destinationList .itemHover
{
    background: url(../img/icon_remove_on.png) no-repeat left center;
}

#listManager #sourceList .itemRecommended
{
    background: url(../img/icon_move_recommended.png) no-repeat right center;
}

#listManager #sourceList .itemRecommendedHover
{
    background: url(../img/icon_move_recommended_on.png) no-repeat right center;
}

#listManager #destinationList .itemRecommended
{
    background: url(../img/icon_remove_recommended.png) no-repeat left center;
}

#listManager #destinationList .itemRecommendedHover
{
    background: url(../img/icon_remove_recommended_on.png) no-repeat left center;
}

#listManager #destinationListSelect .item, #listManager #editorListSelect .item, #listManager #destinationListSelect .blankDestItem
{
    background: url(../img/icon_sort.png) no-repeat left center;
}

/* Show 'click to edit' text on item hover */
#listManager #editorList .itemHover
{
    background: url(../img/image_edit_text.png) no-repeat right center;
    background-image :none;
    background-color :#E8F0F6;
}

/* Show 'click to sort' text on item hover */
#listManager #editorListSelect .itemHover
{
    background: url(../img/image_sort_text.png) no-repeat right center;
}

.gadget-resources-edit-button
{
    background-image: url("../img/icon_edit.png");
}
 
 
#listManager .add
{
    background: url("../img/btns.png") no-repeat scroll -290px -226px transparent;
}
#listManager .add:hover
{
    background-position:-290px -252px;
}
#listManager .sortButtonOff
{
    background: url(../img/button_sortoff.png) no-repeat;
}
#listManager .inputFieldSearch
{
    background: url(../img/icon_drop.jpg) no-repeat;
}

#listManager #addItemRequired .requiredImage, #listManager #addGroupRequired .requiredImage
{
    background: url(../img/image_requiredArrow.png) no-repeat;
}

#listManager .groupSortOn, #listManager .itemSortOn
{
    background-image: url(../img/sort-move.gif) no-repeat;
}
.blankItem, .blankDestItem, .blankGroup
{
    background: url(../img/sort-to.gif) no-repeat;
}
#listManager #sourceList .item
{
    background: url(../img/icon_move.png) no-repeat right center;
}

#listManager #sourceList .itemHover
{
    background: url(../img/icon_move_on.png) no-repeat right center;
}

#listManager #destinationList .item
{
    background: url(../img/icon_remove.png) no-repeat left center;
}

#listManager #destinationList .itemHover
{
    background: url(../img/icon_remove_on.png) no-repeat left center;
}

#listManager #sourceList .itemRecommended
{
    background: url(../img/icon_move_recommended.png) no-repeat right center;
}

#listManager #sourceList .itemRecommendedHover
{
    background: url(../img/icon_move_recommended_on.png) no-repeat right center;
}

#listManager #destinationList .itemRecommended
{
    background: url(../img/icon_remove_recommended.png) no-repeat left center;
}

#listManager #destinationList .itemRecommendedHover
{
    background: url(../img/icon_remove_recommended_on.png) no-repeat;
}
#listManager #destinationListSelect .item, #listManager #editorListSelect .item, #listManager #destinationListSelect .blankDestItem
{
    background: url(../img/icon_sort.png) no-repeat;
}

/*Rating*/

.RatingFull
{
    background-image: url(../img/image_full_star.png);
    height:16px;
    width:18px;
    float:left;
}

.RatingBlank
{
    background-image: url(../img/image_blank_star.png);
    height:16px;
    width:18px;
    float:left;
}

.RatingHalf
{
    background-image: url(../img/image_half_star.png);
   
    height:16px;
    width:18px;
    float:left;
}






.MenuBarRightSelected
{
    background: url(../img/image_menubar_on.gif) repeat-x;
}

.MenuBarRightUnselected
{
    background: url(../img/image_menubar_off.gif) repeat-x;
}

.MenuBarLeftSelected
{
    background: url(../img/image_menubar_on.gif) repeat-x;
}

.MenuBarLeftUnselected
{
    background: url(../img/image_menubar_off.gif) repeat-x;
}

.MenuBarSeparator
{
    background: url(../img/image_menubar_separator.gif);
}

.PanelTitle
{
    background: url(../../../default/en-US/images/image_title_middle.gif) repeat-x;
    color: #626463;
}

.BlueTitle
{
    background: url(../img/image_title_middle.gif) repeat-x bottom;
    color: #336699;
}

.OverlayMask
{
    background-image: url(../img/image_overlay_mask.gif) !important;
}

#OverlayCloseBox
{
    background-image: url(../img/image_overlay_close.gif);
}

.TableRow
{
    color: #424542;
    background-image: url(../../../default/en-US/images/image_gray_dot.gif);
    background-color: #efeff7;
    border-right: 1px solid #bdbeb5;
}

.TableRowAlt
{
    color: #424542;
    background-image: url(../../../default/en-US/images/image_gray_dot.gif);
    background-color: #fffbf7;
    border-right: 1px solid #bdbeb5;
}

.ColoredButtonRight
{
    background: url(../img/image_button_background.gif) no-repeat left;
}

.ColoredButtonLeft
{
    background: url(../img/image_button_background.gif) no-repeat right;
}


.PlusBoxClose
{
    background: url("../img/btns.png") no-repeat scroll 8px -157px transparent;
}
.PlusBoxOpen
{
    background: url("../img/btns.png") no-repeat scroll 8px -105px transparent;
}

#listManager .PlusBoxOpen, .listmanager-container.PlusBoxOpen,  .listmanager-container .PlusBoxOpen
{
    background:  rgba(0, 0, 0, 0) url("../img/bullet07.png") no-repeat scroll 0 -273px;
    width:10px;
    height:17px;
    margin-right:0px !important;
}

.group-header .PlusBoxClose, .group-header.PlusBoxClose
{
    background:  rgba(0, 0, 0, 0) url("../img/bullet07.png") no-repeat scroll 0 -143px;  
    width:10px;
    height:17px;
    margin-right:0px !important;   
}



.Plusbox-header-row, .PlusBoxHeader, .PlusBox2Header
{
    background: url("../img/btns.png") no-repeat scroll 8px -105px transparent;
}

/* Delete item div */
.itemDelete
{
    background: url(../img/icon_delete2.gif) no-repeat;
}
.openerImg.active
{
    background: url("../img/bullet03.png") no-repeat scroll 100% 8px transparent;
}


.openerImg
{
    background: url("../img/bullet03.png") no-repeat scroll 100% -85px transparent;
}
DIV.top
{
    background-image: url(images/AllMailFolder.bmp);
}

.ical
{  
    background: url(../img/icon_calendar.png) no-repeat left center transparent; 
}

.timezone-set
{  
    background: url(../img/icon_clock.png) no-repeat left center transparent; 
}

.timezone-display
{   
    background: url(../img/icon_clock.png) no-repeat left center transparent; 
}



/*Wizard control*/
.check-cell{
	background:url(../img/btns.png) no-repeat 0 -221px;
    }




.item-row-menu
{
    
        	background:url(../img/bullet08.png)  no-repeat top right transparent;
            height:20px;
            width:20px;

}



.aha-button {
	background: url(../img/button-aha.png) no-repeat;
    }

.selector-minor-button {
        background: url("../img/icon_caret_right.png") no-repeat scroll left center;
}

.button-tile.BatchType1, .button-tile.BatchType11 {
    background: url(../img/list_assessment.png) no-repeat left center #ffffff;
    padding-left: 42px;
    background-size: 35px;
}
 .button-tile.BatchType2  
{
    background: url(../img/list_network.png) no-repeat left center #ffffff;
    padding-left:42px;
    background-size :35px;
}
  .button-tile.BatchType3  
{
    background: url(../img/list_collaboration.png) no-repeat left center #ffffff;
    padding-left:42px;
    background-size :35px;
}

   .button-tile.BatchType4  
{
    background: url(../img/list_program.png) no-repeat left center #ffffff;
    padding-left:42px;
    background-size :35px;
}
  .button-tile.BatchType5
{
    background: url(../img/list_engagement.png) no-repeat left center #ffffff;
    padding-left:42px;
    background-size :35px;
}

  .selector-menu {
    background: rgba(0, 0, 0, 0) url("../img/bg-autocomplete.png") repeat scroll 0 0;
}

  .search-drop-text-add
{
    background: url("../img/btns.png") no-repeat scroll -290px -233px  transparent;
    color: #216FB4;
    padding-left:20px;
}

 #help-text ul li {
      list-style-image:  url("../img/icon_caret_right.png");
}




/*button[button-type="decline"] {color: #666;
                              background:url("../img/btns_greyscale.png") no-repeat scroll 0px -72px transparent;
                              padding-right:10px;
               
}

    button[button-type="decline"]:hover
    {
        color: #8C8C8C;
        background: url("../img/btns_greyscale.png") no-repeat scroll 0px -72px transparent;
    }*/
                 

/*button[button-type="approval"] {
                              background: url("../img/icon_check.jpg") no-repeat scroll transparent;
                              background-size:10px;
                              background-position: left center ;
}
button[button-type="approval"]:hover {
                              background: url("../img/icon_check.jpg") no-repeat scroll transparent;
                              background-size:10px;
                              background-position: left center ;
}*/

.gadget-inner-folder.-gadget-active .gadget-inner-folder-opener {
      background: url(../img/image_folder_minus.png) no-repeat left;
}


.gadget-inner-folder .gadget-inner-folder-opener
{
    
      background: url(../img/image_folder_plus.png) no-repeat left;
      background-position:left ;
}


.icon.activity-completed div {

    background: url("../img/icon_milestone_complete.png") no-repeat  transparent !important;

}
.drag-sort {

    background: url("../img/icon_drag_sort.png") no-repeat   left transparent !important;

}

.drag-left{  background: url("../img/icon_drag_moveleft.png") no-repeat   left transparent !important;
}

.all-menu{  background: url("../img/icon_allmenu.png") no-repeat   left transparent !important;
}

.bio-indicator{  background: url("../img/icon_pdf_blue.png") no-repeat   left transparent !important;
                 float:left;padding:6px;padding-left:20px;height:20px;width:500px;line-height: 10px; 
}






.ui-dialog-titlebar-close {
    background: url("../img/ui-icons_ffffff_256x240.png") no-repeat scroll -92px -127px transparent !important;
    margin-right: 5px !important;
}

.popover-click-icon.popover-edit-field-empty {

    background: url("../img/btns.png") no-repeat scroll -290px -236px transparent;
    width: 10px;
    height: 15px;

}

.popover-click-icon.popover-edit-field-not-empty {

    background: url("../img/btns.png") no-repeat scroll 0px -196px transparent;
    width: 11px;
    height: 17px;

}

.popover-click-icon {

    margin: 0 auto;
    display: inline-block;

}
/******END - Relative images - Needed on all client css files********/
/**************************************************************/


.group-header-title
{
    font-weight:normal;
}


.listmanager-container .ui-state-default, .listmanager-container .ui-widget-content .ui-state-default, .listmanager-container .ui-widget-header .ui-state-default

{
    border:none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #efefef;
}

.listmanager-container .ui-state-default:hover, .listmanager-container .ui-widget-content .ui-state-default:hover, .listmanager-container .ui-widget-header .ui-state-default:hover
{background-color:#e8f0f6;}

.ui-widget-overlay{background: #666;opacity: .6;}


/*****************************************/






.testinner
{
    padding-left:40px;
}





/*used to style a section to look like a gadget*/
.section-gadget
{
    background: none repeat scroll 0 0 #fbfbfb;
    border: 1px solid #dfe4e9;
    padding:0px;
  
}

/*when a grid is in an inner gadget, wrap it in a section tag with this as the bodyclass*/
.section-inner-grid 
{
    padding-left:0px;
}

.section-inner-grid.GridColumnHeading, .section-inner-grid .GridColumnHeading
{
    line-height:14px;
    padding:5px;
}


select + label, input[radio] + label, input + label
{
    margin-left:5px;
    margin-right:5px;

}
 





 


.page-tile .gadget-profile-add-button, .page-tile.gadget-profile-add-button   
{   
    background-image: url("../img/icon_add_gray.png");
    background-position: left center;
    background-size: 18px auto;
    background-repeat: no-repeat;
    
}