/*
 * Copyright (C) 2000-2023 Chapsvision
 * License Chapsvision
 *
 */

@media (max-width: 499px){
	.elPageLayout.grid>.elPageLayoutHeaderGrpThm {
		z-index : 2;
	}
	
	.elPageLayout.grid>.elContextExplorer {
		grid-column: 1;
		grid-row: 2;
		z-index: 3;
	}

	.elPageLayout.grid>.elMainLayout {
		grid-column: 1 / 3;
		grid-row: 2;
		z-index: 1;
	}
	
	.wsSmartPhone.sideBarClosed .elPageLayout.grid>.elPageLayoutHeaderGrpThm {
    z-index : unset;
  }
  
  .wsSmartPhone.sideBarClosed .elPageLayout.grid>.elContextExplorer {
    z-index: unset;
  }

  .wsSmartPhone.sideBarClosed .elPageLayout.grid>.elMainLayout {
    z-index: unset;
  }	
	
	.wsSmartPhone.qsDisplayed .elPageLayout.grid>.elPageLayoutHeaderGrpThm {
    z-index : 2;
  }
  .wsSmartPhone.qsDisplayed .elPageLayout.grid>.elContextExplorer {
    z-index : 1;
  }
  .wsSmartPhone.qsDisplayed .elPageLayout.grid>.elMainLayout {
    z-index : 1;
  }
  
	
	.elBtnTool.btn-home{
    visibility: hidden;
    width: 55px;
    margin: 0;
  }

	div.navbar td.elBtnTool .elBtnImg img:hover {
		opacity: 1;
	}
	
	div.navbar td.elBtnTool .elBtnLabel {
		display:none;
	}
	
	div.navbar td.elBtnTool .btnMenu,
	div.navbar div.elBtnTool .btnMenu {
		display:none;
	}

	/* Zone d'affichage principale */
	td.tabs-left-content{
		padding: 0px;
	}

	td.elPaneBox .elPageBodyPadding {
		/*padding:2px 15px;*/
	}
	
	
	
	.kpi-widget {
		margin: 2px;
	} 
	
	.elDataList th.elTHead i {
		margin:0;
	}

	/* bouton de liste Appliquer un filtre */
	td.elDataList td.applyAFilterBtn {
		display:none;
	}

	.btn-user table.el-btn .btnMenu {
		display:none;
	}

	#ConveyorClientsDetail .resume-client-left {
		padding: 5px 0px;
	}

	#ClientsDetailToolbarGrpThm {
		padding: 5px 5px;
	}
	
	/* activation dynamique de la sidebar */
	.grid:not(.grid-sm-sidebar-left)>.sideBarLeft {
	 border-right: 0;
	 margin-right: 0;
	}
	
	.grid:not(.grid-sm-sidebar-left)>.sidebarRightToLeft {
    display:none;
	}
	.grid:not(.grid-sm-sidebar-right)>.sidebarLeftToRight {
    display:none;
  }
  
	/* Mise en plein écran du formulaire de saisie du dossier */
	.wsSmallDevice #ClientsDetailEditionPane.fullPagePane {
		background: white;
		z-index: 2000;
		position: absolute;
		top: 0 !important;
		left: 0;
		min-height: 100%;
		width: 100%;
		padding: 5px;
		margin-top:0 !important;
	}
	
	/* ALERT */
  .user-msg-container {
   width: 100vw;
  }

  .user-msg-container>.user-msg {
    border-radius : 0px;
    width:  100vw !important;
    box-sizing: border-box;
  }

  .user-msg-container>.user-msg>.close {
    color:white;
    opacity :1;
  }
  .user-msg-container>.user-msg>.close>i{
    font-size:14px;
  }
  
  .btn.sm-nolabel .elBtnLabel{
	  display: none;
	}
	.btn.sm-nolabel i{
	  margin-right: 0px !important;
	}
  
  
/*  #ConveyorHomeClientsList {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 0 !important;
  }
  #ConveyorHomeClientsList .elTitle {
    padding-left: 5px;
  }
  
  #ConveyorHomeClientsList tfoot {
    border-top: 1px solid var(--datalist-line-border-color);
  }
  
  #ConveyorHomeClientsList_pagin {
    float: none;
    padding: 0;
  }
 */ 
 
 /* responsive.css */
  .navbar td.elLabel label {
        max-width: 300px !important;
    }

    .navbar .elBtnTool .elBtnLabel a {
        display: none !important;
    }
    
    .btn.hidden-label-sm table i, 
    td.elBtnAction.hidden-label-sm table i, 
    td.elBtnListAction.hidden-label-sm table i {
      margin-right: 0 !important;
    }

    .elContainer-block-md {
        display: table;
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        vertical-align: top;
    }

    .elGrpThmHeaderMenu td.elLabel label {
        max-width: 150px !important;
    }

    .elBtnListAction:not(.btn-primary) .elBtnLabel {
        display: none;
    }

    td.elBtnListAction {
        text-align: center !important;
    }
    td.elBtnListAction table i {
        margin-right:0 !important;
    }
    .elSearch tr.elSTool .hidden-label-sm td.elBtnImage i {
      height: var(-button-height);
      padding: var(--button-padding);
      display: inherit;
      vertical-align: middle; 
      text-align: center;
    }
    
    .el-block-md .elInput{
        display:block;
        width:100% !important;
    }

    .elGrpThmHeaderMenu td.elLabel label {
        display: none;
    }

    ul.hidden-sm,
    .hidden-label-sm .elBtnLabel,
    .hidden-sm {
        display: none;
    }

    .elContainer-block-sm {
        display: block;
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        vertical-align: top;
    }

    .col-sm-6 {
        box-sizing: border-box;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        width: 50% !important;
    }

    .elContainer-block-sm {
        display: table;
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        vertical-align: top;
    }
    
    td.tabs-left p.elPaneStart0,
    td.tabs-left p.elCurPaneStart0 {
        visibility: hidden;
    }

    td.tabs-left div.scrollTabPane,
    td.tabs-left {
        width: 40px !important;
        vertical-align: top;
    }

    td.tabs-left td.elPaneBar0 {
        width: 40px !important;
        ;
    }

    td.tabs-left td.elCurPaneMid0,
    td.tabs-left td.elPaneMid0 {
        min-height: 35px !important;
    }

    td.tabs-left td.elCurPaneMid0 i,
    td.tabs-left td.elPaneMid0 i {
        font-size: 22px !important;
        margin: 0px !important;
        padding: 0px !important;
    }

    td.tabs-left td.elCurPaneMid0 span:not(.badge) {
        width: 35px !important;
        overflow: hidden;
        text-overflow: inherit;
        display: inline-block !important;
        height: 35px !important;
        min-height: 43px !important;
        padding: 10px 0px 0px 0px !important;
    }

    td.tabs-left td.elCurPaneMid0 a,
    td.tabs-left td.elPaneMid0 a,
    td.tabs-left td.elPaneMid0 span:not(.badge),
    td.tabs-left td.elCurPaneMid0 span:not(.badge) {
        width: 35px !important;
        overflow: hidden !important;
        text-overflow: inherit !important;
        display: inline-block !important;
        height: 35px !important;
        min-height: 43px !important;
        padding: 10px 0px 0px 0px !important;
    }

    .tabPaneScrollerBottom,
    .tabPaneScrollerTop {
        width: 40px !important
    }

    /*td.tabs-left:not(.small) td.elPaneBar0 td.elPaneMid0 a+div,
    td.tabs-left:not(.small) td.elPaneBar0 td.elCurPaneMid0 span+div {
        top: 0px !important;
        right: 0px !important;
    }*/

    .hidden-label-xs .elBtnLabel,
    .hidden-xs {
        display: none !important;
    }

    td.block-xs {
        display: block;
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .col-xs-12 {
        width: 100% !important;
    }

    div.navbar .btn-user img {
        border: 2px solid rgba(160, 167, 172, 0.52);
    }

    #ConveyorDataAccess_LISTE_DES_CRISES,
    #ConveyorDataAccess_DERNIERS_INTERLOCUTEURS_CSS {
        display: none !important;
    }

    td.elPageTitle td.elPageTitleCenter {
        font-size: 17px !important;
    }

    #ConveyorHomeMain {
        background-color: transparent;
    }

    div.elPageBody {
        height: 500px;
    }

    div.navbar td.elBtnTool .elBtnLabel {
        display: none;
    }

    .display-block-xs tbody.elDataList_content tr>td {
        display: block;
        font-weight: 500;
        font-size: 14px;
        margin: 2px 0px;
        padding: 0px 8px;
    }

    .display-block-xs tbody.elDataList_content tr td.hidden-sm,
    .display-block-xs tbody.elDataList_content tr td.elDataChecker,
    .timeline-list_content td.elDataChecker {
        display: none;
    }

    .display-block-xs tbody.elDataList_content tr td.label-status span {
        right: 24px;
        position: absolute;
        margin-top: -20px;
        padding: 4px 3px;
    }

    .display-block-xs thead {
        display: none;
    }

    input.elSel {
        display: none;
    }

    div.row-bg-white {
        margin-bottom: 20px;
    }


    .bg-xs-1 {
        background-color: #ddd;
    }

    .x-window {
     /*   z-index: 9000000 !important;*/
    }
    .x-window:not(#win_internalChat) {
      top: 50% !important;
      left: 50% !important;
      transform: translate(-50%,-50%);
    }

    #winPicker {
        background: rgba(77, 77, 77, 0.57);
    }

    #winPicker .x-window-mc {
        padding: 5px;
    }

    #winPicker .x-window-body {
        height: auto !important;
        width: 100% !important;
        padding: 0px 0px 0px 0px;
        box-sizing: content-box;
    }

    #winPicker .x-column-inner {
        width: 100% !important;
    }

    #winPicker .x-date-inner a {
        font-size: 12px;
        padding: 8px 7px !important;
        border-color: #000 !important;
    }

    .x-tool.x-tool-close {
        opacity: 1;
        height: 30px;
        margin-top: -4px;
    }
    .x-tool.x-tool-maximize,.x-tool-restore {
        margin-top: 4px;
    }

    .x-window-draggable,
    .x-window-draggable .x-window-header-text {
        font-size: 20px;
        width: auto;
    }

    x-window-tc {
        height: 45px;
    }

    .x-window-tc {
        height: 53px;
    }

    .x-window-tl .x-window-header {
        height: 53px;
        box-sizing: border-box;
        padding: 12px 10px;
    }

    .x-window td.elZoneFull .titleText span,
    .x-window td.elContainer .titleText span,
    .x-window .elZoneL .titleText span,
    .x-window .elZoneS .titleText span,
    .x-window td.elGrpThmWithTitle .titleText span {
        font-size: 18px !important;
    }

    .x-window button {
        padding: 0 10px;
        font-size: 15px;
    }
    
    #timePanel_spinners .x-column-inner input,
    #timePanel_spinners .x-column-inner img,
    #timePanel_spinners .x-column-inner label {
        height: 37px !important;
        line-height: 37px !important;
    }

    #timePanel_spinners .x-column-inner img {
        background-size: 100% 100%;
    }

    #timePanel_spinners .x-column-inner label {
        padding: 0px 10px !important;
    }

    #timePanel_okButton{
        float: right;
    }

    .wsSmartPhone div.elContextExplorer,
    .wsSmartPhone div.elContextExplorer>div {        
        height: 100%;
    }
    .wsSmartPhone div.elContextExplorer div.opened div.sideBarLeft {
        width: 340px;
    }

    td.elMainLayout {
        padding: 0px !important;
    }

    .loader {
    border-width: 5px;
    border-style: solid;
        width: 40px;
        height: 40px;
    }
    
    .simplebar-scrollbar {
        border-radius: 0px;
        opacity: 0.2;
        background: #e6e5e5;
        border: 0px none;
        width: 3px;
    }

    .wsSmartPhone #HomeMainGrpThmBody .simplebar-scrollbar {
        opacity: 0;
    }

    .elDataList_content .title {
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }
    
  button.hidden-label-sm {
    font-size: 0px;
  }
}