#aonde{font-size: 8px;}
html {margin: 0;}
body {
     margin: 0;
     padding: 0;
     font-family: Arial;
     font-weight: normal;
     font-size: 13px;
     line-height: 1.1875;
     color: #000000;
     background-color: #FFFFFF;
}
a { text-decoration: none; color: #3b3b3b; font-size: 14px;}
/* #main { width: 100%; margin: 0 auto; display: flex; flex-flow: column wrap;} */
#main { width: 100%; margin: 0 auto; display: flex; flex-flow: column wrap; }
/* #main { height: 100vh; width:100vw; display:flex; flex-flow:column wrap; justify-content:space-between; } -- login */
#header {
     width: 100%; 
     height: 75px;
     padding: 0 5px;
     align-content: center;
     justify-content: space-between; 
     background-color: #235d9f; 
     border-bottom: solid 1px #10325a; 
     margin-top: 2px;
}
#toplogo {float: left; width: 200px; margin-top: 5px;}
#top_menu {
     float: left;
     padding-left: 140px;
     padding-top: 20px;
     color: white;
     font-size: 15px;    
}
#top_menu_item {
     float: left;
     padding-left: 15px;
     font-size: 15px;
     padding-top: 4px;
}
#top_title {
    float: left; 
    text-align: center; 
    vertical-align: middle; 
    font-size: 18px; 
    margin-top: 25px;
/*  color: #7e7d7d;
    width: 770px; */
    color: #ffffff;
    width: 520px;
}
#top_cli-logo{ 
     float: left; 
     padding-top: 5px;
     width: 70px;
}
#top_cli-info{ 
     float: left;
     color: #efefef;
     font-size: 12px;
     margin-top: 25px;
     width: 220px;
}
#toptext {
     float:right; 
     vertical-align:middle; 
     font-size:18px; 
     color: #ffffff; 
     margin-top:25px;
     min-width:200px;
     text-align:center; 
/*
     padding-right: 32px; 
     width: 170px;
     text-align: right;
*/
}
#ident{font-size: 10px;}
/*
#content{width: 86%; min-height: 350px; height: 375px; background-image: url('../images/rh-back-small.png');}
*/
#content{
     display:flex; flex-flow:row nowrap; align-content:space-between; justify-content:center;
     width:100%; min-height:350px; 
}

#left-menu{ float: left; width:14%; min-width: 170px; font-size: 12px; padding-right: 5px;}
/*
#theContent{ float:right; width: 998px; background-color: #f5f5f5; padding-top: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; border-radius: 10px; margin-top: 0px; min-height: 350px;}
#theContentUplaod{ float:right; width: 998px; background-color: #f5f5f5; padding-top: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; border-radius: 10px; margin-top: -62px; min-height: 350px;}
*/
#theContent, #theContentUpload { 
     display: flex; flex-flow: row wrap; 
     float: right; 
     width: 86%; min-height: 350px;
     margin: 10px 5px; padding: 10px; /* padding: 10px 10px 5px 10px; */
     background-color: #f5f5f5; border-radius: 10px; 
}

#mnu-line, #mnu-user { width: 100%; min-height: 16px; padding-left: 5px; padding-top: 6px; padding-bottom: 6px; text-align: left; }
#mnu-line:hover { background-color: #5e81ac; }
#mnu-line .t, #mnu-line .t:hover { margin-top: 5px; background-color: #cccccc;}
#mnu-line .x:hover { background-color:rgba(255, 0, 0, 0.25);}
#mnu-line .off { color: #cccccc; margin-top: 5px; }
#mnu-line a { text-decoration: none; }
#mnu-line a:hover { color: #ffffff !important; }
#uname{font-size: 12px;}
#right-content{float: right; width: 80%;}
#OneRow{min-height: 30px; margin-top: 5px;}
#OneRow1{margin-top: 1px;}

hr.st00 { border:0; height:1px; background-image:linear-gradient(to right, rgba(15, 43, 71, 0.4), rgba(0, 0, 0, 0));}
hr.st01 { border:0; height:1px; background-image:linear-gradient(to right, rgba(255, 0, 0, 0.4), rgba(0, 0, 0, 0));}
hr.st02 { border:0; height:1px; background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}

#footer { 
     width: 100%; height: 50px;
     margin: 15px 0 0 0;
     padding-top: 3px; 
     color: #ffffff; 
     text-align: center; 
     background-color: #235d9f; 
}

/* IMPORT  */
/*
#princ { width: 100%;}
#explicacao{float: left; width:45%; padding-top: 60px;; font-size: 13px; margin-left: 30px;}
#wb_uploadForm{float: right; width: 48%; background-color: #FBFBFB; background-image: none; border: 0px solid #CCCCCC;}
*/
#princ { 
     display:flex; flex-flow:row nowrap; align-items:center; 
     width:100%; min-height:350px; 
}
#result {width:100%;}
#explicacao {
     float:left;
     align-self:flex-start;
     width:45%; padding-top:60px; 
     font-size:13px;
     line-height:1.5;
}
#wb_uploadForm {
     float:left; 
     width:45%; 
     margin-top:200px;
     padding-top:100px;
     background-color: #fbfbfb; background-image:none; border:0px solid #cccccc;
}
/*
.wb_uForm {position:relative;top:100px;z-index:5;} 
*/
.wb_uForm { padding-top:100px; z-index:5; }

#LabelUpload { 
     margin:0;
     padding:4px 4px 4px 4px; 
     background-color:transparent; background-image:none; 
     border: 0px solid #CCCCCC; border-radius:4px; 
     color:#000000; font-family:Arial; font-weight:normal; font-size:13px; 
     text-align:left; vertical-align:top; 
}
#FileUpload { box-sizing:border-box; display:table; border-collapse:separate; margin-bottom:5px;}
#FileUpload .form-control{ display:block; width:100%; height:26px; line-height:18px; padding: 4px 4px 4px 4px; font-family:Arial; font-weight: normal; font-size: 13px; color: #555555; background-color: #FFFFFF; background-image:none; border:1px solid #CCCCCC; border-radius:4px; }
/*
#FileUpload .form-control{ display: block; width: 100%; height: 26px; line-height: 18px; padding: 4px 4px 4px 4px; font-family:Arial; font-weight: normal; font-size: 13px; color: #555555; background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; border-radius: 4px; }
#FileUpload .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0px; }
*/
#FileUpload .form-control { 
     z-index: 2;
     float: left; display: block; 
     width: 100%; height: 26px; 
     margin-bottom: 0px; padding: 4px 4px 4px 4px; 
     line-height: 18px; 
     font-family: Arial; font-weight: normal; font-size: 13px; color: #555555; 
     background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; border-radius: 4px; 
}

#FileUpload label { display: inline-block; margin-bottom: 5px; font-weight: 700; }
#FileUpload .input-group-btn, FileUpload1 .form-control{ display: table-cell; } 
#FileUpload :first-child.form-control, FileUpload1 :first-child.input-group-btn > .btn, FileUpload1 :first-child.input-group-btn > .btn-group > .btn, FileUpload1 :last-child.input-group-btn > :not(:last-child):not(.dropdown-toggle).btn, FileUpload1 :last-child.input-group-btn > :not(:last-child).btn-group > .btn{ border-bottom-right-radius: 0px; border-top-right-radius: 0px; }

#FileUpload .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; font-size: 0px; white-space: nowrap; }

/*
#FileUpload .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; position: relative; font-size: 0px; white-space: nowrap; }
#FileUpload .btn{ display: inline-block; margin-bottom: 0px; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-color: #428BCA; background-image: none; border: 1px solid #357EBD; color: #FFFFFF; white-space: nowrap; padding: 4px 8px 4px 8px; font-family:Arial; font-weight: normal; font-size: 13px; line-height: 18px; border-radius: 4px; height: 26px; }
*/
#FileUpload .btn{ display: inline-block; margin-bottom: 0px; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-color: #428BCA; background-image: none; border: 1px solid #357EBD; color: #FFFFFF; white-space: nowrap; padding: 7px 8px 3px 8px; font-family:Arial; font-weight: normal; font-size: 13px; border-radius: 4px; height: 24px; }
/*
#FileUpload .input-group-btn > .btn { position: relative; }
*/
#FileUpload :last-child.form-control, #FileUpload :last-child.input-group-btn > .btn, #FileUpload :last-child.input-group-btn > .btn-group > .btn, #FileUpload :first-child.input-group-btn > :not(:first-child).btn, FileUpload :first-child.input-group-btn > :not(:first-child).btn-group > .btn{ border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
#FileUpload :last-child.input-group-btn > .btn, FileUpload :last-child.input-group-btn > .btn-group{ margin-left: 15px; }
#UploadButton{ padding-top: 4px; border: 1px solid #2E6DA4; border-radius: 4px; background-color: #3370B7; background-image: none; color: #FFFFFF; font-family: Arial; font-weight: normal; font-size: 17px; -webkit-appearance: none; margin: 0; }
/*
.fileInput{position: absolute; left: 69px; top: 8px; width: 260px; height: 26px; z-index: 1;}
.fileLabel{position:absolute;left:10px;top:15px;width:53px;height:12px;line-height:12px;z-index:0;}
.fileBtn{position: absolute; left: 69px; top: 54px; width: 262px; height: 31px; z-index: 4;}
*/
.fileInput{left: 69px; top: 8px; width: 260px; height: 26px; z-index: 1;}
.fileLabel{left:10px;top:15px;width:53px;height:12px;line-height:12px;z-index:0;}
.fileBtn{left: 69px; top: 54px; width: 262px; height: 31px; z-index: 4;}

/* label float for LOGIN input */
.label-float {
     position: relative;
     padding-top: 13px;
}
.label-float input {
     border: 0;
     border-bottom: 2px solid lightgrey;
     outline: none;
     min-width: 180px;
     font-size: 16px;
     transition: all .3s ease-out;
     -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
     -webkit-appearance:none;
     border-radius: 0;
}
.label-float input:focus {
     border-bottom: 2px solid #3951b2;
}
.label-float input::placeholder {
     color:transparent;
}
.label-float label {
     pointer-events: none;
     position: absolute;
     top: 0;
     left: 0;
     margin-top: 13px;
     transition: all .3s ease-out;
     -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
}
.label-float input:required:invalid + label {
     color: red;
}
.label-float input:focus:required:invalid {
     border-bottom: 2px solid red;
}
.label-float input:required:invalid + label:before {
     content: '*';
}
.label-float input:focus + label,
.label-float input:not(:placeholder-shown) + label {
     font-size: 13px;
     margin-top: 0;
     color: #3951b2;
}

/* users_details-Ed. css */

/* #dados */
#TitleRow {
     width: 100%;
     height: 47px;
     background-color: white;
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-size: 13px;
     font-weight: bold;
     color: #808080;    
     border-radius: 5px;
}
#TitleRow p, #TitleRowNome {
     padding-left: 15px;
     font-size: 17px;
}
 #SubMenuRow {
     width: 100%;
     margin: 10px 0;
     background-color: white;    
     border-radius: 5px;
}
#theCustomerContent{    
     width: 100%;    
     margin-top: 5px;
     padding: 10px 8px 0 10px;
     border: 1px solid #ffffff;
     border-radius: 15px;
     font-size: 13px;
}
#oneDataRow{ 
     width: 1005px;
     height: 35px;
}
#oneTitleRow {
     display: flex;
     flex-wrap: nowrap;
     align-items: center;
     justify-content: space-between;
     float: left;
     width: 100%;
     padding: 5px 2px 5px 10px;
     margin-bottom: 5px;
     color: white;
     font-size: 15px;
     background-color: #235d9f;
     border-radius: 7px;
}
#oneTitleRow #acts-1 {
     float: right;
     color: #000000;
     font-size: 14px;
     padding: 5px;
     border-radius: 5px;
}
#oneTitleRow a {
     text-decoration: none; 
     color: #000000; 
     font-size: 14px;
     padding: 5px;
     border: 1px solid #ffffff;
     margin: 0 1px 0 1px;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#deefff+0,98bede+100;Blue+3D+%2310 */
     background: #deefff; /* Old browsers */
     background: -moz-linear-gradient(top,  #deefff 0%, #98bede 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #deefff 0%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #deefff 0%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
}
#oneTitleRow a.left {
     border-radius: 5px 0 0 5px;
     margin-right: 1px;
}
#oneTitleRow a.right {
     border-radius: 0 5px 5px 0;
     margin-left: 1px;
}
#oneTitleRow a:hover {
     color: #ffffff; 
     border: 1px solid #cccccc;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfe7fa+0,6393c1+100;Grey+Blue+3D */
     background: #cfe7fa; /* Old browsers */
     background: -moz-linear-gradient(top,  #cfe7fa 0%, #6393c1 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #cfe7fa 0%,#6393c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}
#oneTitleRow a.save {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefefd+0,dce3c4+42,aebf76+100;Olive+3D+%231 */
     background: #fefefd; /* Old browsers */
     background: -moz-linear-gradient(top,  #fefefd 0%, #dce3c4 42%, #aebf76 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #fefefd 0%,#dce3c4 42%,#aebf76 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #fefefd 0%,#dce3c4 42%,#aebf76 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefd', endColorstr='#aebf76',GradientType=0 ); /* IE6-9 */
}
#oneTitleRow a.save:hover {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e4efc0+0,abbd73+100;Olive+3D+%232 */
     background: #e4efc0; /* Old browsers */
     background: -moz-linear-gradient(top,  #e4efc0 0%, #abbd73 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #e4efc0 0%,#abbd73 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #e4efc0 0%,#abbd73 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 ); /* IE6-9 */
}
#loginOneRow {
    min-height: 30px;
    margin-top: 5px;
}
#loginaData {
    width: 100%;
    align-content: center;
    margin-top: 24px;
    margin-bottom: 30px;
    text-align: center;
}
#loginTitle {
    font-size: 22px;
    font-weight: bold;
}
#LoginButton {
     top: 191px;
     width: 165px;
     height: 37px;
     border: 1px solid #2E6DA4;
     border-radius: 4px;
     background-color: #3370B7;
     background-image: none;
     color: #FFFFFF;
     font-family: Arial;
     font-weight: normal;
     font-size: 13px;
     -webkit-appearance: none;
     margin: 0;
     z-index: 12;
 }
/* -- action buttons -- */
#acts-1 {
     float: center;
     color: #000000;
     padding: 5px;
     height: 30px;
     border-radius: 5px;
}
#acts-1 a {
     font-size: 14px;
     padding: 5px;
}
#acts-2 {
     float: center;
     color: #000000;
     height: auto;
     padding: 5px 2px;
     margin-top: 3px;
     background: #b0e2ff;
     border-radius: 5px;
}
#acts-2 a {
     font-size: 11px;
     padding: 3px;
}
#acts-3 {
     float: center;
     color: #000000;
     padding: 5px 2px;
     border-radius: 5px;
     margin-top: 3px;
     height: auto;
}
#acts-3 a {
     font-size: 11px;
     padding: 3px;
}
#acts-1 a, #acts-2 a, #acts-3 a, #acts-2 input[type=submit], #acts-3 input[type=submit] {
     font-weight: normal;
     text-decoration: none; 
     color: #000000; 
     border: 1px solid #ffffff;
     margin: 0 1px 0 1px;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#deefff+0,98bede+100;Blue+3D+%2310 */
     background: #deefff; /* Old browsers */
     background: -moz-linear-gradient(top,  #deefff 0%, #98bede 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #deefff 0%,#98bede 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #deefff 0%,#98bede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
}
#acts-1 a:hover, #acts-2 a:hover, #acts-3 a:hover, #acts-2 input[type=submit]:hover, #acts-3 input[type=submit]:hover {
     color: #ffffff; 
     border: 1px solid #545454;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfe7fa+0,6393c1+100;Grey+Blue+3D */
     background: #cfe7fa; /* Old browsers */
     background: -moz-linear-gradient(top,  #cfe7fa 0%, #6393c1 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #cfe7fa 0%,#6393c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}
#acts-1 a.left, #acts-2 a.left, #acts-3 a.left {
     border-radius: 5px 0 0 5px;
     margin-right: 1px;
}
#acts-1 a.both, #acts-2 a.both, #acts-3 a.both {
     border-radius: 5px;
     margin-right: 1px;
}
#acts1 a.right, #acts-2 a.right, #acts-3 a.right {
     border-radius: 0 5px 5px 0;
     margin-left: 1px;
}
#acts-1 a.save, #acts-2 a.save, #acts-3 a.save {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefefd+0,dce3c4+42,aebf76+100;Olive+3D+%231 */
     background: #fefefd; /* Old browsers */
     background: -moz-linear-gradient(top,  #fefefd 0%, #dce3c4 42%, #aebf76 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #fefefd 0%,#dce3c4 42%,#aebf76 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #fefefd 0%,#dce3c4 42%,#aebf76 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefd', endColorstr='#aebf76',GradientType=0 ); /* IE6-9 */
}
#acts-1 a.save:hover, #acts-2 a.save:hover, #acts-3 a.save:hover {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9de96+0,8ab66b+44,398235+100;Green+3D+%233 */
     background: #c9de96; /* Old browsers */
     background: -moz-linear-gradient(top,  #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */
}
#acts1- a.exit, #acts-2 a.exit, #acts-3 a.exit {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */
     background: #fefcea; /* Old browsers */
     background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}
#acts-1 a.exit:hover, #acts-2 a.exit:hover, #acts-3 a.exit:hover {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fac695+0,f5ab66+47,ef8d31+100;Orange+3D+%232 */
     background: #fac695; /* Old browsers */
     background: -moz-linear-gradient(top,  #fac695 0%, #f5ab66 47%, #ef8d31 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #fac695 0%,#f5ab66 47%,#ef8d31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=0 ); /* IE6-9 */
}
#acts-1 a.del, #acts-2 a.del, #acts-3 a.del {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#febbbb+0,fe9090+45,ff5c5c+100;Red+3D+%231 */
     background: #febbbb; /* Old browsers */
     background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */
}
#acts-1 a.del:hover, #acts-2 a.del:hover, #acts-3 a.del:hover {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
     background: #ff3019; /* Old browsers */
     background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
#acts-2 span.info-tit, #acts-3 span.info-tit {
     min-width: 100px;
     padding: 3px;
     color: #545454;
     font-size: 11px;
     font-weight: bold;
     text-align: center;
     background: #ffffff;
     border-radius: 5px;
}
     
/* form-inline */
.form-inline {  
     display:flex; flex-flow:row wrap; align-items:center; }
.form-inline label {
     margin: 5px 5px 5px 0; font-size: 95%; }
.form-inline input {
     vertical-align: middle;
     margin: 5px 10px 5px 0;
     padding: 10px;
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 5px;
}
.form-inline button {
     min-width: 25px;
     padding: 10px 20px;
     color: black;
     cursor: pointer;
     background-color: #eceff4;
     border: 1px solid #ddd;
     border-radius: 5px;
}
.form-inline button:hover {
     background-color: #d8dee9;
}

@media (max-width: 800px) {
     .form-inline input {
          margin: 10px 0;
     }
     .form-inline {
          flex-direction: column;
          align-items: stretch;
     }
}
/* form-inline */
     
#DataFlex{ 
     display: flex;
     flex-flow: row wrap;
     width: 100%;
     min-height: 200px;
}
     
#oneTitleRowAproved {
     float: left;
     width: 100%;
     height: 35px;
     background-color: #239f82;
     color: white;
     font-size: 15px;
     padding-top: 5px;
     padding-left: 10px;
     margin-right: 0px;
}
     
#oneTitleRowAtrasado {
     float: left;
     width: 100%;
     height: 35px;
     background-color: #9f2323;
     color: white;
     font-size: 15px;
     padding-top: 5px;
     padding-left: 10px;
     margin-right: 0px;
}
     
     
     #oneColumnLeft{
         float: left; 
         width: 33%;
         min-width: 300px;
         height: 35px;
     }
     #oneColumn2Left{
         float: left; 
         width: 654px;
         min-width: 600px;
         height: 35px;
     }
     #oneColumnCenter{ 
         float: left; 
         width: 33%;
         min-width: 300px;
         height: 35px;
     }
     #oneColumnRight{ 
         float: left; 
         width: 33%;
         min-width: 300px;
         height: 35px;
     }
     #customerLabel{
         float: left; 
         font-size: 13px;
         font-weight: normal;
         margin-left: 5px;
         margin-right: 5px;
         padding-top: 4px;
         overflow: hidden;
         min-width: 70px;
         width: 70px;
     }
     
.formInput {
         float: left;
         text-align: left;
         height: 21px;
         font-size: 13px;
         border: 1px solid #10325a;
         border-radius: 5px;
}
     /* Hover style */
     .formInput:hover {
         border-color: #888;
     }
     /* Focus style */
     .formInput:focus {
         border-color: #aaa;
         /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
         box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
         box-shadow: 0 0 0 3px -moz-mac-focusring;
         color: #222; 
         outline: none;
     }
     
     #customer2Field{
         font-size: 14px;
         font-weight: bold;
         min-width: 567px;
         background-color: #f8f9fa;
         height: 27px;
         float: left;
         vertical-align: middle;
         padding-top: 4px;
         padding-left: 5px;
         border: 1px solid #eeeeee;
     }
     /* #enddados */
     
     
     #thePropostaContent{    
         font-size: 13px;
         width: 100%;
         height: auto;
         margin-top: 5px;
         padding-top: 10px;
         padding-left: 10px;
         padding-right: 8px;
         padding-bottom: 0px;
         border: 1px solid #ffffff;
         border-radius: 15px;
     }
     
/* motivos.php */
#Table-Header-Title   { width:20%; float:left; padding-top:5px; padding-left:5px; font-size:14px; color:#a7a7a7; text-align:left; }
#Table-Header-Content { width:50%; float:left; padding-top:5px; padding-left:5px; font-size:14px; color:#a7a7a7; text-align:left; }
#Table-Header-Author  { width:15%; float:left; padding-top:5px; padding-left:5px; font-size:14px; color:#a7a7a7; text-align:left; }
#Table-Header-Actions { width:15%; float:left; padding-top:5px; padding-left:5px; font-size:14px; color:#a7a7a7; text-align:left; }
#Table-Column-Title   { width:20%; float:left; padding-top:5px; padding-left:5px; font-size:12px; color:#000000; text-align:left; }
#Table-Column-Content { width:50%; float:left; padding-top:5px; padding-left:5px; font-size:12px; color:#000000; text-align:left; }
#Table-Column-Author  { width:15%; float:left; padding-top:5px; padding-left:5px; font-size:12px; color:#000000; text-align:left; }
#Table-Column-Actions { width:15%; float:left; padding-top:5px; padding-left:5px; font-size:12px; color:#000000; text-align:left; }



 .f06 {font-size:  6px;}
 .f08 {font-size:  8px;}
 .f09 {font-size:  9px !important;}
 .f10 {font-size: 10px !important;}
 .f11 {font-size: 11px !important;}
 .f12 {font-size: 12px !important;}
 .f13 {font-size: 13px !important;}
 .f14 {font-size: 14px !important;}
 .f15 {font-size: 15px !important;}
 .f16 {font-size: 16px !important;}
 .f17 {font-size: 17px !important;}
 .f18 {font-size: 18px !important;}
 .f19 {font-size: 19px !important;}
 .f20 {font-size: 20px !important;}
 
#TableColumn-Nome                { float:left; width:30%; min-width:150px; padding-top:5px; 
                                   padding-left:5px; color:#000000; font-size:12px; text-align:left; }
#TableColumn-Proposta-Num        { float:left; width:11%; text-align:center; padding-top:5px;}
#TableColumn-Proposta-Prazo      { float:left; width:11%; text-align:center; padding-top:5px;}
#TableColumn-Proposta-Vencimento { float:left; width:12%; text-align:center; padding-top:5px;}
#TableColumn-Valor-Financiado    { float:left; width:17%; text-align:center; padding-top:5px;}
#TableColumn-Valor-Parcela       { float:left; width:12%; text-align:center; padding-top:5px;}
#TableColumn-Contrato-Acoes      { float:left; width:25%; text-align:center; padding-top:5px;}
#TableColumn-Contrato-Status     { float:left; width:12%; text-align:center; padding-top:5px;}

#TableProposal-Aprove { float:center; width:100px; text-align:center; padding-top:8px; }

#oneColumnHalfRight{
         float: left; 
         width: 16%;
         min-width: 150px;
         height: 35px;       
     }
     #customerHalfLabel{
         float: left; 
         font-size: 13px;
         font-weight: normal;
         margin-left: 5px;
         margin-right: 5px;
         padding-top: 4px;
         overflow: hidden;
         min-width: 70px;
         width: 70px;        
     }
     #customerHalfField{
         font-size: 15px;
         font-weight: bold;
         min-width: 70px;
         background-color: #f8f9fa;
         height: 27px;
         float: left;
         vertical-align: middle;
         padding-top: 4px;
         padding-left: 5px;
         border: 1px solid #eeeeee;
     }
     /* #endproposal */

     /* #parcelas */
     #theParcelaContent{
         margin-top: 5px;
         font-size: 13px;
         height: auto;
         padding-top: 10px;
         padding-bottom: 10px;
         width: 1005px;
         border: 1px solid #ddd;
         border-radius: 5px;
         padding-left: 10px;
         padding-right: 8px;                
     }

/* Controle de Conteúdo ----------------- */
/* - larguras das Linhas/rows ----------- */
.Lw100 { width: 100%; }

/* - larguras das Colunas/columns ------- */
.w05 { width:  5%; min-width:  25px; }
.w08 { width:  8%; min-width:  40px; }
.w09 { width:  9%; min-width:  45px; }
.w10 { width: 10%; min-width:  50px; }
.w12 { width: 12%; min-width:  60px; }
.w15 { width: 15%; min-width:  75px; }
.w18 { width: 18%; min-width:  90px; }
.w20 { width: 20%; min-width: 100px; }
.w25 { width: 25%; min-width: 125px; }
.w28 { width: 28%; min-width: 140px; }
.w30 { width: 30%; min-width: 150px; }
.w35 { width: 35%; min-width: 175px; }
.w36 { width: 36%; min-width: 180px; }
.w40 { width: 40%; min-width: 200px; }
.w45 { width: 45%; min-width: 425px; }
.w50 { width: 50%; min-width: 250px; }
.w55 { width: 55%; min-width: 275px; }
.w60 { width: 60%; min-width: 300px; }
.w64 { width: 64%; min-width: 320px; }
.w73 { width: 73%; min-width: 365px; }
.w100 { width: 100%; }

/* - alinhamento do conteúdo/texto ------ */
.taL { text-align:left !important; }
.taC { text-align:center; }
.taR { text-align:right !important; }

/* - Contentor da Lista de Conteúdo/Dados */
#TableRow { 
     display: flex;
     flex-flow: column wrap;
     width: 100%;
     min-height: 100px;
     margin: 10px 0;
     background-color: white;
}

/* Lista de Dados > Colunas -------------------------- */
#TableColumn { display:flex; flex-flow:row wrap; align-items:center; float:left; padding:5px; text-align:center; }

/* Cabeçalho da Lista/Conteúdo > linha/row ----------- */
#TableHeaderRow {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
     width: 100%;
     height: auto;
     padding: 10px 0;
     color: #545454;
     font-size: 13px;
     font-weight: bold;
     border-bottom: 1px solid #e2e2e2;
}

/* Cabeçalho da Lista/Conteúdo > Colunas/column ------ */
#TableHeaderColumn, #TableHcolumn { display:flex; flex-flow:row wrap; align-items:center; float:left; padding:5px; text-align:center; }

/* - deprecated -------------------------------------- */
#TableHeaderColumn-ContratoID       { float:left; width:11%; text-align:center; padding-top:5px; }
#TableHeaderColumn-1Vencimento      { float:left; width:12%; text-align:center; padding-top:5px; }
#TableHeaderColumn-Prazo            { float:left; width:11%; text-align:center; padding-top:5px; }
#TableHeaderColumn-Valor-Parcela    { float:left; width:12%; text-align:center; padding-top:5px; }
#TableHeaderColumn-Valor-Financiado { float:left; width:17%; text-align:center; padding-top:5px; }
#TableHeaderColumn-Contrato-Status  { float:left; width:12%; text-align:center; padding-top:5px; }
#TableHeaderColumn-Contrato-Acoes   { float:left; width:25%; text-align:center; padding-top:5px; }

#TableHeaderColumn-Name      { float:left; width:60%; min-width:300px; padding-top:5px; padding-left:5px; text-align:left; }
#TableHeaderColumn-Nome      { float:left; width:30%; min-width:150px; padding-top:5px; padding-left:5px; text-align:left; }
#TableHeaderColumn-CPF       { float:left; width:15%; min-width: 75px; padding-top:5px; text-align:center; }
#TableHeaderColumn-Autorizao { float:left; width:15%; min-width: 75px; padding-top:5px; text-align:center; }
#TableHeaderColumn-Acoes     { float:left; width:10%; min-width: 50px; padding-top:5px; text-align:center; }
#TableHeaderColumn-Acoes2    { float:left; width:20%; min-width:100px; padding-top:5px; text-align:center; }
#TableHeaderColumn-First     { float:left; width:15%; min-width: 75px; padding-top:5px; text-align:center; }
#TableHeaderColumn-Parcela-Dias, 
#TableHeaderColumn-Parcela-Num, 
#TableHeaderColumn-Parcela-Vencimento {
     width:5%; float:left; padding-top:5px; font-size:14px; text-align:center; padding-left:5px; min-width:180px; }
#TableHeaderColumn-Parcela-Prop {
     width:5%; float:left; padding-top:5px; font-size:14px; text-align:center; padding-left:5px; min-width:160px; min-width:150px; }
#TableHeaderColumn-Parcela-Valor {
     width:8%; float:left; padding-top:5px; font-size:14px; text-align:center; min-width:180px; }

#TableColumn-Name       { float:left; width:60%; min-width:300px; padding-left:5px; text-align:left; }
#TableColumn-Nome       { float:left; width:30%; min-width:150px; padding-left:5px; text-align:left; }
#TableColumn-CPF        { float:left; width:15%; min-width: 75px; text-align:center; }
#TableColumn-Autorizao  { float:left; width:15%; min-width: 75px; text-align:center; }
#TableColumn-Acoes      { float:left; width:10%; min-width: 50px; text-align:center; }
/* desligamento.php */
#TableColumn-Autorizao2 { float:left; width:20%; min-width:100px; text-align:right; }
#TableColumn-Acoes2     { float:left; width: 5%; min-width:100px; text-align:center; }
/* - /deprecated ------------------------------------- */


/* Lista de dados > Linha/Contentor ------------------ */
#TableDataRow1, #TableDataRow2 {
     display: flex;
     flex-flow: column wrap;
     align-items: center;
     width: 100%;
     min-height: 30px;
     padding: 5px 0;
     color: #000000;    
     font-size: 12px;
     font-weight: normal;
}
#TableDataRow1 { background-color: #eff5fb; }
#TableDataRow2 { background-color: #ffffff; }
#TableDataRow1:hover, #TableDataRow2:hover {
     background-color: #e0e0e0;
}
#TblDataRowContent, 
#TblDataRowAux {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
     width: 100%;
     padding: 5px 0;
     color: #000000;    
     font-size: 12px;
     font-weight: normal;
}

/* Lista de dados > Linha/Contentor > selecionado ---- */
.marked   { background-color: #fff3e0 !important; }
.marked-1 { background-color: #ebc7c7 !important; }
.marked-2 { background-color: #cfffcd !important; }

/* Rodapé da Lista/Conteúdo > linha/row -------------- */
#TableFooterRow {
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
     width: 100%;
     height: auto;
     padding: 10px 0;
     color: #545454;
     font-size: 15px;
     font-weight: bold;
     border-top: 1px solid #e2e2e2;
}

/* - footer pagination ------------------------------- */
#Footer-Pagination {
     display: flex;
     flex-flow: row nowrap;
     justify-content: center;
     width: 100%;
     height: 35px; 
     padding: 10px;
     text-align: center;
     background-color: #999; 
     border-radius: 10px;
}
#pagination {
     justify-content: center;
     margin: 0;
     padding: 10px 20px;
     background-color: #efefef;
     border-radius: 15px;
}
#pagination, #pagination a {
     color: #545454;
     font-size: 15px !important;
}
.forthnback { color: #3b3b3b;}


/* -- VERIFICAR --------------------------------- */

   
     
     #TableDataRowAtraso1{
         width: 100%;
         background-color: #efc4c8;
         height: 35px;
     }
     #TableDataRowAtraso2{
         width: 100%;
         background-color: #fbe7e9;
         height: 35px;
     }
     
     #TableDataRowAproved1{
         width: 100%;
         background-color: #daf3e2;
         height: 35px;
     }
     #TableDataRowAproved2{
         width: 100%;
         background-color: #ecf7f0;
         height: 35px;
     }

     #TableColumn-Parcela-Prop{
         width: 5%;
         padding-top: 9px;
         float: left;
         text-align: center;
         padding-left: 5px;
         min-width: 160px;
     }
     #TableColumn-Parcela-Num{
         width: 5%;
         padding-top: 9px;
         float: left;
         text-align: center;
         padding-left: 5px;
         min-width: 200px;
     }
     #TableColumn-Parcela-Vencimento{
         width: 7%;
         padding-top: 9px;
         float: left;
         text-align: center;
         padding-left: 5px;
         min-width: 200px;       
     }
     #TableColumn-Parcela-Valor{
         width: 8%;
         padding-top: 9px;
         float: left;
         text-align: center;
         padding-left: 5px;
         min-width: 200px;
     }
     #TableColumn-Parcela-Dias{
         width: 4%;
         padding-top: 9px;
         float: left;
         text-align: center;
         min-width: 200px;
     }
     
     #TableColumn-Autorizao{
         padding-top: 9px;
         float: left;
         text-align: center;        
         width: 50px;
     
     }
     #TableColumn-Acoes{
         width: 10%;
         padding-top: 9px;
         float: left;
         text-align: center;
         min-width: 100px;
     }
     /* #endparcelas */
     
     #customerField{
         font-size: 14px;
         font-weight: bold;
         min-width: 235px;
         background-color: #f8f9fa;
         height: 27px;
         float: left;
         display: flex;
         align-items: center;
         padding-top: 4px;
         padding-left: 5px;
         border: 1px solid #eeeeee;
     }
     
/* cadastro-edit.php */
#oneDataRowEd{  
     display: flex;
     flex-flow: row wrap;
     width: 100%;
     min-height: 250px;
}
     
     #colEd, #oneColumnLeftEd, #oneColumn2LeftEd, #oneColumnCenterEd, #oneColumnRightEd{ 
         display: flex;
         width: var(--wC);
         height: 45px;
         margin-top: 0px;
     }
     
     #colEd > #cLabelEd {
         order: -1;          /* Shift image before other content (in visual order) */
         align-self: left;   /* Center the image cross-wise (horizontally)         */
         flex-wrap: wrap;
     }
     #colEd > #cFieldEd {
         align-self: left;
     /*    margin-top: auto;      Auto top margin pushes button to bottom */
     }

/* - FORM styling ---------------------------- start - */

/* verificar
     * {
         box-sizing: border-box;
     }
*/
     input[type=text], input[type=date], input[type=password], textarea {
         width: 100%;
         padding: 2px 3px;
         border: 1px solid #ddd;
         border-radius: 4px;
         resize: vertical;
         color: #000;
     }
     
     /* class applies to select element itself, not a wrapper element */
     .select-css {
         display: block;
         font-size: 12px;
         font-family: sans-serif;
         font-weight: 300;
         color: #444;
         line-height: 1.3;
         padding: .3em .7em .25em .4em;
         width: 100%;
         max-width: 100%; /* useful when width is set to anything other than 100% */
         box-sizing: border-box;
         margin: 0;
         border: 1px solid #aaa;
         box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
         border-radius: .5em;
         -moz-appearance: none;
         -webkit-appearance: none;
         appearance: none;
         background-color: #fff;
         /* note: bg image below uses 2 urls. 
            The first is an svg data uri for the arrow icon, and the second is the gradient. 
            for the icon, if you want to change the color, be sure to use `%23` instead of `#`, 
            since it's a url. You can also swap in a different svg icon or an external image reference
         */
         background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
           linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
         background-repeat: no-repeat, repeat;
         /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
         background-position: right .7em top 50%, 0 0;
         /* icon size, then gradient */
         background-size: .65em auto, 100%;
     }
     /* Hide arrow icon in IE browsers */
     .select-css::-ms-expand {
         display: none;
     }
     /* Hover style */
     .select-css:hover {
         border-color: #888;
     }
     /* Focus style */
     .select-css:focus {
         border-color: #aaa;
         /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
         box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
         box-shadow: 0 0 0 3px -moz-mac-focusring;
         color: #222; 
         outline: none;
     }
     /* Set options to normal weight */
     .select-css option {
         font-weight:normal;
     }
     /* Support for rtl text, explicit support for Arabic and Hebrew */
     *[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
         background-position: left .7em top 50%, 0 0;
         padding: .6em .8em .5em 1.4em;
     }
     /* Disabled styles */
     .select-css:disabled, .select-css[aria-disabled=true] {
         color: graytext;
         background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
           linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
     }
     
     .select-css:disabled:hover, .select-css[aria-disabled=true] {
         border-color: #aaa;
     }
     /* END - class applies to select element itself, not a wrapper element */

     
     input[type=submit] {
          float: right;
          padding: 2px 3px;
          color: black;
          background-color: #04AA6D;
          border: none;
          border-radius: 4px;
          font-size: 15px;
          cursor: pointer;
     }
     input[type=submit]:hover {
          background-color: #45a049;
     }
     .sendmit {
          height: 25px;
          font-size: 15px;
     }
      
     fieldset {
          border: 1px solid #cccccc;
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px;	
          border-radius: 8px;
     }
     legend {
          color: #999999;
     }
     .master {
          width: 100%;
          display: flex;
          flex-flow: row wrap;
          border: 1px solid #cccccc;
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px;	
          border-radius: 8px;
          margin-bottom: 10px;	
     }
     /* -- forms end -- */
 
     /* -- from 'cadastro_rh.css' ------------ start - */
#SearchField, #SearchName, #SearchCpf  {
     float: left;
     padding: 5px 0 5px 10px;
}
#SearchArea {
     background-color: white;
     height: 45px;
     padding-top: 7px;
}
#SearchIName, #SearchICPF {
     width: 150px;
     padding: 5px;
     color: #10325a;
     font-size: 15px;
     background-color: #fbfbfb;
     border-bottom: 1px solid #cccccc;
}

/*
#SearchICPF {
     background-color: #fbfbfb;
     width: 200px;
     border-left: 0px;
     border-right: 0px;
     border-top: 0px;
     border-bottom: 1px solid #cccccc;
     color: #10325a;
     font-size: 15px;
     padding-top: 5px;
     padding-left: 10px;    
}
*/
#SearchAuto {
     float: left;
     padding: 5px 0 5px 40px;
}
#SearcIhAuto { width:10%; }
#SearchButton {
     float: left;
     padding: 5px 5px 5px 30px;
}
#SearchSubmt { 
     background-color: #7d93e2;
     border: none;
     width: 130px;
     height: 27px;
     color: white;
     font-size: 16px;
     cursor: pointer; /* jmf  add*/
}
.Sendmit { 
     background-color: #7d93e2;
     border: none;
     height: 25px;
     color: black;
     text-shadow: -1px -1px 1px white;
     font-size: 15px;
     cursor: pointer; /* jmf  add*/
}

#SearchName0, #SearchCpf0, #SearchAuto0, #SearchButton0 {
     float: left;
     padding: 5px;
     margin-right: 5px;
}
#SearchIName0, #SearchICPF0 {
     width: 150px;
     padding: 5px;
     color: #10325a;
     font-size: 12px;
     background-color: #fbfbfb;
     border: 0;
     border-bottom: 1px solid #cccccc;
}
#SearchSubmt0 { 
     background-color: #7d93e2;
     border: none;
     width: 70px;
     height: 27px;
     color: white;
     font-size: 14px;
     cursor: pointer; /* jmf  add*/
}

/* -- from 'cadastro_rh.css' -------------- end - */

#WorkerOfH, #WorkerOfF {
     border: none;
     padding: 0 10px;
     height: 25px;
     font-size: 15px;
     font-weight: bold;
     color: black;
     text-shadow: -1px -1px 1px white;
     background-color: #ebc7c7;
     cursor: pointer; /* jmf  add*/
}
#WorkerOfH:hover, #WorkerOfF:hover {
     color: white;
     text-shadow: 1px 1px 1px black;
     background-color: #40a9ff;
}
#WorkerInH, #WorkerInF {
     border: none;
     padding: 0 10px;
     height: 25px;
     font-size: 15px;
     font-weight: bold;
     color: black;
     text-shadow: -1px -1px 1px white;
     background-color: #cfffcd;
     cursor: pointer; /* jmf  add*/
}
#WorkerInH:hover, #WorkerInF:hover {
     color: white;
     text-shadow: 1px 1px 1px black;
     background-color: #40a9ff;
}

/* - FORM styling ------------------------------ end - */
     
     .cLabelEd{
         float: left; 
         font-size: 11px;
         font-weight: normal;
         text-align: left;
         padding-left: 5px;
         height: 45px;
         align-items: left;
         overflow: hidden;
         min-width: 30px;
     }
     
     #cLabelEd, #customerLabelEd{
         float: left; 
         font-size: 11px;
         font-weight: normal;
         text-align: left;
         padding-left: 5px;
         height: 45px;
         align-items: left;
         overflow: hidden;
         min-width: 30px;
         width: var(--wL);
     }
     #cFieldEd, .cFieldEd, #customerFieldEd{
         float: left;
         align-self: center;
         font-size: 14px;
         font-weight: bold;
         text-align: left;
         padding-left: 5px;
         height: 26px;
         align-items: left;
         min-width: 40px;
         width: var(--wF);
         background-color: #f8f9fa;
         border: 1px solid #eeeeee;
     }
     
     /*  button exclude */
     .exclude {
         border: 0;
         line-height: 2;
         padding: 0 20px;
         font-size: .8rem;
         text-align: center;
         color: #fff;
         text-shadow: 1px 1px 1px #000;
         border-radius: 10px;
         background-color: rgba(220, 0, 0, 1);
         background-image: linear-gradient(to top left,
                                           rgba(0, 0, 0, .2),
                                           rgba(0, 0, 0, .2) 30%,
                                           rgba(0, 0, 0, 0));
         box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                     inset -2px -2px 3px rgba(0, 0, 0, .6);
     }
     
     .exclude:hover {
         background-color: rgba(255, 0, 0, 1);
     }
     
     .exclude:active {
         box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                     inset 2px 2px 3px rgba(0, 0, 0, .6);
     }

/* Parsley form validation */
.parsley-length, .parsley-checkChildren {color: red; font-size: 70%;}