/*  Login  */

h1 {
    font-weight: 500;
}


#logo {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

#Lbl_Identify {
    color: #0065bf;
    font-size: 36px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
    display: block;
    text-align: center;
}


#panel-1009-body {
    background-color: inherit;
}

#Login_Panel .x-form-layout-wrap {
    border-spacing: 10px;
    text-align: center;
}

#Login_Panel -body.x-panel-body-default {
    background: inherit;
    color: #404040;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    border-width: 0;
    border-style: solid;
    text-align: center;
}

#Txt_User .x-form-text-default, #Txt_Password .x-form-text-default, #Txt_Security_Code .x-form-text-default {
    color: gray;
    font-weight: 700;
    margin: 0;
    padding-right: 12px;
    padding-left: 12px;
    height: 50px;
    line-height: 50px;
    font: 400 16px/46px robotoregular;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border-radius: 1px;
    border-style: solid;
    text-align: center;
    border-color: #bbb;
    opacity: 1;
}

#Txt_User::before, #Txt_Password::before, #Txt_Security_Code::before {
    display: none;
}

#B_Login.x-btn-default-small, #B_Login-btnInnerEl.x-btn-inner-default-small {
    color: #fff;
    border: 1px solid #1baa76;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background-image: none;
    background-color: #1baa76;
    transition: 100ms;
    text-shadow: none!important;
    width: 100%;
    display: block;
    height: 50px;
    padding-top: 12px;
}

#H_Password_Forget {
    display: block;
    font-size: 14px;
    margin-top: 20px;
    text-align: center;
}

#H_Contact {
    display: block;
    font-size: 14px;
    margin-top: 20px;
    opacity: 0.5;
}

/*  page principale  */

#Panel_Nouvelle_Dimona {
    text-align: left;
    z-index: 900;
    background-color: transparent;
    margin: 20px 10px 20px 10px;
}

.x-panel-body .Height_Nouvelle_Dimona, .x-panel .Height_Nouvelle_Dimona {
    height: 150px;
}

#Panel_Nouvelle_Dimona .x-btn-default-small {
    border-width: 1px;
    border-style: solid;
    background-image: none;
    background-color: #07b358;
    border-color: #07b358;
    height: 30px;
    width:350px;
    font-size: 16px !important;
    font-weight: normal;
}

#Panel_Nouvelle_Dimona .x-btn-inner-default-small {
   color: #fff;
   padding: 5px 20px 5px 20px;
   background-color: transparent;
   font-size: 16px;
   text-align: center;
}

#Panel_Nouvelle_Dimona a:hover, #Panel_Nouvelle_Dimona a:focus {
    text-decoration: none;
    box-shadow: 0 0.3em 0.1em -0.2em rgba(0,0,0,.21), 0 0.2em 0.2em 0 rgba(0,0,0,.15), 0 0.1em 0.5em 0 rgba(0,0,0,.11);
}

#Panel_Rechercher {
    position: absolute;
    width: 550px;
    right: 20px;
    top: 96px;
    margin-left: 10px;
    background-color: transparent;
    text-align: left;
    z-index: 900;
}

#Txt_Name, #Txt_FirstName, #Txt_Start_Date, #Txt_End_Date, #Txt_Dimona_Number, #CmbWorkerType  {
    float: left;
    margin-right: 20px;
}

#CmbWorkerType .x-form-text-field-body-default {
    min-width: 300px;
    max-width: 300px;
}

#Panel_Rechercher.x-autocontainer-innerCt {
    display: table-cell;
    height: 100%;
    vertical-align: top;
    text-align: right;
}

#Panel_Rechercher .x-btn-default-small, #Form_Panel_Step_Worker .x-btn-default-small, #Uc_Worker_Panel_North_Search_National_Register_Code .x-btn-default-small, #Uc_Worker_Massive_Declarations_Panel_North_Search_National_Register_Code .x-btn-default-small{
    background-color: transparent;
    background-image: none;
    border: 0;
    padding: 4px 8px 7px 7px;
    font-size: 20px;
    height: 30px;
    color: #3071a9;
}

.hideforclient  {
    display: none;
}

#Uc_Send_Lbl_Error_Message {
    margin-top:20px;
    display: table;
}

#FieldContainer_Employer_Main {
    margin-left: 10px;
}

#Lbl_Employer_Main {
    padding-top: 8px;
}



#FieldContainer_Employer_Main .x-btn-default-small, #Panel_North_Search_Employer .x-btn-default-small {
    background-color: transparent;
    background-image: none;
    border: 0;
    padding: 7px 8px 7px 7px;
    font-size: 20px;
    height: 30px;
    color: #3071a9;
}


#FieldContainer_Employer_Search .x-btn-default-small {
    background-color: transparent;
    background-image: none;
    border: 0;
    padding: 7px 8px 7px 7px;
    font-size: 20px;
    height: 30px;
    color: #3071a9;
}

#Form_Panel_Step_Worker .x-btn-default-small, #Uc_Worker_Lbl_Search a {
    color: #33a533;
}

#Uc_Worker_Lbl_Search  {
    padding-top: 4px;
}


#Panel_Rechercher .x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {
    margin-bottom: 5px;
}

#search {
   font-size: 20px;
   text-align: left;
   margin-left: 0;
   margin-top: 3px;
}

#search .x-btn-wrap {
    height: 4px;
}

li.x-boundlist-item {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 20px;
}



#Panel_Rechercher a:hover {
    text-decoration: none;
}

#Cmb_Employers {
    margin-left: 10px;
    margin-bottom: 20px;
    color: #404040;
}

/*Class utilisée pour rendre la dropdownlist sous forme de label uniquement*/
.onlyLabel {
    opacity: 1!important;
}

.onlyLabel #Cmb_Employers-triggerWrap {
        border-width: 0px
}

.onlyLabel #Cmb_Employers-trigger-picker {
    display: none;
}

#Cmb_Employeurs .x-form-text-default {
    color: #000;
}

.x-column-header-over {
    background-color: #fff;
}


#Lbl_Info_Edition, #Lbl_Info_Edition2 {
    display: table;
    color: #33a533;
    font-weight: 400;
    margin: 20px 0 10px 10px;
}

#GridPanel_Declarations_List {
    margin: 0 10px 10px 10px;
}

#GridPanel_Declarations_List .x-grid-cell-inner {
        cursor: pointer !important;
    }

.name-in-list {
    font-weight: 700;
}

.lib-in-list {
    font-size: 12px;
    color: #797979;
}

#Tpl_Last_Operations-triggerEl {
    display: none;
}

#Tpl_Last_Operations {
    width: 100%;
}

.x-grid-item {
    color: #000;
}

/*  Nouvelle DIMONA  */

/*  Brouillon  */

#Lbl_Title_Draft1, #Lbl_Title_Draft2 {
    color: #33a533;
}
#Win_Draf body.x-border-layout-ct, div.x-border-layout-ct {
    background-color: #fff;
}

#WizardPanel, #Declaration_Detail {
    margin: 4px 0 10px 8%;
}

.ModificationForm {
    margin: 4px 0 10px 8%;
}

.label_title {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 1px;
    color: #086cc3;
    margin: 20px 0 20px 5%;
    display: block;
}

#Uc_Title_Wizard_Panel_Title_Step_Wizard {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    margin: 15px 0 15px 5%;
}

#Uc_Title_Wizard_Panel_Title_Step_Wizard .x-label-default {
    color: #aaa;
}

#Uc_Title_Massive_Declarations_Panel_Title_Massive_Declarations {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin: 15px 0 15px 5%;
}

#Uc_Title_Massive_Declarations_Panel_Title_Massive_Declarations .x-label-default {
    color: #aaa;
}

.window-width, .window-width > .x-window-header-default, .window-width > .x-window-header-title-default {
    max-width: 700px;
    min-width: 600px !important;
}

#btnCancel {
    /*float: right;
    margin-right: 20px;*/
    margin: 10px 0 30px 8%;
}

#Uc_Worker_FieldContainer_Fl_Presta_Asp {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    position: absolute;
    right: 20px;
    text-align: center;
    padding: 10px;
    margin: 0;
    font-size: 11px;
    color: #778;
    border: 1px solid #e9e9e9;
    width: 330px;
    height: 200px;
    font-size: 16px;
    line-height: 140%;
}

#Win_Declaration_header-targetEl.x-box-target  {
    min-width: 580px !important;
}

.x-tool {
    left: 95% !important;
}

.panel_enabled {
    color: #5cb85c !important;
}

.panel_disabled {
    color: #aaa !important;
}

.Label_SubTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    color: #5389bd;
    display: block
}

#Form_Panel_Step_Worker label, 
#FormPanel_Declaration label, 
#Form_Panel_Step_Student label, 
#Form_Panel_Step_Interim label, 
#Form_Panel_Step_Construction label, 
#Form_Panel_Step_Send label {
    padding-top: 5px;
}

.Lbl_Info_container {
    height: 70px;
    background-color: #fcf8f2;
    margin: 10px 0;
    padding: 20px;
    border-left: 3px solid #f0ad4e;
}

label.Lbl_Info {
    padding-top: 0 !important;
}

#Uc_Worker_FieldContainer_SearchNational_Register_Code {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #33a533;
}

#Uc_Declaration_SegmentedButton_Daypass .x-btn-default-small,
#Uc_Declaration_SegmentedButton_Student .x-btn-default-small,
#Uc_Student_SegmentedButton_Workplace .x-btn-default-small {
    color: #404040;
    border-color: #cccccc;
    background-color: #c4c4c4;
    background-image: none;
}

#Uc_Worker_FieldContainer_Student {
    padding-top: 5px;
}

#Uc_Declaration_SegmentedButton_Daypass_Yes.x-btn.x-btn-menu-active.x-btn-default-small, 
#Uc_Declaration_SegmentedButton_Daypass_Yes.x-btn.x-btn-pressed.x-btn-default-small, 
#Uc_Declaration_SegmentedButton_Student_Yes.x-btn.x-btn-menu-active.x-btn-default-small, 
#Uc_Declaration_SegmentedButton_Student_Yes.x-btn.x-btn-pressed.x-btn-default-small, 
#Uc_Student_SegmentedButton_Workplace_Yes.x-btn.x-btn-menu-active.x-btn-default-small, 
#Uc_Student_SegmentedButton_Workplace_Yes.x-btn.x-btn-pressed.x-btn-default-small {
    color: #ffffff !important;
    background-color: #47a447;
    background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    background-repeat: repeat-x;
    border-color: #398439;
}

#Uc_Declaration_SegmentedButton_Daypass_No.x-btn.x-btn-menu-active.x-btn-default-small, 
#Uc_Declaration_SegmentedButton_Daypass_No.x-btn.x-btn-pressed.x-btn-default-small, 
#Uc_Declaration_SegmentedButton_Student_No.x-btn.x-btn-menu-active.x-btn-default-small, 
#Uc_Declaration_SegmentedButton_Student_No.x-btn.x-btn-pressed.x-btn-default-small, 
#Uc_Student_SegmentedButton_Workplace_No.x-btn.x-btn-menu-active.x-btn-default-small, 
#Uc_Student_SegmentedButton_Workplace_No.x-btn.x-btn-pressed.x-btn-default-small {
    color: #ffffff !important;
    background-color: #d2322d;
    border-color: #ac2925;
    background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    background-repeat: repeat-x;
}

#Panel_Buttons {
    padding: 10px 0 10px 8% ;
    border: 0;
    border-top: 1px solid #e5e5e5;
}

#btnNext, #btnPrev {
    margin-right: 10px;
}

#Button_Send_Dimona.x-btn-default-small, #Button_Send_Delete_Declaration.x-btn-default-small, #Button_Send_Out_Declaration.x-btn-default-small,
#Button_Send_Exclude_Declaration.x-btn-default-small, #Button_Send_Modify_Declaration.x-btn-default-small {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
    background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
    background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
    background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    background-repeat: repeat-x;
    border-color: #419641;
    border: 1px solid transparent;
    box-shadow: none;
    background-color: #5cb85c;
}

#Panel_Send {
    margin-top: 40px;
    margin-bottom: 40px;
}

#Panel_Send .x-btn-inner-default-small {
    font-size: 20px;
    overflow: inherit;
}

#Form_Panel_Step_Send .send-icon {
    margin-top: 20px;
    color: #dbdbdb;
    font-size: 60px;
}

a.fa-paper-plane {
    color: #fff;
}

/*  Modification DIMONA  */

#Declaration_Detail label {
    padding-top: 5px;
}

#Panel_Buttons_Detail {
    padding: 10px 0 10px 8%;
    border: 0;
    border-top: 0;
}

#Declaration_Detail .x-autocontainer-form-item {
    margin-bottom: 0;
}

#B_Declaration_Out, #B_Declaration_Cancel, #B_Declaration_Modify {
    margin-right: 10px;
}

#B_Declaration_Cancel.x-btn-default-small {
    color: #ffffff !important;
    background-color: #d2322d;
    border-color: #ac2925;
    background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    background-repeat: repeat-x;
}

#B_Close {
}

#Button_Send_Delete_Declaration.x-btn-default-small {
    margin: auto;
}

#Button_Send_Out_Declaration.x-btn-default-small {
    margin: auto;
}

#Button_Send_Exclude_Declaration.x-btn-default-small {
    margin: auto;
}

/*#Win_Delete_Declaration {
    text-align: center;
    text-align: -webkit-center;
}

#Win_Delete_Declaration.x-btn-inner-default-small {
        font-size: 14px;
}*/

#Fc_Send_Delete_Declaration {
    text-align: center;
    text-align: -webkit-center;
}

#Fc_Send_Delete_Declaration.x-btn-inner-default-small {
        font-size: 14px;
}

#Fc_Send_Out_Declaration {
    text-align: center;
    text-align: -webkit-center;
}

#Fc_Send_Out_Declaration.x-btn-inner-default-small {
        font-size: 14px;
}


#Fc_Send_Modify_Declaration {
    text-align: center;
    text-align: -webkit-center;
}

#Fc_Send_Modify_Declaration.x-btn-inner-default-small {
        font-size: 14px;
}

#Fc_Send_Exclude_Declaration {
    text-align: center;
    text-align: -webkit-center;
}

#Fc_Send_Exclude_Declaration.x-btn-inner-default-small {
        font-size: 14px;
}

#MessageAvertissement {
    width: 60%;
    margin: 200px auto;
    font-size: 18px;
    line-height: 130%;
}

#FooterMessageAvertissement {
    position: absolute;
    bottom: 10px;
}

#Panel_Buttons_APL_Msg {
    color: #ac2925;
}


/*  Responsive  */

@media screen and (min-width: 1000px) {
    #Uc_Worker_FieldContainer_Fl_Presta_Asp {
        right: 10%;
    }
}

@media screen and (min-width: 1900px) {
    #Uc_Worker_FieldContainer_Fl_Presta_Asp {
        right: 20%;
    }
}


@media screen and (max-width: 1000px) {
#Panel_Rechercher {
    position: relative;
    width: 100%;
    right: auto;
    top: auto;
    margin-left: 10px;
    background-color: transparent;
    text-align: left;
    z-index: 900;
}


@media screen and (max-width: 960px) {
    #Uc_Worker_FieldContainer_Fl_Presta_Asp {
        display: none;
    }
}

/*  Smartphone  */

@media screen and (max-width: 768px) {
    #Panel_Nouvelle_Dimona {
        text-align: center;
        margin: auto;
        margin-bottom: 24px;
    }

    #Lbl_Employer {
        padding-top: 0;
    }

    #FieldContainer_Employer_Main-innerCt {
        height: 100px !important;
    	width: 300px !important;
    }


    #Txt_Employer_Main {
        left: 10px !important;
        top: 30px !important;
    }

    #B_Search_Only_EmployerNumber {
        left: 110px !important;
        top: 30px !important;
    }

    #B_Search_Employer {
        left: 150px !important;
        top: 30px !important ;
    }

    #Panel_North_Search_Employer-body, #Uc_Worker_Panel_North_Search_National_Register_Code {
        z-index: 9000;
    }

    #FieldContainer_Employer .x-btn-default-small {
        top: 50px !important;
    }

    #Container_Info_Edition {
        display: inline-block;
        margin-top: 10px;
    }

    #Txt_Name, #Txt_FirstName, #Txt_Start_Date, #Txt_End_Date,  #Txt_Dimona_Number, #CmbWorkerType {
        float: left;
        margin-right: 10px;
    }

    #CmbWorkerType {
        float: none;
    }

    #CmbWorkerType .x-form-text-field-body-default {
        min-width: 350px;
        max-width: 350px;
    }

    #Lbl_Info_Edition, #Lbl_Info_Edition2 {
        margin: 10px 0 0 0;
        text-align: left;
        padding: 0 10px 10px 10px;
        font-weight: 400;
    }

    #GridPanel_Declarations_List {
        margin: 0 30px 10px 10px;
    }
    .window-width {
        max-width: 600px;
        min-width: 500px;
    }

    .name-in-list {
        font-weight: 400;
         color: #000;
    }

    .label_title {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: 0;
        color: #086cc3;
        margin: 20px 0 20px 10px;
        display: block;
        line-height: 120%;
    }
    #Form_Panel_Step_Worker label, 
    #FormPanel_Declaration label, 
    #Form_Panel_Step_Student label, 
    #Form_Panel_Step_Interim label, 
    #Form_Panel_Step_Construction label, 
    #Form_Panel_Step_Send label,
    #Declaration_Detail label {
        padding-top: 0;
    }

    #WizardPanel, #Declaration_Detail {
        margin: 4px 0 10px 10px;
    }

    #Uc_Title_Wizard_Panel_Title_Step_Wizard {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 14px;
        margin: 15px 0 15px 10px;
    }

    #Panel_Buttons {
        padding: 10px 0 10px 10px;
    }

    #btnCancel {
        margin: 26px 0 20px 10px;
    }

    #MessageAvertissement {
        width: 80%;
        margin: 100px auto;
        font-size: 16px;
        line-height: 130%;
    }
}

@media screen and (max-width: 370px) {
    #Panel_Nouvelle_Dimona {
        margin-right: 10px;
    }
    .label_title {
        font-size: 18px;
    }
    .name-in-list {
        font-weight: 400;
        color: #000;
    }
    #btnCancel {
        margin: 26px 0 20px 10px;
    }

}




/*#Cmb_Employers::-ms-expand {

    display: none;

}*/