.pasApas {display: block;list-style: none;padding: 0;position: relative;width: 100%}

.pasApas a:hover,.pasApas a:active,.pasApas a:focus {text-decoration: none}
.pasApas li {display: block;float: left;width: 25%;text-align: center;padding-left: 0}
.pasApas li:before {border-top: 3px solid #55606E;content: "";display: block;font-size: 0;overflow: hidden;position: relative;top: 11px;right: 1px;width: 100%;z-index: 1}
.pasApas li:first-child:before {left: 50%;max-width: 50%}
.pasApas li:last-child:before {max-width: 50%;width: 50%}
.pasApas li.complete .step {background: #0aa66e;padding: 1px 6px;border: 3px solid #55606E}
.pasApas li .step i {font-size: 10px;font-weight: 400;position: relative;top: -1.5px}
.pasApas li .step {background: #B2B5B9;color: #fff;display: inline;font-size: 15px;font-weight: 700;line-height: 12px;padding: 7px 13px;border: 3px solid transparent;
                   border-radius: 50%;line-height: normal;position: relative;text-align: center;z-index: 2;transition: all .1s linear 0s}
.pasApas li.active .step,.pasApas li.active.complete .step {
   /*background: #0091d9;*/background: #00d912;color: #fff;font-weight: 700;padding: 7px 13px;font-size: 15px;border-radius: 50%;border: 3px solid #55606E}
.pasApas li.complete .title,.pasApas li.active .title {color: #2B3D53}
.pasApas li .title {color: #bfbfbf;display: block;font-size: 13px;line-height: 15px;max-width: 100%;position: relative;
                    table-layout: fixed;text-align: center;top: 20px;word-wrap: break-word;z-index: 104}

.pasApas-accions {display: block;list-style: none;padding: 0;position: relative;width: 100%}
.pasApas-accions li {display: inline}
.tab-content.transparent {background-color: transparent}
.col-center { float: none; margin: 0 auto;}
.control-label {font-size: 15px;color: green;}
.pas {font-size: 20px;margin-bottom: 20px;margin-left: 100px;}
#info {margin-top: 50px}
/*#spinner{display: none;}*/

[data-role="dynamic-fields"] > .form-inline + .form-inline {margin-top: 0.5em;}
[data-role="dynamic-fields"] > .form-inline [data-role="add"] {display: none;}
[data-role="dynamic-fields"] > .form-inline:last-child [data-role="add"] {display: inline-block;}
[data-role="dynamic-fields"] > .form-inline:last-child [data-role="remove"] {display: none;}

.granSector{width: 40% !important;}
.activitat{width: 50% !important;}

@media only screen and (max-width: 768px) {
    .pas {margin-left: 20px;}
    .control-label {font-size: 11px;}
    .form-inline {border: 1px solid;color: #c5c5c5;padding: 5px;border-radius: 5px;}
    .form-inline select {width: 100% !important;}
}