/* Estilo para el contenedor de Label e Input */

.completeFieldContainer {
    margin: 0px;
    padding: 5px 0px;
}

/* Todas las label tienes un padding a la derecha para evitar que se choquen con el campo */

.labelContainer {
    margin: 0px;
    padding: 0px;
    padding-right: 6px;
    text-align: right;
    vertical-align: middle;
}

.labelContainer.checkStyle {
    text-align: left;
    width: auto !important;
}

.labelContainer.checkInput input {
    margin-right: 0px;
    margin-left: 0px;
}

/* Los input tienen que estar alineados verticalmente con el label */

.fieldWithLabelContainer input {
    vertical-align: middle;
}

/* Tamaños globales */

.size20 {
    width: 20px;
}

.size25 {
    width: 25px;
}

.size30 {
    width: 30px;
}

.size35 {
    width: 35px;
}

.size40 {
    width: 40px;
}

.size45 {
    width: 45px;
}

.size50 {
    width: 50px;
}

.size55 {
    width: 46px;
}

.size60 {
    width: 60px;
}

.size70 {
    width: 70px;
}


.size75 {
    width: 75px;
}

.size80 {
    width: 80px;
}

.size90 {
    width: 90px;
}

.size100 {
    width: 100px;
}

.size110 {
    width: 110px;
}

.size115{
    width: 115px;
}
.size120 {
    width: 120px;
}

.size125 {
    width: 125px;
}

.size130 {
    width: 130px;
}

.size140 {
    width: 140px;
}

.size150 {
    width: 150px;
}

.size160 {
    width: 160px;
}

.size170 {
    width: 170px;
}

.size175 {
    width: 175px;
}

.size180 {
    width: 180px;
}

.size200 {
    width: 200px;
}

.size215 {
    width: 215px;
}

.size240 {
    width: 240px;
}

.size250 {
    width: 250px;
}

.size270 {
    width: 270px;
}

.size275 {
    width: 275px;
}

.size300 {
    width: 300px;
}

.size320 {
    width: 320px;
}

.size350 {
    width: 350px;
}

.size360 {
    width: 360px;
}

.size375 {
    width: 375px;
}

.size400 {
    width: 400px;
}

.size450 {
    width: 450px;
}

.size500 {
    width: 500px;
}

.size525 {
    width: 525px;
}

.size550 {
    width: 550px;
}

.size600 {
    width: 600px;
}

.size625 {
    width: 625px;
}

.size650 {
    width: 650px;
}

.size675 {
    width: 675px;
}

.size700 {
    width: 700px;
}

.size725 {
    width: 725px;
}

.size750 {
    width: 750px;
}

.size800 {
    width: 800px;
}

.size850 {
    width: 850px;
}
.size900 {
    width: 900px;
}
.size950 {
    width: 950px;
}
.size1000 {
    width: 1000px;
}
.size1200{
    width: 1200px;
}

.minWidth100 {
    min-width: 100px;
}

.minWidth200 {
    min-width: 200px;
}

.minWidth300 {
    min-width: 300px;
}

.minWidth400 {
    min-width: 400px;
}

.minWidth500 {
    min-width: 500px;
}

.minWidth600 {
    min-width: 600px;
}

.minWidth700 {
    min-width: 700px;
}

.minWidth800 {
    min-width: 800px;
}

.minWidth900 {
    min-width: 900px;
}

.minWidth1000 {
    min-width: 1000px;
}

.minWidth1100 {
    min-width: 1100px;
}

.minWidth1200 {
    min-width: 1200px;
}


/* Tamaños de inputs */
/* Tienen 10px menos de ancho porque primefaces añade padding y borde equivalente a 10px */

.fieldWithLabelContainer input.size20 {
    width: 10px;
}

.fieldWithLabelContainer input.size25 {
    width: 15px;
}

.fieldWithLabelContainer input.size30 {
    width: 20px;
}

.fieldWithLabelContainer input.size35 {
    width: 25px;
}

.fieldWithLabelContainer input.size40 {
    width: 30px;
}

.fieldWithLabelContainer input.size45 {
    width: 35px;
}

.fieldWithLabelContainer input.size50 {
    width: 40px;
}

.fieldWithLabelContainer input.size60 {
    width: 50px;
}

.fieldWithLabelContainer input.size75 {
    width: 65px;
}

.fieldWithLabelContainer input.size80 {
    width: 70px;
}

.fieldWithLabelContainer input.size90 {
    width: 80px;
}

.fieldWithLabelContainer input.size100 {
    width: 90px;
}

.fieldWithLabelContainer input.size110 {
    width: 100px;
}

.fieldWithLabelContainer input.size120 {
    width: 110px;
}

.fieldWithLabelContainer input.size125 {
    width: 115px;
}

.fieldWithLabelContainer input.size140 {
    width: 130px;
}

.fieldWithLabelContainer input.size150 {
    width: 140px;
}

.fieldWithLabelContainer input.size160 {
    width: 160px;
}

.fieldWithLabelContainer input.size170 {
    width: 160px;
}

.fieldWithLabelContainer input.size175 {
    width: 165px;
}

.fieldWithLabelContainer input.size180 {
    width: 170px;
}

.fieldWithLabelContainer input.size200 {
    width: 190px;
}

.fieldWithLabelContainer input.size215 {
    width: 205px;
}

.fieldWithLabelContainer input.size225 {
    width: 215px;
}

.fieldWithLabelContainer input.size240 {
    width: 230px;
}

.fieldWithLabelContainer input.size250 {
    width: 240px;
}

.fieldWithLabelContainer input.size270 {
    width: 260px;
}

.fieldWithLabelContainer input.size275 {
    width: 265px;
}

.fieldWithLabelContainer input.size300 {
    width: 290px;
}

.fieldWithLabelContainer input.size320 {
    width: 310px;
}

.fieldWithLabelContainer input.size325 {
    width: 315px;
}

.fieldWithLabelContainer input.size340 {
    width: 330px;
}

.fieldWithLabelContainer input.size350 {
    width: 340px;
}

.fieldWithLabelContainer input.size360 {
    width: 350px;
}

.fieldWithLabelContainer input.size375 {
    width: 365px;
}

.fieldWithLabelContainer input.size400 {
    width: 390px;
}

.fieldWithLabelContainer input.size425 {
    width: 415px;
}

.fieldWithLabelContainer input.size450 {
    width: 440px;
}

.fieldWithLabelContainer input.size475 {
    width: 465px;
}

.fieldWithLabelContainer input.size500 {
    width: 490px;
}

.fieldWithLabelContainer input.size525 {
    width: 515px;
}

.fieldWithLabelContainer input.size550 {
    width: 540px;
}

.fieldWithLabelContainer input.size575 {
    width: 565px;
}

.fieldWithLabelContainer input.size600 {
    width: 590px;
}

.fieldWithLabelContainer input.size625 {
    width: 615px;
}

.fieldWithLabelContainer input.size650 {
    width: 640px;
}

.fieldWithLabelContainer input.size700 {
    width: 690px;
}

.fieldWithLabelContainer input.size725 {
    width: 715px;
}

.fieldWithLabelContainer input.size750 {
    width: 740px;
}
.fieldWithLabelContainer input.size800 {
    width: 790px;
}
.fieldWithLabelContainer input.size850 {
    width: 840px;
}
.fieldWithLabelContainer input.size900 {
    width: 890px;
}
.fieldWithLabelContainer input.size925 {
    width: 915px;
}
.fieldWithLabelContainer input.size950 {
    width: 940px;
}
/* Tamaños de Labels */
/* Tienen 9px menos de ancho al añadirles un padding a la derecha para que no
se queden pegados a los input. */

.labelContainer.size20 {
    width: 11px;
}

.labelContainer.size30 {
    width: 21px;
}

.labelContainer.size35 {
    width: 26px;
}

.labelContainer.size40 {
    width: 31px;
}

.labelContainer.size45 {
    width: 36px;
}

.labelContainer.size50 {
    width: 41px;
}

.labelContainer.size60 {
    width: 51px;
}

.labelContainer.size75 {
    width: 66px;
}

.labelContainer.size80 {
    width: 71px;
}

.labelContainer.size90 {
    width: 81px;
}

.labelContainer.size100 {
    width: 91px;
}

.labelContainer.size110 {
    width: 101px;
}

.labelContainer.size120 {
    width: 111px;
}

.labelContainer.size125 {
    width: 116px;
}

.labelContainer.size140 {
    width: 131px;
}

.labelContainer.size150 {
    width: 141px;
}

.labelContainer.size160 {
    width: 151px;
}

.labelContainer.size170 {
    width: 161px;
}

.labelContainer.size175 {
    width: 166px;
}

.labelContainer.size180 {
    width: 171px;
}

.labelContainer.size200 {
    width: 191px;
}

.labelContainer.size215 {
    width: 206px;
}

.labelContainer.size225 {
    width: 216px;
}

.labelContainer.size240 {
    width: 231px;
}

.labelContainer.size250 {
    width: 241px;
}

.labelContainer.size270 {
    width: 261px;
}

.labelContainer.size275 {
    width: 266px;
}

.labelContainer.size300 {
    width: 291px;
}

.labelContainer.size320 {
    width: 311px;
}

.labelContainer.size325 {
    width: 316px;
}

.labelContainer.size340 {
    width: 331px;
}

.labelContainer.size350 {
    width: 341px;
}

.labelContainer.size360 {
    width: 351px;
}

.labelContainer.size375 {
    width: 366px;
}

.labelContainer.size400 {
    width: 391px;
}

.labelContainer.size450 {
    width: 441px;
}

.labelContainer.size500 {
    width: 491px;
}

.labelContainer.size625 {
    width: 616px;
}

/* Tamaños para selects (JSF <h:selectOneMenu>) */

.fieldWithLabelContainer select.size40 {
    width: 30px;
}

.fieldWithLabelContainer select.size45 {
    width: 35px;
}

.fieldWithLabelContainer select.size50 {
    width: 50px;
}

.fieldWithLabelContainer select.size75 {
    width: 75px;
}

.fieldWithLabelContainer select.size80 {
    width: 80px;
}

.fieldWithLabelContainer select.size100 {
    width: 100px;
}

.fieldWithLabelContainer select.size120 {
    width: 120px;
}

.fieldWithLabelContainer select.size125 {
    width: 125px;
}

.fieldWithLabelContainer select.size140 {
    width: 140px;
}

.fieldWithLabelContainer select.size150 {
    width: 150px;
}

.fieldWithLabelContainer select.size160 {
    width: 160px;
}

.fieldWithLabelContainer select.size170 {
    width: 170px;
}

.fieldWithLabelContainer select.size175 {
    width: 175px;
}

.fieldWithLabelContainer select.size180 {
    width: 180px;
}

.fieldWithLabelContainer select.size200 {
    width: 200px;
}

.fieldWithLabelContainer select.size215 {
    width: 215px;
}

.fieldWithLabelContainer select.size225 {
    width: 225px;
}

.fieldWithLabelContainer select.size240 {
    width: 240px;
}

.fieldWithLabelContainer select.size250 {
    width: 250px;
}

.fieldWithLabelContainer select.size270 {
    width: 270px;
}

.fieldWithLabelContainer select.size275 {
    width: 275px;
}

.fieldWithLabelContainer select.size300 {
    width: 300px;
}

.fieldWithLabelContainer select.size320 {
    width: 320px;
}

.fieldWithLabelContainer select.size325 {
    width: 325px;
}

.fieldWithLabelContainer select.size340 {
    width: 340px;
}

.fieldWithLabelContainer select.size350 {
    width: 350px;
}

.fieldWithLabelContainer select.size360 {
    width: 360px;
}

.fieldWithLabelContainer select.size375 {
    width: 375px;
}

.fieldWithLabelContainer select.size400 {
    width: 400px;
}

.fieldWithLabelContainer select.size450 {
    width: 450px;
}

.fieldWithLabelContainer select.size625 {
    width: 625px;
}

/* Tamaños para el Calendar (<p:calendar>) */

.fieldWithLabelContainer span.ui-calendar.size75 input {
    margin: 0px;
    width: 65px;
}

.fieldWithLabelContainer span.ui-calendar.size80 input {
    margin: 0px;
    width: 70px;
}

.fieldWithLabelContainer span.ui-calendar.size100 input {
    margin: 0px;
    width: 94px;
}

.fieldWithLabelContainer span.ui-calendar.size120 input {
    margin: 0px;
    width: 110px;
}

.fieldWithLabelContainer span.ui-calendar.size125 input {
    margin: 0px;
    width: 115px;
}

.fieldWithLabelContainer span.ui-calendar.size140 input {
    margin: 0px;
    width: 130px;
}

.fieldWithLabelContainer span.ui-calendar.size150 input {
    margin: 0px;
    width: 140px;
}

.fieldWithLabelContainer span.ui-calendar.size160 input {
    margin: 0px;
    width: 150px;
}

.fieldWithLabelContainer span.ui-calendar.size170 input {
    margin: 0px;
    width: 160px;
}

.fieldWithLabelContainer span.ui-calendar.size175 input {
    margin: 0px;
    width: 165px;
}

.fieldWithLabelContainer span.ui-calendar.size180 input {
    margin: 0px;
    width: 170px;
}

.fieldWithLabelContainer span.ui-calendar.size200 input {
    margin: 0px;
    width: 190px;
}

.fieldWithLabelContainer span.ui-calendar.size215 input {
    margin: 0px;
    width: 205px;
}

.fieldWithLabelContainer span.ui-calendar.size225 input {
    margin: 0px;
    width: 215px;
}

.fieldWithLabelContainer span.ui-calendar.size240 input {
    margin: 0px;
    width: 230px;
}

.fieldWithLabelContainer span.ui-calendar.size250 input {
    margin: 0px;
    width: 240px;
}

.fieldWithLabelContainer span.ui-calendar.size260 input {
    margin: 0px;
    width: 350px;
}

.fieldWithLabelContainer span.ui-calendar.size270 input {
    margin: 0px;
    width: 260px;
}

.fieldWithLabelContainer span.ui-calendar.size275 input {
    margin: 0px;
    width: 265px;
}

.fieldWithLabelContainer span.ui-calendar.size375 input {
    margin: 0px;
    width: 365px;
}

.fieldWithLabelContainer span.ui-calendar.size450 input {
    margin: 0px;
    width: 440px;
}

.fieldWithLabelContainer span.ui-calendar.size625 input {
    margin: 0px;
    width: 615px;
}

.fieldWithLabelContainer span.ui-calendar.size725 input {
    margin: 0px;
    width: 715px;
}

.fieldWithLabelContainer span.ui-calendar.size925 input {
    margin: 0px;
    width: 915px;
}

/* Autocompletes (primeraces)*/

.fieldWithLabelContainer span.ui-autocomplete input {
    margin: 0px;
}

.fieldWithLabelContainer span.ui-autocomplete.size40 input {
    width: 30px;
}

.fieldWithLabelContainer span.ui-autocomplete.size45 input {
    width: 35px;
}

.fieldWithLabelContainer span.ui-autocomplete.size50 input {
    width: 40px;
}

.fieldWithLabelContainer span.ui-autocomplete.size75 input {
    width: 65px;
}

.fieldWithLabelContainer span.ui-autocomplete.size80 input {
    width: 70px;
}

.fieldWithLabelContainer span.ui-autocomplete.size100 input {
    width: 90px;
}

.fieldWithLabelContainer span.ui-autocomplete.size120 input {
    width: 110px;
}

.fieldWithLabelContainer span.ui-autocomplete.size125 input {
    width: 115px;
}

.fieldWithLabelContainer span.ui-autocomplete.size140 input {
    width: 130px;
}

.fieldWithLabelContainer span.ui-autocomplete.size150 input {
    width: 140px;
}

.fieldWithLabelContainer span.ui-autocomplete.size160 input {
    width: 150px;
}

.fieldWithLabelContainer span.ui-autocomplete.size170 input {
    width: 160px;
}

.fieldWithLabelContainer span.ui-autocomplete.size175 input {
    width: 165px;
}

.fieldWithLabelContainer span.ui-autocomplete.size180 input {
    width: 170px;
}

.fieldWithLabelContainer span.ui-autocomplete.size200 input {
    width: 190px;
}

.fieldWithLabelContainer span.ui-autocomplete.size215 input {
    width: 205px;
}

.fieldWithLabelContainer span.ui-autocomplete.size225 input {
    width: 215px;
}

.fieldWithLabelContainer span.ui-autocomplete.size240 input {
    width: 230px;
}

.fieldWithLabelContainer span.ui-autocomplete.size250 input {
    width: 240px;
}

.fieldWithLabelContainer span.ui-autocomplete.size270 input {
    width: 260px;
}

.fieldWithLabelContainer span.ui-autocomplete.size275 input {
    width: 265px;
}

.fieldWithLabelContainer span.ui-autocomplete.size300 input {
    width: 290px;
}

.fieldWithLabelContainer span.ui-autocomplete.size320 input {
    width: 310px;
}

.fieldWithLabelContainer span.ui-autocomplete.size325 input {
    width: 315px;
}

.fieldWithLabelContainer span.ui-autocomplete.size340 input {
    width: 330px;
}

.fieldWithLabelContainer span.ui-autocomplete.size350 input {
    width: 340px;
}

.fieldWithLabelContainer span.ui-autocomplete.size360 input {
    width: 350px;
}

.fieldWithLabelContainer span.ui-autocomplete.size375 input {
    width: 365px;
}

.fieldWithLabelContainer span.ui-autocomplete.size400 input {
    width: 390px;
}

.fieldWithLabelContainer span.ui-autocomplete.size450 input {
    width: 440px;
}

.fieldWithLabelContainer span.ui-autocomplete.size475 input {
    width: 465px;
}

.fieldWithLabelContainer span.ui-autocomplete.size500 input {
    width: 490px;
}

.fieldWithLabelContainer span.ui-autocomplete.size525 input {
    width: 515px;
}

.fieldWithLabelContainer span.ui-autocomplete.size600 input {
    width: 590px;
}

.fieldWithLabelContainer span.ui-autocomplete.size625 input {
    width: 615px;
}

.fieldWithLabelContainer span.ui-autocomplete.size675 input {
    width: 665px;
}

.fieldWithLabelContainer span.ui-autocomplete.size700 input {
    width: 690px;
}

/* Tamaños para el TextArea (<p:inputTextarea>) */
.fieldWithLabelContainer textarea.size400 {
    width: 390px;
}

.fieldWithLabelContainer textarea.size425 {
    width: 415px;
}

.fieldWithLabelContainer textarea.size450 {
    width: 440px;
}
.fieldWithLabelContainer textarea.size500 {
    width: 490px;
}

.fieldWithLabelContainer textarea.size525 {
    width: 515px;
}

.fieldWithLabelContainer textarea.size550 {
    width: 540px;
}

.fieldWithLabelContainer textarea.size600 {
    width: 590px;
}
.fieldWithLabelContainer textarea.size625 {
    width: 615px;
}

.fieldWithLabelContainer textarea.size650 {
    width: 640px;
}

.fieldWithLabelContainer textarea.size700 {
    width: 690px;
}
.fieldWithLabelContainer textarea.size725 {
    width: 715px;
}

.fieldWithLabelContainer textarea.size750 {
    width: 740px;
}

.fieldWithLabelContainer textarea.size800 {
    width: 790px;
}
.fieldWithLabelContainer textarea.size900 {
    width: 890px;
}
.fieldWithLabelContainer textarea.size925 {
    width: 915px;
}
.fieldWithLabelContainer textarea.size1000 {
    width: 990px;
}
.fieldWithLabelContainer textarea.size1100 {
    width: 1090px;
}

/* Tamaños para el treeNode (<p:tree>) */
.ui-tree.size500 {
    width: 490px;
}

.ui-tree.size525 {
    width: 515px;
}

.ui-tree.size550 {
    width: 540px;
}

.ui-tree.size600 {
    width: 590px;
}

.ui-tree.size650 {
    width: 640px;
}

.ui-tree.size700 {
    width: 690px;
}

.ui-tree.size750 {
    width: 740px;
}

.ui-tree.size800 {
    width: 790px;
}

.ui-tree.size850 {
    width: 840px;
}

.ui-tree.size900 {
    width: 890px;
}

.fieldWithLabelContainer table{
    display: inline-table;
    vertical-align: middle;
    table-layout: fixed;
}

.ui-autocomplete.sizeAuto,
span.ui-autocomplete.sizeAuto input{
    width: 98% !important;
}


/* Tamaños para el fileUpload (<p:fileUpload>) */
.ui-fileupload.size300 {
    width: 290px;
}

.ui-fileupload.size350 {
    width: 340px;
}
.ui-fileupload.size400 {
    width: 390px;
}

.ui-fileupload.size450 {
    width: 440px;
}
.ui-fileupload.size500 {
    width: 490px;
}

.ui-fileupload.size525 {
    width: 515px;
}

.ui-fileupload.size550 {
    width: 540px;
}

.ui-fileupload.size600 {
    width: 590px;
}

.ui-fileupload.size650 {
    width: 640px;
}

.ui-fileupload.size700 {
    width: 690px;
}

.ui-fileupload.size750 {
    width: 740px;
}

.ui-fileupload.size800 {
    width: 790px;
}

.ui-selectonebutton {
    padding: 5px 1px !important;
}

.ui-selectcheckboxmenu.size100 {
    width: 99px;
}

.ui-selectcheckboxmenu.size150 {
    width: 149px;
}

.ui-selectcheckboxmenu.size175 {
    width: 174px;
}
.ui-selectcheckboxmenu.size200 {
    width: 199px;
}

.ui-selectcheckboxmenu.size250 {
    width: 249px;
}

.ui-selectcheckboxmenu.size300 {
    width: 299px;
}

.ui-selectcheckboxmenu.size350 {
    width: 349px;
}
.ui-selectcheckboxmenu.size400 {
    width: 399px;
}

.ui-selectcheckboxmenu.size450 {
    width: 449px;
}
.ui-selectcheckboxmenu.size500 {
    width: 499px;
}

.ui-selectcheckboxmenu.size525 {
    width: 524px;
}

.ui-selectcheckboxmenu.size550 {
    width: 549px;
}

.ui-selectcheckboxmenu.size600 {
    width: 599px;
}

.ui-selectcheckboxmenu.size650 {
    width: 649px;
}

.ui-selectcheckboxmenu.size700 {
    width: 699px;
}

.ui-selectcheckboxmenu.size750 {
    width: 749px;
}

.ui-selectcheckboxmenu.size800 {
    width: 799px;
}

.ui-selectcheckboxmenu.size850 {
    width: 849px;
}

.ui-selectcheckboxmenu.size900 {
    width: 899px;
}

.ui-selectcheckboxmenu.size950 {
    width: 949px;
}

.ui-chkbox .ui-chkbox-box{
    width: 14px;
    height: 14px;
}

/* <p:selectOneMenu>*/

.fieldWithLabelContainer div.ui-selectonemenu{
    padding-right: 25px;
}
.fieldWithLabelContainer div.ui-selectonemenu.size150 {
    width: 120px !important;
    min-width: 120px !important;
}
.fieldWithLabelContainer div.ui-selectonemenu.size175 {
    width: 145px !important;
    min-width: 145px !important;
}
.fieldWithLabelContainer div.ui-selectonemenu.size200 {
    width: 170px !important;
    min-width: 170px !important;
}
.fieldWithLabelContainer div.ui-selectonemenu.size250 {
    width: 220px !important;
    min-width: 220px !important;
}
.fieldWithLabelContainer div.ui-selectonemenu.size300 {
    width: 270px !important;
    min-width: 270px !important;
}
.fieldWithLabelContainer div.ui-selectonemenu.size350 {
    width: 320px !important;
    min-width: 320px !important;
}
.fieldWithLabelContainer div.ui-selectonemenu.size375 {
    width: 345px !important;
    min-width: 345px !important;
}

.fieldWithLabelContainer div.ui-selectonemenu.size400 {
    width: 370px !important;
    min-width: 370px !important;
}
.fieldWithLabelContainer div.ui-selectonemenu.size450 {
    width: 420px !important;
    min-width: 420px !important;
}
.fieldWithLabelContainer div.ui-selectonemenu.size500 {
    width: 470px !important;
    min-width: 470px !important;
}
.fieldWithLabelContainer div.ui-selectonemenu.size700 {
    width: 670px !important;
    min-width: 670px !important;
}
.fieldWithLabelContainer div.ui-selectonemenu.size1100 {
    width: 1070px !important;
    min-width: 1070px !important;
}

.ui-picklist.size700 .ui-picklist-list-wrapper .ui-picklist-list {
    width: 335px !important;
}

.ui-selectmanymenu.size300 {
    width: 294px;
}

.ui-selectmanymenu.sizeAutoMax60vw {
    width: auto;
    max-width: 60vw;
}

.ui-selectmanymenu .ui-chkbox {
    margin-right: 5px;
}

.ui-dialog .ui-dialog-content {
    max-height: 750px;
}

.p-datepicker {
    width: auto !important;
}

@media only screen and (max-width: 640px) {

    .size50, .size75, .size100, .size125, .size150, .size200, .size250, .size300, .size350, .size400, .size450, .size500, .size600{
        box-sizing: border-box;
    }

    .labelContainer.size50, .labelContainer.size75, .labelContainer.size100, .labelContainer.size125, .labelContainer.size150, .labelContainer.size200,
    .labelContainer.size250, .labelContainer.size300, .labelContainer.size350, .labelContainer.size400, .labelContainer.size450,
    .labelContainer.size500, .labelContainer.size600{
        float: none;
        width: 100%;
        text-align: left;
    }

    .fieldWithLabelContainer.checkFieldWrapper > .labelContainer {
        display: none;
    }

    .size50, .size75, .size100, .size125, .size150, .size200, .size250, .size300, .size350, .size400, .size450, .size500, .size600, .size800,

    .fieldWithLabelContainer input.size50, .fieldWithLabelContainer input.size75, .fieldWithLabelContainer input.size100,
    .fieldWithLabelContainer input.size125, .fieldWithLabelContainer input.size150, .fieldWithLabelContainer input.size200,
    .fieldWithLabelContainer input.size250, .fieldWithLabelContainer input.size300, .fieldWithLabelContainer input.size350,
    .fieldWithLabelContainer input.size400, .fieldWithLabelContainer input.size450, .fieldWithLabelContainer input.size500,
    .fieldWithLabelContainer input.size600, .fieldWithLabelContainer input.size800,

    .fieldWithLabelContainer select.size50, .fieldWithLabelContainer select.size75, .fieldWithLabelContainer select.size100,
    .fieldWithLabelContainer select.size125, .fieldWithLabelContainer select.size150, .fieldWithLabelContainer select.size200,
    .fieldWithLabelContainer select.size250, .fieldWithLabelContainer select.size300, .fieldWithLabelContainer select.size350,
    .fieldWithLabelContainer select.size400, .fieldWithLabelContainer select.size450, .fieldWithLabelContainer select.size500,
    .fieldWithLabelContainer select.size600, .fieldWithLabelContainer select.size800,

    .fieldWithLabelContainer span.ui-calendar.size50 input, .fieldWithLabelContainer span.ui-calendar.size75 input,
    .fieldWithLabelContainer span.ui-calendar.size100 input, .fieldWithLabelContainer span.ui-calendar.size125 input,
    .fieldWithLabelContainer span.ui-calendar.size150 input, .fieldWithLabelContainer span.ui-calendar.size200 input,
    .fieldWithLabelContainer span.ui-calendar.size250 input, .fieldWithLabelContainer span.ui-calendar.size300 input,
    .fieldWithLabelContainer span.ui-calendar.size350 input, .fieldWithLabelContainer span.ui-calendar.size400 input,
    .fieldWithLabelContainer span.ui-calendar.size450 input, .fieldWithLabelContainer span.ui-calendar.size500 input,
    .fieldWithLabelContainer span.ui-calendar.size600 input, .fieldWithLabelContainer span.ui-calendar.size800 input,

    .fieldWithLabelContainer span.ui-autocomplete.size50 input, .fieldWithLabelContainer span.ui-autocomplete.size75 input,
    .fieldWithLabelContainer span.ui-autocomplete.size100 input, .fieldWithLabelContainer span.ui-autocomplete.size125 input,
    .fieldWithLabelContainer span.ui-autocomplete.size150 input, .fieldWithLabelContainer span.ui-autocomplete.size200 input,
    .fieldWithLabelContainer span.ui-autocomplete.size250 input, .fieldWithLabelContainer span.ui-autocomplete.size300 input,
    .fieldWithLabelContainer span.ui-autocomplete.size350 input, .fieldWithLabelContainer span.ui-autocomplete.size400 input,
    .fieldWithLabelContainer span.ui-autocomplete.size450 input, .fieldWithLabelContainer span.ui-autocomplete.size500 input,
    .fieldWithLabelContainer span.ui-autocomplete.size600 input, .fieldWithLabelContainer span.ui-autocomplete.size675 input,
    .fieldWithLabelContainer span.ui-autocomplete.size800 {
        float: none;
        width: 100% !important;
    }

    .completeFieldContainer {
        width: 100%;
    }

    .ui-calendar, .ui-calendar input, .ui-autocomplete {
        display: inline-flex !important;
    }

    .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
        width: 34px;
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {
        min-height: 28px;
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] > *:not(:first-child) {
        float: right;
    }

    .ui-selectonebutton {
        display: inline-flex !important;
    }

    .groupWithButtons .size25{
        width: 25px !important;
    }

    .ui-dialog .ui-dialog-content {
        max-height: 600px;
    }
}